:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fff;--surface:#fff;--sunken:#fafaf9;--line:#e5e5e3;--line-soft:#f1f1ef;--ink:#111110;--ink-muted:#6b6b67;--ink-faint:#9b9b95;--c:#00aeef;--m:#ec008c;--y:#ffe800;--k:#111110;--c-text:#00769f;--m-text:#c4006f;--y-text:#7a6600;--accent:var(--m);--accent-text:var(--m-text);--accent-wash:#fdeaf4;--warn-wash:#fffbe0;--warn-line:#efe08a;--r-lg:20px;--r-md:12px;--r-sm:8px;--sans:"Switzer", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--display:"Cabinet Grotesk", "Switzer", -apple-system, Arial, sans-serif;--mono:"Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--panel-w:350px;--shadow:0 1px 2px #1111100d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#121212;--surface:#1a1a19;--sunken:#232322;--line:#2f2f2d;--line-soft:#262625;--ink:#f2f2ef;--ink-muted:#a2a29c;--ink-faint:#76766f;--c-text:#4fc8f5;--m-text:#ff5aae;--y-text:#e8cf3a;--accent-wash:#2a0f1e;--warn-wash:#2a2410;--warn-line:#4a421c;--shadow:0 1px 2px #0006}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#121212;--surface:#1a1a19;--sunken:#232322;--line:#2f2f2d;--line-soft:#262625;--ink:#f2f2ef;--ink-muted:#a2a29c;--ink-faint:#76766f;--c-text:#4fc8f5;--m-text:#ff5aae;--y-text:#e8cf3a;--accent-wash:#2a0f1e;--warn-wash:#2a2410;--warn-line:#4a421c;--shadow:0 1px 2px #0006}*{box-sizing:border-box}html,body{height:100%}[hidden]{display:none!important}body{background:var(--paper);color:var(--ink);font-family:var(--sans);flex-direction:column;margin:0;font-size:15px;line-height:1.5;display:flex;overflow:hidden}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.tiny{font-size:11px}button,input,select{font-family:inherit;font-size:inherit;color:inherit}:where(button,input,select,a,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.bar{flex:none;align-items:baseline;gap:14px;padding:18px 26px 14px;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:26px;font-weight:800;line-height:1}.wordmark span{color:var(--m)}.strap{color:var(--ink-faint);margin:0;font-size:12.5px}.inkrule{flex:none;height:2px;margin:0 26px 12px;display:flex}.inkrule i{flex:1}.inkrule i:first-child{background:var(--c)}.inkrule i:nth-child(2){background:var(--m)}.inkrule i:nth-child(3){background:var(--y)}.inkrule i:nth-child(4){background:var(--ink)}.theme-toggle{border:1px solid var(--line);cursor:pointer;width:34px;height:34px;color:var(--ink-muted);background:0 0;border-radius:999px;align-self:center;place-items:center;margin-left:auto;transition:border-color .15s,color .15s;display:grid}.theme-toggle:hover{border-color:var(--ink-faint);color:var(--ink)}.theme-toggle svg{width:17px;height:17px}.grid{grid-template-columns:minmax(0, 1fr) var(--panel-w);flex:auto;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"stage panel""specbar specbar";gap:14px;min-height:0;padding:0 26px 14px;display:grid}.stage{grid-area:stage}.panel{grid-area:panel}.specbar{grid-area:specbar}.stage{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-height:0;box-shadow:var(--shadow);display:flex;position:relative;overflow:hidden}.dropzone{border:1.5px dashed var(--line);border-radius:var(--r-md);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;margin:16px;transition:border-color .18s,background-color .18s;display:flex}.dropzone.hot{border-color:var(--m);background:var(--accent-wash)}.regmark{width:58px;height:58px;margin-bottom:12px}.regmark .plate{fill:none;stroke-width:2.2px;opacity:.85}.regmark .pc{stroke:var(--c)}.regmark .pm{stroke:var(--m)}.regmark .py{stroke:var(--y)}.regmark .pk{stroke:var(--ink-faint)}.dropzone.hot .regmark .pk{stroke:var(--ink-muted)}.drop-title{font-family:var(--display);letter-spacing:-.015em;margin:0;font-size:20px;font-weight:700}.drop-sub{color:var(--ink-muted);margin:2px 0 0;font-size:13.5px}.drop-formats{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-faint);margin:14px 0 0;font-size:10.5px}kbd{font-family:var(--mono);background:var(--sunken);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:11px}.linkish{color:var(--accent-text);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.canvas-wrap{flex-direction:column;flex:1;min-height:0;padding:14px 14px 12px;display:flex}#preview{cursor:grab;touch-action:none;flex:1;width:100%;min-height:0;display:block}#preview.dragging{cursor:grabbing}.stage-tools{flex-wrap:wrap;flex:none;align-items:center;gap:14px;padding-top:12px;display:flex}.stage-hint{color:var(--ink-faint);flex:none;margin:6px 0 0;font-size:11.5px}.suggest{border:1px solid var(--line);border-radius:var(--r-md);background:var(--sunken);flex-wrap:wrap;flex:none;align-items:center;gap:14px;margin-top:10px;padding:9px 12px;display:flex}.suggest p{color:var(--ink);margin:0;font-size:12.5px}.suggest-acts{gap:8px;margin-left:auto;display:flex}.zoom{color:var(--ink-muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.zoom output{min-width:44px;color:var(--ink);font-size:11.5px}input[type=range]{appearance:none;background:var(--line);border-radius:2px;width:120px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--m);border:2px solid var(--surface);cursor:pointer;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 3px #00000040}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-height:0;box-shadow:var(--shadow);padding:4px 20px 18px;overflow-y:auto}.group{border-bottom:1px solid var(--line-soft);padding:16px 0}.group:last-child{border-bottom:none;padding-bottom:4px}.group h2{font-family:var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:8px;margin:0 0 12px;font-size:12px;font-weight:700;display:flex}.group h2:before{content:"";background:var(--dot,var(--ink-faint));border-radius:50%;width:7px;height:7px}.group.g-sheet h2{--dot:var(--ink)}.group.g-colour h2{--dot:var(--c)}.group.g-marks h2{--dot:var(--m)}.group.g-out h2{--dot:var(--y)}.note{color:var(--ink-faint);margin:-4px 0 12px;font-size:12px;line-height:1.45}.field{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.field>span{color:var(--ink-muted);flex:none;font-size:13px}.field:last-child{margin-bottom:0}select,input[type=number]{background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);min-width:0;padding:7px 9px;font-size:13px}select{cursor:pointer;flex:1;max-width:210px}input[type=number]{width:68px;font-family:var(--mono);font-variant-numeric:tabular-nums}.pair{align-items:center;gap:6px;display:flex}.pair em{color:var(--ink-faint);font-size:12px;font-style:normal}.custom-size .pair input{width:62px}input[type=color]{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--sunken);cursor:pointer;width:34px;height:30px;padding:2px}.filepick{flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.filepick .mono{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.seg{background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);gap:2px;padding:2px;display:inline-flex}.seg button{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 11px;font-size:12.5px;transition:background-color .15s,color .15s}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--ink);color:var(--paper)}.switch{cursor:pointer;align-items:center;gap:10px;padding:7px 0;display:flex}.switch input{opacity:0;width:0;height:0;position:absolute}.switch .track{background:var(--line);border-radius:999px;flex:none;width:34px;height:20px;transition:background-color .18s;position:relative}.switch .track:after{content:"";background:var(--surface);border-radius:50%;width:16px;height:16px;transition:transform .18s cubic-bezier(.3,.7,.4,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.switch input:checked+.track{background:var(--m)}.switch input:checked+.track:after{transform:translate(14px)}.switch input:focus-visible+.track{outline:2px solid var(--accent);outline-offset:2px}.switch-label{font-size:13.5px}.check{cursor:pointer;align-items:flex-start;gap:9px;margin-top:2px;font-size:13px;display:flex}.check input{accent-color:var(--m);margin:3px 0 0}.check em{color:var(--ink-faint);font-size:11.5px;font-style:normal;display:block}.ghost{background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-muted);cursor:pointer;padding:6px 11px;font-size:12.5px;transition:border-color .15s,color .15s}.ghost:hover{border-color:var(--ink-faint);color:var(--ink)}.ghost.sm{padding:5px 9px;font-size:12px}.specbar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:12px 18px;display:flex}.specs{flex-wrap:wrap;gap:26px;margin:0;display:flex}.specs>div{flex-direction:column;gap:2px;display:flex}.specs dt{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);font-size:10px}.specs dd{margin:0;font-size:13px}.specs dd.good{color:var(--ink)}.specs dd.fair{color:var(--y-text)}.specs dd.poor{color:var(--m-text)}.act{align-items:center;gap:14px;margin-left:auto;display:flex}.warn{color:var(--ink);background:var(--warn-wash);border:1px solid var(--warn-line);border-radius:var(--r-sm);max-width:380px;margin:0;padding:6px 10px;font-size:12.5px;line-height:1.4}.cta{background:var(--m);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:12px 30px;font-size:15px;font-weight:600;transition:background-color .16s,transform .16s}.cta:hover:not(:disabled){background:#d0007d}.cta:active:not(:disabled){transform:translateY(1px)}.cta:disabled{background:var(--line);color:var(--ink-faint);cursor:not-allowed}.cta.busy{background:var(--ink);color:var(--paper)}.foot{color:var(--ink-faint);flex:none;padding:0 26px 16px;font-size:12px}.foot p{margin:0}.foot a{color:var(--ink-muted);border-bottom:1px solid var(--line);text-decoration:none}.foot a:hover{color:var(--accent-text);border-bottom-color:var(--m)}@media (max-width:1100px){:root{--panel-w:310px}}@media (max-width:900px){html,body{height:auto}body{min-height:100%;overflow:visible}.grid{flex:none;grid-template:"stage""panel""specbar"/minmax(0,1fr);padding:0 14px 14px}.stage{min-height:56vh}.panel{max-height:none;overflow:visible}.bar{padding:14px 16px 10px}.inkrule{margin:0 16px 12px}.foot{padding:0 16px 14px}.act{width:100%}.cta{flex:1}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}