:root{--bg: #f4f2ee;--panel: #ffffff;--ink: #1c1b19;--muted: #6b6862;--line: #e2ded6;--accent: #ff5a1f;--accent-ink: #ffffff;--hover: #fff1ea;--stage: #e9e6df;--select: #ffe2d4;--danger: #c62828;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}@media (prefers-color-scheme: dark){:root{--bg: #141413;--panel: #1d1c1a;--ink: #eeebe5;--muted: #9a968e;--line: #2e2c29;--hover: #2a211c;--stage: #181715;--select: #3a261c;--danger: #ef6b6b}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%}body{display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap}.brand{display:flex;flex-direction:column}.brand-name{font-weight:700;font-size:17px;letter-spacing:-.01em}.brand-sub{font-size:12px;color:var(--muted)}.file-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.field{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}select{font:inherit;font-size:13px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:7px 10px;max-width:320px}.button{font:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);padding:7px 14px;border-radius:8px;white-space:nowrap}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.ghost{background:transparent;color:var(--muted);border-color:transparent}a.button{text-decoration:none}.button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.button.danger-text{color:var(--danger)}.count-badge{display:inline-block;min-width:18px;margin-left:6px;padding:1px 6px;border-radius:99px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:800;line-height:16px;text-align:center}.button.small{font-size:12px;padding:5px 10px}.button:disabled{opacity:.45;cursor:default}.button:not(:disabled):hover{filter:brightness(.96)}.banner{background:#fff4d6;color:#5a4300;padding:10px 20px;font-size:13px;border-bottom:1px solid #f0dfa8}.banner code{background:#0000000f;padding:1px 5px;border-radius:4px}.banner.info{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--hover);color:var(--ink);border-bottom-color:var(--line);padding:8px 20px}.banner[hidden]{display:none}.save-status{font-size:12px;color:var(--muted);min-width:52px;text-align:right}.layout{flex:1;display:grid;grid-template-columns:minmax(300px,380px) 1fr;min-height:0}.sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--panel)}.panel{padding:14px 16px;border-bottom:1px solid var(--line)}.panel.grow{flex:1;overflow:auto;border-bottom:0}.panel h2{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.panel-head{position:sticky;top:-14px;z-index:1;background:var(--panel);margin:-14px -16px 0;padding:14px 16px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-head h2{margin:0}.panel-actions{display:flex;gap:6px}.note{font-size:12px;color:var(--muted);margin:8px 0 10px}.note:empty{display:none}.section-list{list-style:none;margin:0;padding:0;max-height:230px;overflow:auto}.section-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;font-size:13px;cursor:pointer}.section-list li:hover{background:var(--hover)}.section-list li.active{background:var(--accent);color:var(--accent-ink)}.section-list li.empty{cursor:default;color:var(--muted)}.section-list li.empty:hover{background:none}.section-meta{font-size:11px;opacity:.75;white-space:nowrap}.tag{font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px;border:1px solid currentColor;margin-left:6px}.step-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.step-card{border:1px solid var(--line);border-radius:8px;overflow:hidden}.step-card.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.step-card.future{opacity:.55}.step-head{display:flex;justify-content:space-between;padding:6px 10px;font-size:12px;font-weight:600;background:var(--bg);cursor:pointer}.step-head .rot{font-weight:500;color:var(--muted)}.part-row{display:grid;grid-template-columns:14px 1fr auto;gap:8px;align-items:center;padding:5px 10px;font-size:12.5px;border-top:1px solid var(--line)}.part-row:hover{background:var(--hover)}.swatch{width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.25)}.part-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-name .colour-name{color:var(--muted)}.part-id{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--muted)}.part-row.submodel .part-name{font-weight:600}.step-tools{display:flex;align-items:center;gap:6px}.step-tool{font:inherit;font-size:11px;font-weight:600;color:var(--muted);cursor:pointer;background:transparent;border:1px solid var(--line);border-radius:5px;padding:1px 6px}.step-tool:hover{color:var(--ink);border-color:var(--muted)}.part-row{cursor:grab;-webkit-user-select:none;user-select:none}.part-row.selected{background:var(--select);box-shadow:inset 3px 0 0 var(--accent)}.part-row.selected:hover{background:var(--select)}.empty-row{padding:10px;font-size:12px;color:var(--muted);text-align:center;border-top:1px solid var(--line)}.new-step-zone{height:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--accent);border-radius:8px;transition:height .1s}.new-step-zone span{display:none}.step-list.dragging .new-step-zone:hover,.step-list.dragging .new-step-zone.drop-here{height:30px;border:1.5px dashed var(--accent);background:var(--hover)}.step-list.dragging .new-step-zone.drop-here span{display:inline}.part-row.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.step-card.drop-end{border-color:var(--accent)}.step-card.drop-end>:last-child{box-shadow:inset 0 -2px 0 var(--accent)}.drag-ghost{position:fixed;top:-100px;left:0;padding:4px 10px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:600}.stage{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--stage)}.stage-main{flex:1;display:flex;min-height:0}.view-wrap{position:relative;flex:1;display:flex;min-width:0}.viewer{flex:1;min-height:0;min-width:0}.view-tools{position:absolute;top:12px;right:12px;display:flex;gap:6px}.button.small{padding:4px 10px;font-size:12px}.viewer canvas{display:block;width:100%;height:100%}.loading{position:absolute;top:16px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:12px;color:var(--muted)}.stepbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--panel);border-top:1px solid var(--line)}.stepbar input[type=range]{flex:1;accent-color:var(--accent)}.step-label{font-size:13px;font-weight:600;min-width:140px;text-align:center}.toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);white-space:nowrap;cursor:pointer}.toggle input{accent-color:var(--accent);margin:0}.button.active{border-color:var(--accent);color:var(--accent)}.scan-panel{width:min(48%,640px);min-width:300px;display:flex;flex-direction:column;min-height:0;background:var(--panel);border-left:1px solid var(--line)}.scan-panel[hidden]{display:none}.scan-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 0}.scan-head h2{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.scan-find{display:flex;gap:6px;padding:10px 14px 0;flex-wrap:wrap}.scan-find input{font:inherit;font-size:13px;color:var(--ink);background:var(--bg);width:110px;border:1px solid var(--line);border-radius:8px;padding:5px 9px}.scan-panel .note{margin:8px 14px 0}.scan-results{display:flex;gap:8px;padding:0 14px;overflow-x:auto;flex-shrink:0}.scan-results:not(:empty){padding-top:10px}.booklet{font:inherit;font-size:11px;color:var(--ink);cursor:pointer;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:3px;width:86px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.booklet img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:4px}.booklet.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.booklet-size{color:var(--muted)}.scan-title{font-size:12px;font-weight:600;padding:10px 14px 0}.scan-title:empty{display:none}.scan-page{flex:1;min-height:0;overflow:auto;margin:10px 14px 0;border:1px solid var(--line);border-radius:8px;background:var(--stage)}.scan-page canvas,.scan-page img{display:block;margin:0 auto;background:#fff}.scan-page .fit-page{width:auto!important;height:auto;max-width:100%;max-height:100%}.scan-empty{color:var(--muted);font-size:13px;text-align:center;padding:40px 20px;margin:0}.scan-nav{display:flex;align-items:center;gap:6px;padding:10px 14px}.scan-label{font-size:12px;font-weight:600;min-width:100px;text-align:center}.scan-spacer{flex:1}@media (max-width: 760px){.layout{grid-template-columns:1fr;grid-template-rows:auto 60vh}.sidebar{max-height:45vh;border-right:0;border-bottom:1px solid var(--line)}.stage-main{flex-direction:column}.scan-panel{width:auto;min-width:0;height:60%;border-left:0;border-top:1px solid var(--line)}}.snapshot-host{position:fixed;left:-100000px;top:0;width:1px;height:1px;overflow:hidden}.print-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;background:var(--stage)}.print-view[hidden]{display:none}.print-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 20px;background:var(--panel);border-bottom:1px solid var(--line)}.print-status{flex:1;font-size:13px;color:var(--muted)}.print-scroll{flex:1;overflow:auto;padding:24px 16px}@media print{html,body{height:auto;display:block;background:#fff}body.printing>*:not(.print-view){display:none!important}.print-view{position:static;display:block;background:none}.print-bar{display:none}.print-scroll{overflow:visible;padding:0}}.dialog{border:1px solid var(--line);border-radius:12px;padding:20px 22px;width:min(560px,calc(100vw - 32px));background:var(--panel);color:var(--ink)}.dialog::backdrop{background:#00000073}.dialog h2{margin:0 0 6px;font-size:18px}.form-row{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px;margin:10px 0;font-size:13px;color:var(--muted)}.form-row input,.form-row select,.form-row textarea{font:inherit;font-size:13px;color:var(--ink);background:var(--bg);min-width:0;width:100%;border:1px solid var(--line);border-radius:8px;padding:7px 10px}.form-row select{max-width:none}.form-row textarea{resize:vertical;align-self:stretch}.dialog .form-check{display:flex;gap:8px;align-items:flex-start;margin:12px 0;font-size:13px;line-height:1.5;color:var(--muted)}.dialog .form-check input{margin-top:3px;accent-color:var(--accent)}body:not(.role-admin) [data-admin]{display:none!important}.form-head{margin:16px 0 2px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.form-inline{display:flex;gap:8px;align-items:center}.form-prefix{display:flex;align-items:center;gap:2px;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.dialog a{color:var(--accent)}.dialog.wide{width:min(720px,calc(100vw - 32px))}.dialog .form-field{display:grid;gap:6px;margin:12px 0 4px;font-size:13px;color:var(--muted)}.dialog .form-field input{font:inherit;font-size:14px;color:var(--ink);background:var(--bg);min-width:0;width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.omr-results{list-style:none;margin:0;padding:0;max-height:46vh;overflow:auto}.omr-results li{padding:10px 0;border-top:1px solid var(--line)}.omr-title{font-size:14px}.omr-models{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.link-form{margin-top:16px;padding-top:4px;border-top:1px solid var(--line)}.batch-box{margin-top:16px;padding:12px;border:1px solid var(--accent);border-radius:10px}.batch-head{display:flex;align-items:center;gap:8px}.batch-head h3{margin:0;font-size:15px}.batch-head .spacer{flex:1}.batch-list{list-style:none;margin:8px 0 0;padding:0;max-height:22vh;overflow:auto;font-size:13px}.batch-list li{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-top:1px solid var(--line)}.batch-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:20;display:flex;gap:12px;align-items:center;padding:10px 14px;border:1px solid var(--accent);border-radius:10px;background:var(--panel);box-shadow:0 6px 24px #00000059;font-size:13px;max-width:calc(100vw - 32px)}.batch-results{list-style:none;margin:8px 0 0;padding:0;max-height:55vh;overflow:auto;font-size:13px}.batch-results li{display:grid;grid-template-columns:110px 1fr auto;gap:10px;padding:6px 0;border-top:1px solid var(--line)}.batch-results .ok{color:#3fb950}.batch-results .skip{color:var(--muted)}.batch-results .bad{color:var(--danger, #e5534b)}