:root{--color-bg:#0d1117;--color-bg-alt:#161b22;--color-surface:#1b2230;--color-border:#242c37;--color-border-strong:#2f3945;--color-accent:#6366f1;--color-accent-alt:#8b5cf6;--color-text:#f1f5f9;--color-text-dim:#94a3b8;--color-danger:#ef4444;--color-focus:#f59e0b;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 2px 4px -1px rgba(0,0,0,.5),0 4px 10px -2px rgba(0,0,0,.35);--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-sans:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--text-xs:11px;--text-sm:13px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:clamp(32px,5vw,44px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--field-bg:var(--color-bg-alt);--field-border:var(--color-border);--field-border-focus:var(--color-accent);--field-ring:0 0 0 1px var(--color-accent),0 0 0 4px rgba(99,102,241,.25);--focus-outline:2px solid var(--color-focus);--dur-fast:120ms;--easing:cubic-bezier(.4,.24,.3,1)}[data-theme=light]{--color-bg:#f8fafc;--color-bg-alt:#f1f5f9;--color-surface:#fff;--color-border:#d8dee7;--color-border-strong:#c9d2dd;--color-accent:#4f46e5;--color-accent-alt:#6366f1;--color-text:#0f172a;--color-text-dim:#64748b;--color-danger:#dc2626;--color-focus:#d97706;--field-bg:var(--color-bg-alt);--field-border:var(--color-border);--field-border-focus:var(--color-accent);--field-ring:0 0 0 1px var(--color-accent),0 0 0 4px rgba(79,70,229,.25)}.u-flex{display:flex}.u-grid{display:grid}.u-gap-2{gap:var(--space-2)}.u-gap-4{gap:var(--space-4)}.u-text-dim{color:var(--color-text-dim)}:root{color-scheme:dark}body,html{margin:0;padding:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}body{font-size:var(--text-md);line-height:1.45}h1{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em}h1,p{margin:0 0 var(--space-4)}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-alt);padding:2px 6px;border-radius:var(--radius-xs);border:1px solid var(--color-border)}.container{width:100%;max-width:1160px;margin:0 auto;padding:var(--space-10) var(--space-6)}.stack>*+*{margin-top:var(--space-6)}.stack-sm>*+*{margin-top:var(--space-3)}button,input,select{font:inherit}input:not([type]),input[type=number],input[type=text],input[type=url],select{width:100%;background:var(--field-bg);border:1px solid var(--field-border);color:var(--color-text);border-radius:var(--radius-sm);padding:8px 10px;font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--easing),background var(--dur-fast) var(--easing),box-shadow var(--dur-fast) var(--easing)}input:focus,select:focus{outline:none;border-color:var(--field-border-focus);box-shadow:var(--field-ring)}label{display:block;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;color:var(--color-text-dim)}#panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm)}input[type=checkbox]{width:16px;height:16px;border:1px solid var(--field-border);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;background:var(--field-bg);cursor:pointer;position:relative}input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}input[type=checkbox]:checked:after{content:"";width:10px;height:10px;background:#fff;-webkit-mask:radial-gradient(circle at 50% 50%,#000 65%,transparent 66%);mask:radial-gradient(circle at 50% 50%,#000 65%,transparent 66%);display:block}input[type=checkbox]:focus{outline:none;box-shadow:var(--field-ring)}.btn{--btn-bg:var(--color-accent);--btn-bg-hover:var(--color-accent-alt);--btn-color:#fff;background:var(--btn-bg);color:var(--btn-color);border:1px solid var(--color-accent);font-size:var(--text-sm);font-weight:500;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background var(--dur-fast) var(--easing),border-color var(--dur-fast) var(--easing)}.btn:hover{background:var(--btn-bg-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{--btn-bg:var(--color-bg-alt);--btn-bg-hover:var(--color-border);--btn-color:var(--color-text);border-color:var(--color-border)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin:var(--space-8) 0}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:var(--focus-outline);outline-offset:2px}.capture-preview{background:var(--color-bg-alt);border:1px solid var(--color-border);padding:var(--space-4);border-radius:var(--radius-md)}.capture-preview img{max-width:100%;display:block;border-radius:var(--radius-sm)}.max-w-5xl{max-width:1160px}.mx-auto{margin-left:auto;margin-right:auto}.p-8{padding:var(--space-10)}.space-y-10>*+*{margin-top:var(--space-10)}.space-y-6>*+*{margin-top:var(--space-6)}.pt-10{padding-top:var(--space-10)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-bold{font-weight:600}.tracking-tight{letter-spacing:-.02em}.underline{text-decoration:underline}.min-h-screen{min-height:100vh}.text-neutral-400,.text-neutral-500{color:var(--color-text-dim)}.bg-neutral-950{background:var(--color-bg)}.bg-neutral-900{background:var(--color-bg-alt)}.bg-neutral-800{background:var(--color-surface)}.border-neutral-700{border-color:var(--color-border)}.border-neutral-800{border-color:var(--color-border-strong)}.border{border-width:1px;border-style:solid}