:root,html[data-theme=dark]{--void: #14110e;--panel: #221c16;--paper: #eadfcb;--ember: #e08a2c;--teal: #3f8f88;--dust: #8d8274;--ink: #1c1612;--rail: 338px;--tab: 3.15rem;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--sans: "IBM Plex Sans", "Noto Sans SC", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--input-bg: #181410;--input-border: #3a322a;--track: #3a322a;--rail-border: #100e0c;--hud-bg: rgba(20, 17, 14, .72);--hud-border: rgba(234, 223, 203, .14);--film-0: rgba(20, 17, 14, .94);--film-1: rgba(20, 17, 14, .72);--sprocket-bg: #0c0b09;--sprocket-border: #3a322a;--home-bg: #c4a574;--home-border: #8a734c;--inset-border: #c4a574;--inset-ring: rgba(34, 28, 22, .55);--export-line: #3a322a;--curtain-bg: rgba(20, 17, 14, .82);--peg: #c4a574;--chip: #eadfcb;--readout-bg: #eadfcb}html[data-theme=light]{--void: #e6dfd2;--panel: #f4eee3;--paper: #2c261e;--ember: #c45c12;--teal: #1d4ed8;--dust: #6d6458;--ink: #1c1612;--input-bg: #fffaf3;--input-border: #cbbba6;--track: #c4b8a6;--rail-border: #d7cbb8;--hud-bg: rgba(244, 238, 227, .88);--hud-border: rgba(44, 38, 30, .14);--film-0: rgba(230, 223, 210, .94);--film-1: rgba(230, 223, 210, .62);--sprocket-bg: #efe8db;--sprocket-border: #cbbba6;--home-bg: #d9c6a4;--home-border: #b4986a;--inset-border: #b4986a;--inset-ring: rgba(244, 238, 227, .7);--export-line: #cbbba6;--curtain-bg: rgba(230, 223, 210, .82);--peg: #8a734c;--chip: #fffaf3;--readout-bg: #fffaf3}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;height:100dvh;max-height:100dvh;margin:0}html{overflow:hidden;background:var(--void);color:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.45;color-scheme:dark}html[data-theme=light]{color-scheme:light}body{overflow:hidden}button,input,select,summary{font:inherit;color:inherit}button,.file-btn,.stamp,.deck-tab,.export-btn,.reset-look,.home,.theme-pair button,.group-all,.inset-tool,.film-reset,.lightbox-close{touch-action:manipulation;-webkit-tap-highlight-color:color-mix(in srgb,var(--ember) 28%,transparent)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.shell{position:relative;display:grid;grid-template-columns:var(--rail) minmax(0,1fr);height:100%;min-height:0;overflow:hidden;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l)}.skip{position:absolute;z-index:40;left:max(.6rem,var(--safe-l));top:max(.6rem,var(--safe-t));padding:.4rem .7rem;background:var(--ember);color:var(--ink);text-decoration:none;transform:translateY(-180%)}.skip:focus{transform:none}.rail{position:relative;container-type:inline-size;container-name:rail;display:grid;grid-template-columns:var(--tab) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:0;height:100%;overflow:hidden;padding:0;background:radial-gradient(120% 40% at 0% 0%,rgba(224,138,44,.08),transparent 46%),repeating-linear-gradient(90deg,rgba(0,0,0,.07) 0 1px,transparent 1px 7px),var(--panel);border-right:1px solid var(--rail-border);color:var(--paper)}.rail:after{content:"";position:absolute;top:.7rem;right:.28rem;bottom:.7rem;width:6px;background:repeating-linear-gradient(to bottom,var(--peg) 0 3px,transparent 3px 14px);opacity:.55;pointer-events:none}.rail-head{grid-column:2;display:flex;flex-direction:column;gap:.42rem;padding:.9rem 1.05rem .8rem}.rail-head .file-btn{align-self:flex-start}.mark{margin:0;font-family:var(--mono);font-size:.78rem;font-weight:500;color:var(--ember)}.census{margin:0;color:var(--dust);font-size:.74rem}.hint{margin:0;color:var(--dust);font-size:.75rem}.deck-tabs{grid-column:1;grid-row:1 / -1;display:flex;flex-direction:column;border:0;border-right:1px solid var(--ink);background:linear-gradient(90deg,rgba(0,0,0,.22),transparent 78%),var(--panel)}.deck-tab{display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:.18rem;min-height:0;padding:.72rem .32rem .55rem .42rem;background:transparent;border:0;border-bottom:1px solid var(--input-border);color:var(--dust);cursor:pointer;text-align:left;font-size:.78rem;letter-spacing:.04em}.deck-tab:last-child{border-bottom:0}.deck-tab:hover:not(.is-on){color:var(--paper);background:#e08a2c14}.deck-idx{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;color:var(--ember)}.deck-tab.is-on{background:var(--chip);color:var(--ink);box-shadow:inset 3px 0 0 var(--ember)}.deck-tab.has-mark .deck-idx:after{content:"";display:inline-block;width:5px;height:5px;margin-left:.28rem;background:var(--ember);border-radius:1px;vertical-align:middle}.deck{grid-column:2;min-height:0;overflow:auto;padding:.9rem 1.2rem 1.25rem 1.05rem}.deck-panel{display:flex;flex-direction:column;gap:1rem}.deck-panel[hidden]{display:none}.deck select{width:100%}.pair-fields{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .55rem}.pair-fields label{display:flex;flex-direction:column;gap:.22rem;font-size:.78rem;color:var(--dust)}.pair-fields input{width:100%;min-width:0;font-family:var(--mono);font-variant-numeric:tabular-nums;background:var(--input-bg);border:1px solid var(--input-border);color:var(--paper);padding:.32rem .4rem;border-radius:1px}.stamps{display:flex;flex-wrap:wrap;gap:.32rem}.stamp{display:inline-flex;align-items:center;gap:.28rem;padding:.22rem .42rem;background:var(--input-bg);border:1px solid var(--input-border);color:var(--dust);font-size:.74rem;cursor:pointer;border-radius:1px}.stamp:hover:not(.is-on){color:var(--paper);border-color:var(--ember)}.stamp.is-on{color:var(--ink);background:var(--chip);border-color:var(--ember)}.export-group{display:flex;flex-direction:column;gap:.35rem;padding-bottom:.7rem;border-bottom:1px dashed var(--export-line)}.group-all{background:none;border:0;padding:0;color:var(--dust);font-size:.72rem;cursor:pointer}.group-all:hover{color:var(--paper)}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0}.docket-name{margin:0;font-family:var(--mono);font-size:.86rem;color:var(--paper);padding:.32rem .45rem;background:var(--input-bg);border:1px solid var(--input-border);border-left:3px solid var(--ember);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--input-bg);color:var(--paper);border:1px solid var(--ember);padding:.42rem .6rem;cursor:pointer;border-radius:1px;font-size:.82rem}.file-btn:hover:not(:disabled){background:var(--chip);color:var(--ink)}.file-btn:disabled,.file-btn.is-wait{opacity:.55;cursor:wait}.block{display:flex;flex-direction:column;gap:.45rem}.block-head,.film-row{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.block-title,.block label,.advanced summary{color:var(--paper)}.hs-sheet{display:grid;grid-template-columns:4.8rem minmax(0,1fr);gap:.55rem;align-items:center;padding:.4rem .5rem .4rem .4rem;background:var(--input-bg);border:1px solid var(--input-border);border-left:3px solid var(--teal)}.hs-mark{width:100%;height:4.4rem}.hs-mark path{fill:color-mix(in srgb,var(--ember) 14%,transparent);stroke-width:1.6px;vector-effect:non-scaling-stroke}.hs-stats{display:grid;gap:.18rem;margin:0}.hs-stats div{display:flex;justify-content:space-between;gap:.4rem}.hs-stats dt{margin:0;color:var(--dust);font-size:.72rem}.hs-stats dd{margin:0;font-family:var(--mono);font-size:.78rem;color:var(--paper)}.hs-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem}.readout{font-family:var(--mono);font-size:.86rem;font-variant-numeric:tabular-nums;color:var(--ink);background:repeating-linear-gradient(to bottom,transparent 0 13px,rgba(63,143,136,.28) 13px 14px),var(--readout-bg);padding:.12rem .4rem .08rem;min-width:4.6rem;text-align:right}select,.advanced input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--paper);padding:.38rem .45rem;border-radius:1px}.advanced input{width:5.2rem;font-family:var(--mono);margin-left:.55rem}.advanced label{display:flex;align-items:center;justify-content:space-between;margin-top:.45rem}.advanced summary{cursor:pointer;list-style:none}.advanced summary::-webkit-details-marker{display:none}.advanced summary:before{content:"▸ ";color:var(--ember)}.theme-pair{display:grid;grid-template-columns:1fr 1fr;gap:.28rem}.theme-pair button{background:var(--input-bg);border:1px solid var(--input-border);color:var(--dust);padding:.32rem .4rem;cursor:pointer;border-radius:1px}.theme-pair button.is-on{color:var(--ink);background:var(--chip);border-color:var(--ember)}.tints{display:flex;flex-direction:column;gap:.38rem;margin-top:.45rem}.tint{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.82rem;color:var(--paper)}.tint input[type=color]{width:2.1rem;height:1.28rem;padding:0;border:1px solid var(--input-border);background:var(--input-bg);cursor:pointer}.reset-look{margin-top:.45rem;background:transparent;border:1px solid var(--input-border);color:var(--dust);padding:.28rem .45rem;cursor:pointer;border-radius:1px;font-size:.78rem}.checks{display:flex;flex-direction:column;gap:.28rem}.check{display:flex;align-items:center;gap:.45rem;color:var(--dust)}.swatch{width:.55rem;height:.55rem;border-radius:1px;box-shadow:0 0 0 1px #00000059;flex:none}.check input{accent-color:var(--ember)}.export{gap:.85rem}.export-btn{margin-top:.35rem;background:var(--ember);color:var(--ink);border:1px solid #9a5c16;padding:.55rem .7rem;cursor:pointer;border-radius:1px}.export-btn:hover:not(:disabled){filter:brightness(1.06)}.export-btn:disabled{opacity:.55;cursor:wait}.fail{margin:0;color:#d97848;font-size:.8rem}.thumbs{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.4rem}.thumb{display:flex;flex-direction:column;gap:.2rem;padding:0;border:0;background:transparent;color:var(--dust);font:inherit;font-size:.72rem;text-align:left;cursor:zoom-in;content-visibility:auto;contain-intrinsic-size:140px 120px}.thumb:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.thumb img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border:1px solid var(--input-border);background:var(--input-bg)}.stage{position:relative;min-width:0;min-height:0;background:var(--void)}.gl{display:block;width:100%;height:100%}.home{position:static;background:var(--home-bg);color:var(--ink);border:1px solid var(--home-border);padding:.28rem .62rem;font-size:.82rem;cursor:pointer;border-radius:1px;box-shadow:inset 0 1px #fff7e659}.rail-wait{position:absolute;top:2.7rem;right:.9rem;z-index:3;margin:0;padding:.28rem .55rem;background:#14110ec7;border:1px solid rgba(224,138,44,.45);color:var(--ember);font-size:.78rem}.stage-tl{position:absolute;top:.85rem;left:.9rem;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;max-width:min(22rem,calc(100% - 2rem));pointer-events:none}.stage-tl>*{pointer-events:auto}.hud{margin:0;display:grid;grid-template-columns:auto auto;gap:.35rem 1.1rem;padding:.55rem .7rem .5rem;background:var(--hud-bg);border:1px solid var(--hud-border);font-variant-numeric:tabular-nums}.hud div{display:contents}.hud dt{margin:0;color:var(--dust);font-size:.72rem}.hud dd{margin:0;font-family:var(--mono);font-size:.84rem;color:var(--paper);text-align:right}.inset-box{position:absolute;top:.85rem;right:.9rem;z-index:5;display:flex;flex-direction:column;touch-action:none;cursor:move;box-shadow:0 1px 6px #00000047}.inset-box.is-dragging{cursor:grabbing;box-shadow:0 6px 22px #0000006b}.inset-bar{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.16rem .3rem .16rem .44rem;background:var(--home-bg);border:1px solid #8d8d8d;border-bottom:0;font-size:.72rem;color:var(--ink);user-select:none}.inset-title{color:var(--dust)}.inset-bar-tools{display:flex;gap:.2rem}.inset-tool{padding:.06rem .34rem;background:transparent;color:var(--ink);border:1px solid var(--home-border);font:inherit;font-size:.7rem;cursor:pointer;border-radius:1px}.inset-tool:hover{border-color:var(--ember);color:var(--ember)}.inset-tool:focus-visible{outline:2px solid var(--ember);outline-offset:1px}.inset{display:block;background:#fff;border:1px solid #8d8d8d;box-shadow:none;touch-action:none;cursor:move}.inset-grip{position:absolute;right:0;bottom:0;width:15px;height:15px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 0 45%,#8d8d8d 45% 55%,transparent 55% 70%,#8d8d8d 70% 80%,transparent 80%)}.inset-lightbox{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:1rem;background:#0c0a08c7;cursor:zoom-out;overscroll-behavior:contain}.lightbox-close{position:absolute;top:.7rem;right:.7rem;min-height:2.4rem;padding:.3rem .7rem;background:var(--chip);color:var(--ink);border:1px solid var(--ember);cursor:pointer}.inset-large{width:min(72vmin,640px);height:min(72vmin,640px);cursor:default;box-shadow:0 10px 36px #00000080}.inset-hint{margin:0;color:#d7cbb8;font-size:.78rem}.export-large{max-width:min(86vw,1100px);max-height:min(82dvh,82vh);background:#fff;border:1px solid #8d8d8d;box-shadow:0 10px 36px #00000080;cursor:default}.inset-download{color:var(--ember);text-decoration:underline}.film{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:.35rem 1.1rem .7rem;background:linear-gradient(to top,var(--film-0) 0%,var(--film-1) 62%,transparent)}.sprockets{display:flex;justify-content:space-between;margin-bottom:.28rem}.sprockets span{width:8px;height:8px;background:var(--sprocket-bg);border:1px solid var(--sprocket-border);border-radius:1px}.film-label{color:var(--dust);font-size:.78rem}.film-row{display:flex;align-items:baseline;gap:.7rem;margin-bottom:.12rem}.film-window{flex:1;font-family:var(--mono);font-size:.72rem;color:var(--paper);letter-spacing:.01em}.film-reset{margin-left:auto;border:0;padding:0;background:none;color:var(--dust);font-family:var(--sans);font-size:.72rem;cursor:pointer}.film-reset:hover:not(:disabled){color:var(--paper)}.film-reset:disabled{opacity:.35;cursor:default}.film-stage{position:relative;height:22px}.film-stage.is-dragging,.film-stage.is-dragging *{user-select:none}.film-rail,.film-span{position:absolute;top:9.5px;height:3px;pointer-events:none}.film-rail{left:0;right:0;background:var(--track)}.film-span{background:var(--teal)}.film-trim{position:absolute;top:0;z-index:4;width:18px;height:22px;transform:translate(-50%);margin:0;padding:0;border:0;background:transparent;cursor:ew-resize;touch-action:none}.film-trim-flag{display:block;width:8px;height:22px;background:var(--chip);border:1px solid var(--ink)}.film-trim.is-in .film-trim-flag{margin-right:auto;border-radius:2px 0 0 2px;box-shadow:3px 0 0 var(--teal)}.film-trim.is-out .film-trim-flag{margin-left:auto;border-radius:0 2px 2px 0;box-shadow:-3px 0 0 var(--teal)}.film-trim.is-drag .film-trim-flag,.film-trim:hover .film-trim-flag{background:var(--paper)}.film-trim-tip{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);padding:.08rem .32rem;background:var(--readout-bg);color:var(--ink);font-family:var(--mono);font-size:.68rem;white-space:nowrap;pointer-events:none}.chainage{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.7rem;color:var(--dust);margin-top:.15rem}.slider{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;margin:0}.slider::-webkit-slider-runnable-track{height:3px;background:var(--track);border-radius:0}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:20px;margin-top:-8.5px;background:var(--ember);border:1px solid var(--ink);border-radius:1px;cursor:ew-resize}.slider::-moz-range-track{height:3px;background:var(--track)}.slider::-moz-range-thumb{width:11px;height:20px;background:var(--ember);border:1px solid var(--ink);border-radius:1px;cursor:ew-resize}.film-stage .slider{position:relative;z-index:2}.film-slider::-webkit-slider-runnable-track{background:transparent}.film-slider::-moz-range-track{background:transparent}.curtain{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:var(--curtain-bg);pointer-events:none}.curtain.is-pick{pointer-events:auto}.curtain-copy{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem}.curtain p{margin:0;max-width:28rem;text-align:center;color:var(--paper);text-wrap:pretty}.curtain.is-error p{color:#e08a2c}@media(max-width:1100px){:root{--rail: 300px;--tab: 2.7rem}}@media(max-width:840px){:root{--rail: 100%;--tab: 0px}.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(12.5rem,42dvh)}.rail{order:2;max-height:42dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}.rail-head{grid-column:1;grid-row:1;padding:.65rem .9rem .55rem}.deck-tabs{grid-column:1;grid-row:2;flex-direction:row;border-right:0;border-top:1px solid var(--input-border);border-bottom:1px solid var(--ink);background:var(--panel)}.deck-tab{align-items:center;justify-content:center;padding:.4rem .2rem .45rem;min-height:44px;border-bottom:0;border-right:1px solid var(--input-border);box-shadow:none}.deck-tab:last-child{border-right:0}.deck-tab.is-on{box-shadow:inset 0 -3px 0 var(--ember)}.deck{grid-column:1;grid-row:3;padding:.7rem .9rem 1rem}.rail:after{display:none}.stage{order:1;min-height:0}.stage-tl{top:.5rem;left:.5rem;max-width:min(18rem,calc(100% - 9rem))}.hud{gap:.18rem .7rem;padding:.4rem .5rem .36rem}.hud dt{font-size:.64rem}.hud dd{font-size:.74rem}.inset-box{top:.5rem;right:.5rem}.film{padding:.3rem .7rem .55rem}input,select{font-size:16px}}@media(max-width:560px){.pair-fields,.hs-sheet,.thumbs,.theme-pair{grid-template-columns:1fr}.hud{max-height:36vh;overflow:auto}}@media(max-height:520px)and (orientation:landscape){:root{--rail: min(42vw, 280px);--tab: 2.5rem}.shell{grid-template-columns:minmax(0,1fr) var(--rail);grid-template-rows:minmax(0,1fr)}.rail{order:2;max-height:none;height:100%;grid-template-columns:var(--tab) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.rail-head{grid-column:2;grid-row:1}.deck-tabs{grid-column:1;grid-row:1 / -1;flex-direction:column;border-right:1px solid var(--ink);border-top:0;border-bottom:0}.deck-tab{align-items:flex-start;justify-content:center;min-height:0;border-right:0;border-bottom:1px solid var(--input-border)}.deck-tab.is-on{box-shadow:inset 3px 0 0 var(--ember)}.deck{grid-column:2;grid-row:2}.stage{order:1;min-height:0}.rail:after{display:none}}@media(pointer:coarse){.stamp,.file-btn,.export-btn,.reset-look,.home,.theme-pair button,.inset-tool,.film-reset,.lightbox-close{min-height:44px}.stamp,.inset-tool,.film-reset{min-width:44px;padding:.4rem .55rem}.group-all{min-height:44px;padding:.3rem .45rem}.inset-grip,.film-trim{width:28px;height:28px}.film-trim-flag{width:10px;height:28px}}@container rail (max-width: 240px){.pair-fields,.hs-sheet,.thumbs{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.skip{transform:none;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip:focus{clip-path:none;width:auto;height:auto}}