.capture-widget { --bg:var(--paper);--text:var(--ink);--text-2:var(--ink);--surface-2:var(--paper);--surface-3:var(--paper);--border:var(--line);--border-soft:var(--line);--border-strong:var(--line);--border-dashed:var(--line);--accent:#245ce5;--accent-text:var(--blue);--accent-soft:#edf2ff;--accent-border:#b7cafa;--success:#08734a;--success-soft:#ebf8f1;--success-border:#bfe5d1;--danger:#b42318;--danger-soft:#fef2f1;--danger-border:#f6cfcb;--grid-line:#14213512;--radius:8px;--radius-lg:14px;--radius-xl:18px;--shadow-sm:0 1px 4px #1421350d;--shadow-md:0 8px 24px #1421350d;font-size:14px;line-height:1.5; }
[data-theme=dark] .capture-widget { --accent-soft:#172544;--accent-border:#2c4475;--success:#5dd39e;--success-soft:#11291f;--success-border:#1f4a37;--danger:#ff8f86;--danger-soft:#321a1c;--danger-border:#5e2b2e;--grid-line:#ffffff0b; }
.capture-widget .capture-heading { display:none; }
.capture-widget #instructions { display:none; }
.capture-widget :is(h1,h2,h3,p,ol,ul) { margin:0; }
.capture-widget .icon { width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0; }
.capture-widget :is(.primary,.secondary,.quiet) { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;font-size:13px;text-decoration:none;background:var(--surface);color:var(--ink); }
.capture-widget .primary { background:var(--accent);color:#fff;border-color:var(--accent); }
.capture-widget .quiet { background:transparent;border-color:transparent; }
.capture-widget button:disabled { cursor:default;opacity:.55; }
.capture-widget .card { background:var(--surface);border:1px solid var(--line);border-radius:14px; }
.capture-widget .eyebrow { font-size:10px;color:var(--muted);letter-spacing:.08em; }
.capture-widget :is(input:not([type=checkbox]),textarea,select) { width:100%;padding:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px;font:inherit; }
.capture-widget input[type=checkbox] { width:16px;height:16px;flex:none; }
.capture-widget .check-label { display:flex;gap:10px; }
.capture-widget label { display:block;margin-block:12px; }
.capture-widget .capture-file-picker { display:flex; }
.capture-widget .hint { font-size:12px;color:var(--muted); }
.capture-widget .text-link { font-size:12px; }
.capture-widget li { padding:0;margin:0; }
.capture-widget .capture-layout { grid-template-columns:170px minmax(0,1fr);gap:20px; }
.capture-widget .capture-card { padding:24px; }
.capture-widget .story-title-row h2 { margin-top:8px;font-size:22px; }
.capture-widget .story-narrative h3 { font-size:22px; }
.capture-widget .story-narrative > p { margin:16px 0 22px; }
.capture-widget .story-player-footer { padding:10px 14px; }
.capture-widget .story-lab-heading h3 { margin-top:7px;font-size:20px; }
.capture-widget .story-lab-note { margin-top:20px;padding-top:14px; }
.capture-widget .story-sample > p { margin:14px 0 24px; }
.capture-widget .story-verdict p { margin-top:5px; }
.capture-widget .capture-lead { margin-bottom:20px; }
.capture-widget .capture-step-heading h2 { margin-top:9px;font-size:22px; }
.capture-widget .capture-setup-heading h2 { margin-bottom:8px; }
.capture-widget .capture-checklist > li { padding-inline-start:32px;margin-bottom:24px; }
.capture-widget .capture-checklist p { margin:7px 0 12px; }
.capture-widget pre { color:var(--ink); }
.capture-widget .notice.error { padding:12px;background:var(--danger-soft);color:var(--danger); }
.capture-widget .story-benefits p { margin-top:5px; }
.capture-widget .story-details p { margin-top:10px; }
.capture-widget .story-window-bar { font-size:9px; }
.capture-widget .story-certificate p,.capture-widget .story-verifier p { margin-top:8px; }
.capture-widget .story-certificate > strong { margin-top:12px; }
[dir=rtl] .story-wire .icon,[dir=rtl] .capture-actions .icon { transform:scaleX(-1); }
@media(max-width:1200px) { .capture-widget .capture-layout { grid-template-columns:1fr; } .capture-widget .capture-steps { grid-template-columns:repeat(4,minmax(0,1fr));display:grid; } .capture-widget .capture-steps button { flex-direction:column;text-align:center;padding:10px 4px; } .capture-widget .capture-private,.capture-widget .capture-steps small { display:none; } .capture-widget .story-scene { grid-template-columns:1fr; } .capture-widget .story-visual { border-left:0;border-top:1px solid var(--line);min-height:280px; } }
@media(max-width:520px) { .capture-widget .capture-card { padding:18px 12px; } .capture-widget .story-tabs button { overflow-wrap:anywhere;font-size:9px; } }