:root{color-scheme:light dark;--sf-font:"Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--sf-font-size:14px;--sf-radius:6px;--sf-radius-lg:10px;--sf-space-1:4px;--sf-space-2:8px;--sf-space-3:12px;--sf-space-4:16px;--sf-space-6:24px;--sf-bg:#f9f9f9;--sf-surface:#fff;--sf-surface-2:#f3f3f3;--sf-border:#e0e0e0;--sf-text:#1b1b1b;--sf-text-muted:#5c5c5c;--sf-accent:#0f6cbd;--sf-accent-text:#fff;--sf-accent-hover:#115ea3;--sf-success:#0e7a0d;--sf-danger:#c50f1f;--sf-pro:#8a4b00;--sf-pro-bg:#fff4ce;--sf-focus:#000}@media (prefers-color-scheme:dark){:root{--sf-bg:#1f1f1f;--sf-surface:#2b2b2b;--sf-surface-2:#333;--sf-border:#444;--sf-text:#f5f5f5;--sf-text-muted:#c4c4c4;--sf-accent:#479ef5;--sf-accent-text:#000;--sf-accent-hover:#62abf5;--sf-success:#54b054;--sf-danger:#ff8f8f;--sf-pro:#ffd56a;--sf-pro-bg:#463100;--sf-focus:#fff}}html,body{background:var(--sf-bg);color:var(--sf-text);font:var(--sf-font-size) / 1.45 var(--sf-font);margin:0}:focus-visible{outline:2px solid var(--sf-focus);outline-offset:2px}.sf-btn{font:inherit;border:1px solid var(--sf-border);background:var(--sf-surface);color:var(--sf-text);border-radius:var(--sf-radius);padding:var(--sf-space-1) var(--sf-space-3);cursor:pointer;min-height:32px}.sf-btn[data-variant=primary]{background:var(--sf-accent);border-color:var(--sf-accent);color:var(--sf-accent-text)}.sf-btn[data-variant=primary]:hover{background:var(--sf-accent-hover)}.sf-btn:disabled{opacity:.5;cursor:default}.sf-shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.sf-shell>header{padding:var(--sf-space-3) var(--sf-space-4);border-bottom:1px solid var(--sf-border);background:var(--sf-surface);justify-content:space-between;align-items:center;display:flex}.sf-shell>main{padding:var(--sf-space-4)}.sf-drop{place-items:center;gap:var(--sf-space-2);border:2px dashed var(--sf-border);border-radius:var(--sf-radius-lg);background:var(--sf-surface);text-align:center;min-height:160px;padding:var(--sf-space-6);display:grid}.sf-drop[data-active=true]{border-color:var(--sf-accent);background:var(--sf-surface-2)}.sf-queue{margin:0;padding:0;list-style:none}.sf-queue li{gap:var(--sf-space-3);padding:var(--sf-space-2) 0;border-bottom:1px solid var(--sf-border);grid-template-columns:1fr 160px auto;align-items:center;display:grid}.sf-queue progress{width:100%}.sf-status-failed{color:var(--sf-danger)}.sf-status-done{color:var(--sf-success)}.sf-pro-badge{padding:0 var(--sf-space-2);background:var(--sf-pro-bg);color:var(--sf-pro);border-radius:999px;font-size:12px;font-weight:600;display:inline-block}.sf-locked{border:1px solid var(--sf-border);border-radius:var(--sf-radius-lg);padding:var(--sf-space-4);background:var(--sf-surface-2)}.site-header,.site-footer,.site-main{max-width:960px;padding:var(--sf-space-4);margin:0 auto}.site-header{justify-content:space-between;align-items:center;display:flex}.brand{color:var(--sf-text);font-weight:600;text-decoration:none}a{color:var(--sf-accent)}.site-footer{color:var(--sf-text-muted);border-top:1px solid var(--sf-border)}.grid{gap:var(--sf-space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:0;list-style:none;display:grid}.card{background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:var(--sf-radius-lg);padding:var(--sf-space-4)}.card h2,.card h3{margin-top:0}.cta{background:var(--sf-accent);color:var(--sf-accent-text);padding:var(--sf-space-2) var(--sf-space-4);border-radius:var(--sf-radius);font-weight:600;text-decoration:none;display:inline-block}.cta.secondary{color:var(--sf-accent);border:1px solid var(--sf-accent);background:0 0}.tiers{gap:var(--sf-space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.note{color:var(--sf-text-muted)}