:root{--ink: #1c1915;--chalk: #f4f0e4;--board: #1e3a32;--paper: #f7f4ec;--desk: #d8d2c4;--line: #e6dfd0;--marker: #d94a2b;--marker-ink: #8d2614;--muted: #5e584e;--shadow: 4px 4px 0 var(--board);color:var(--ink);background:var(--desk);font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,WenQuanYi Micro Hei,Droid Sans Fallback,sans-serif;line-height:1.5;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--desk);background-image:radial-gradient(rgba(255,255,255,.35) .6px,transparent .7px),radial-gradient(rgba(60,40,20,.05) .7px,transparent .8px);background-size:7px 7px,11px 11px;background-position:0 0,3px 5px;padding-bottom:env(safe-area-inset-bottom)}button,input{font:inherit;color:inherit}button{appearance:none;border:1px solid var(--board);background:var(--paper);min-height:44px;padding:8px 14px;box-shadow:var(--shadow);cursor:pointer}button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--board)}button:active{transform:translate(2px,2px);box-shadow:none}button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}button:focus-visible,.segment label:focus-within,.check:focus-within,.dropzone:focus-within,.stage:focus-visible{outline:3px solid var(--marker);outline-offset:2px}.btn-primary{background:var(--board);color:var(--chalk)}.btn-marker{background:var(--marker);color:#fff;border-color:var(--marker-ink);box-shadow:4px 4px 0 var(--marker-ink)}.btn-marker:hover{box-shadow:5px 5px 0 var(--marker-ink)}.wrap{width:min(1120px,calc(100% - 28px));margin-inline:auto}header{background:var(--board);color:var(--chalk);padding:calc(22px + env(safe-area-inset-top)) 0 22px;background-image:repeating-linear-gradient(to bottom,transparent,transparent 27px,rgba(244,240,228,.08) 28px)}.kicker{margin:0 0 6px;letter-spacing:.08em;font-size:.78rem;text-transform:none}h1{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:750;letter-spacing:.03em;line-height:1.15}h1 .mark{background-image:linear-gradient(#e24b32,#e24b32);background-repeat:no-repeat;background-size:100% .18em;background-position:0 88%}.lede{margin:10px 0 0;max-width:40rem;color:#e7e1d2}.workspace{display:flex;flex-direction:column;gap:16px;padding:18px 0 28px}.panel{background:var(--paper);border:1px solid var(--board);box-shadow:var(--shadow);padding:14px;min-width:0}h2{display:flex;align-items:baseline;gap:8px;margin:0 0 10px;font-size:1.05rem}.step{color:var(--marker);font-variant-numeric:tabular-nums;font-weight:750}.hint,.meta{margin:6px 0;color:var(--muted);font-size:.92rem}.dropzone{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:148px;padding:18px 14px;border:1.5px dashed var(--board);background:repeating-linear-gradient(-45deg,transparent,transparent 8px,rgba(30,58,50,.045) 8px,rgba(30,58,50,.045) 9px);text-align:center;cursor:pointer}.dropzone.is-hot{background:#e7f0ea;border-style:solid}.drop-title{font-weight:700}.row,.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}.row button,.actions button{flex:1 1 140px}.check{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#status{margin:12px 0 0;padding:8px 10px;border:1px solid transparent;min-height:0}#status:empty{display:none}#status[data-kind=error]{color:var(--marker-ink);background:#fde8e2;border-color:#e7b2a6}#status[data-kind=ok]{color:var(--board);background:#e5f0ea;border-color:#b7d0c4}#status[data-kind=info]{background:#f3efe4;border-color:var(--line)}.strip{display:flex;gap:10px;overflow-x:auto;list-style:none;margin:8px 0;padding:4px 2px 8px}.shot{flex:0 0 auto;width:132px}.shot-pick{position:relative;display:block;width:100%;padding:0;box-shadow:none;border:1px solid var(--board);background:#fff;min-height:0;text-align:left}.shot.is-selected .shot-pick{outline:3px solid var(--marker);outline-offset:2px}.shot img{width:100%;height:84px;object-fit:cover;display:block;background:#ddd}.badge{position:absolute;top:4px;left:4px;min-width:1.3rem;padding:0 5px;background:var(--board);color:var(--chalk);font-size:12px;line-height:1.4;text-align:center}.shot-name{display:block;padding:4px 6px 6px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shot-ops{display:flex;gap:4px;margin-top:6px}.shot-ops button{flex:1;min-height:36px;padding:4px 2px;font-size:12px;box-shadow:2px 2px 0 var(--board)}.legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 8px;font-size:.92rem}.swatch{display:inline-block;width:10px;height:10px;margin-right:4px;border-radius:50%;vertical-align:-1px}.swatch-0{background:#d94a2b}.swatch-1{background:#1d6fbf}.swatch-2{background:#1e3a32}.swatch-3{background:#c47b12}.stage{position:relative;width:100%;height:min(56vh,520px);min-height:280px;background:#d5cebf;border:1px solid var(--board)}.stage canvas{width:100%;height:100%;display:block;touch-action:none;cursor:default}.segment{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--board)}.segment label{position:relative;display:grid;place-items:center;min-height:44px;cursor:pointer}.segment input{position:absolute;opacity:0;inset:0}.segment label:has(input:checked){background:var(--board);color:var(--chalk)}.gap{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:10px}.gap input{width:100%;accent-color:var(--board)}.progress{height:8px;margin-top:12px;background:#e4dece;border:1px solid var(--board)}.progress span{display:block;height:100%;width:0;background:var(--marker)}#stitch{width:100%;margin-top:12px}.preview-stage{margin-top:12px;padding:12px;background:#cfc8b8;border:1px solid var(--board);min-height:140px}.preview-canvas{width:100%;height:auto;display:block;background:#fff;box-shadow:0 10px 24px #1e18102e}#preview-empty{margin:0;padding:36px 12px;text-align:center;color:var(--muted)}.warn{margin:8px 0 0;color:var(--marker-ink);background:#fde8e2;padding:8px 10px;border:1px solid #e7b2a6}footer{padding:4px 0 28px;color:var(--muted);font-size:.92rem}footer p{margin:0}img{-webkit-user-drag:none}[hidden]{display:none!important}@media(min-width:900px){.workspace{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:16px 18px;align-items:start}#intake{grid-column:1;grid-row:1}#editor-panel{grid-column:2;grid-row:1}#strip-panel{grid-column:1 / -1;grid-row:2}#stitch-panel{grid-column:1 / -1;grid-row:3}.stage{height:460px}}@media(prefers-reduced-motion:reduce){button{transition:none}button:hover,button:active{transform:none}}