.dk-demo{--dk-term:#17181e;--dk-term-fg:#f6f6f4;--dk-hl:#e08d97;grid-template-columns:230px minmax(0,1fr) 300px;align-items:start;gap:20px;max-width:1440px;padding-bottom:56px;display:grid}.dk-chs{flex-direction:column;gap:2px;display:flex;position:sticky;top:88px}.dk-chap{all:unset;cursor:pointer;color:var(--color-body);border-radius:6px;grid-template-columns:28px 1fr;gap:4px 8px;padding:10px;display:grid}.dk-chap b{font:600 15px/1.3 var(--font-display);font-stretch:var(--display-stretch,88%);color:var(--color-fg)}.dk-chap .n{font:500 12px/1.6 var(--font-mono);font-stretch:var(--mono-stretch,87.5%);color:var(--color-muted)}.dk-chap small{color:var(--color-muted);grid-column:2;font-size:13px;line-height:1.4}.dk-chap[aria-current=true]{background:var(--color-surface);box-shadow:inset 3px 0 0 var(--color-accent)}.dk-chap.done .n:after{content:" ✓";color:var(--color-accent)}.dk-main{flex-direction:column;gap:12px;min-width:0;display:flex}.dk-stage{background:var(--dk-term);border:1px solid var(--color-border-strong);aspect-ratio:3840/2112;border-radius:10px;position:relative;overflow:hidden}.dk-stage.is-pair{aspect-ratio:3840/4224}.dk-stage.is-film{aspect-ratio:16/9}.dk-viewport{position:absolute;inset:0;overflow:hidden}.dk-layer{transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .5s;position:absolute;inset:0}.dk-layer.in{opacity:0}.dk-layer.pair{background:var(--color-border-strong);grid-template-rows:1fr 1fr;gap:2px;display:grid}.dk-panel{background:var(--dk-term);position:relative;overflow:hidden}.dk-panel video,.dk-layer>video{object-fit:contain;background:var(--dk-term);width:100%;height:100%;display:block;position:absolute;inset:0}.dk-ptag{z-index:3;font:600 11px/1 var(--font-mono);font-stretch:var(--mono-stretch,87.5%);color:var(--dk-term-fg);background:#161214d1;border-radius:4px;padding:5px 8px;position:absolute;top:10px;left:10px}.dk-hl{border:2px solid var(--dk-hl);opacity:0;z-index:2;pointer-events:none;border-radius:4px;transition:opacity .25s;position:absolute;left:.6%;right:.6%;box-shadow:0 0 0 9999px #0a080961}.dk-hl.on{opacity:1}.dk-gap{background:var(--dk-term);z-index:1;width:97%;display:none;position:absolute;left:1.4%}.dk-cutchip{z-index:4;font:500 12px/1 var(--font-mono);font-stretch:var(--mono-stretch,87.5%);color:#161214;opacity:0;background:#f6f6f4eb;border-radius:4px;padding:6px 9px;transition:opacity .3s;position:absolute;bottom:12px;right:12px}.dk-cutchip:before{content:"⋯ "}.dk-cutchip.on{opacity:1}.dk-intro{z-index:5;text-align:center;color:var(--dk-term-fg);background:#161214f0;place-content:center;gap:10px;padding:24px;display:grid;position:absolute;inset:0}.dk-intro[hidden]{display:none}.dk-intro .t-label{color:#9a9093;margin:0}.dk-intro h2{font:700 clamp(24px, 3vw, 42px)/1.08 var(--font-display);font-stretch:var(--display-stretch,88%);text-wrap:balance;color:var(--dk-term-fg);margin:0}.dk-intro p{color:#cfc8ca;max-width:52ch;margin:0 auto}.dk-intro .dk-btn{color:#161214;background:#f6f6f4;border-color:#f6f6f4;justify-self:center;margin-top:8px}.dk-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dk-btn{all:unset;cursor:pointer;border:1px solid var(--color-border-strong);height:38px;color:var(--color-fg);font:600 14px/1 var(--font-body);white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.dk-btn.pri{background:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg);position:relative;overflow:hidden}.dk-btn .meter{background:var(--dk-hl);width:0;height:3px;position:absolute;bottom:0;left:0}.dk-btn[disabled]{opacity:.45;cursor:default}.dk-btn:focus-visible,.dk-chap:focus-visible,.dk-stop:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.dk-speed{font:500 13px/1 var(--font-mono);font-stretch:var(--mono-stretch,87.5%);color:var(--color-muted);align-items:center;gap:6px;display:flex}.dk-speed select{font:inherit;color:var(--color-fg);background:var(--color-card);border:1px solid var(--color-border);border-radius:4px;padding:5px}.dk-clipname{font:500 13px/1.3 var(--font-mono);font-stretch:var(--mono-stretch,87.5%);color:var(--color-muted);margin-left:auto}.dk-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;gap:8px;min-height:118px;padding:18px 20px;display:grid}.dk-card .t-label{margin:0}.dk-card .say{font:600 clamp(19px, 1.7vw, 23px)/1.35 var(--font-display);color:var(--color-fg);text-wrap:balance;margin:0;font-stretch:92%}.dk-card .more summary{cursor:pointer;font:500 13px/1.4 var(--font-mono);font-stretch:var(--mono-stretch,87.5%);color:var(--color-accent)}.dk-card .more p{max-width:66ch;color:var(--color-body);margin:8px 0 0}.dk-stops{flex-direction:column;gap:6px;max-height:calc(100vh - 110px);display:flex;position:sticky;top:88px;overflow:auto}.dk-stops h3{font:600 15px/1.3 var(--font-display);font-stretch:var(--display-stretch,88%);color:var(--color-fg);margin:0 0 4px}.dk-stoplist{flex-direction:column;gap:4px;display:flex}.dk-stop{all:unset;cursor:pointer;color:var(--color-body);border:1px solid #0000;border-radius:6px;grid-template-columns:42px 1fr;gap:8px;padding:9px 10px;font-size:14px;line-height:1.45;display:grid}.dk-stop .k{font:500 12px/1.6 var(--font-mono);font-stretch:var(--mono-stretch,87.5%);color:var(--color-muted)}.dk-stop.cur{border-color:var(--color-border-strong);background:var(--color-surface)}.dk-stop.seen .k{color:var(--color-accent)}.dk-filmnote{font:500 13px/1.5 var(--font-mono);font-stretch:var(--mono-stretch,87.5%);color:var(--color-muted);margin:0;padding:9px 10px}@media (max-width:1100px){.dk-demo{grid-template-columns:minmax(0,1fr)}.dk-chs{flex-direction:row;gap:6px;padding-bottom:4px;position:static;overflow-x:auto}.dk-chap{grid-template-columns:auto;min-width:150px}.dk-chap small{display:none}.dk-stops{max-height:none;position:static}}@media (max-width:640px){.dk-clipname{width:100%;margin-left:0}.dk-intro{gap:6px;padding:12px}.dk-intro h2{font-size:20px}.dk-intro p{display:none}.dk-intro .dk-btn{height:34px;margin-top:2px}}@media (prefers-reduced-motion:reduce){.dk-layer,.dk-hl,.dk-cutchip{transition:none}}