/* A worktable for each idea; existing project palettes remain in charge. */
.at-scene .at-piece,.at-scene .at-piece.ex-cover-art{left:50%;top:50%;transform:translate3d(calc(-50% + var(--px,0px)),calc(-50% + var(--py,0px)),0) rotate(var(--pr,0deg)) rotateY(var(--pry,0deg)) scale(var(--ps,1));transform-origin:center;transition:none!important;contain:layout style}
.at-canvas{overflow:visible}.at-piece-inner{transition:box-shadow .3s,translate .3s}.at-thread{transition:none}
.at-scroll-cue{opacity:calc(1 - var(--at-progress,0)*.65)}
.cv-frame{will-change:transform}.cv-story-step{transition:none}
.lab.ex-experiment{display:block;padding-top:65px;padding-bottom:55px}.lab .ex-experiment-head{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:end;margin:0 0 30px}.lab .ex-experiment-head>div{max-width:none}.lab .ex-experiment-head h2{max-width:13em;font-size:clamp(32px,4vw,56px);line-height:1.22;letter-spacing:-.045em;margin-top:15px}.lab .ex-experiment-head>p{max-width:31em;line-height:1.9;margin:0;font-size:13px}
.lab-workbench{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:28px;border-top:1px solid color-mix(in srgb,var(--ex-ink) 28%,transparent);padding-top:26px}
.lab-visual{min-width:0}.lab-canvas{position:relative;width:min(100%,calc(58vh * 1000 / 660));width:min(100%,calc(58svh * 1000 / 660));margin-inline:auto;aspect-ratio:1000/660;overflow:hidden;touch-action:pan-y;outline-offset:4px;background:#e9e4d8;perspective:1000px}.lab-canvas>svg{width:100%;height:100%;display:block;user-select:none}.lab-canvas:focus-visible{outline:2px solid var(--ex-ink)}.lab-drawing .lab-canvas{touch-action:none;cursor:crosshair}.lab-canvas [data-drag]{pointer-events:all}
.lab-caption{display:flex;justify-content:space-between;gap:16px;font-size:11px;line-height:1.6;margin-top:14px}.lab-caption>span:last-child{white-space:nowrap;opacity:.65}
.lab-panel{padding:2px 0 0 20px;border-left:1px solid color-mix(in srgb,var(--ex-ink) 25%,transparent);color:var(--ex-ink);font-size:12px}.lab-panel h3{font-size:16px;font-weight:600;letter-spacing:-.02em;margin:2px 0 15px}.lab-panel h3:not(:first-child){margin-top:27px}.lab-panel>p{font-size:11px;line-height:1.8;margin:14px 0;opacity:.8}.lab-panel button{font:inherit;line-height:1.5;cursor:pointer;min-height:40px}.lab-panel>button{border-bottom:1px solid currentColor;margin:6px 0;padding:7px 0;text-align:left}.lab-options{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 19px}.lab-options button{padding:8px 10px;flex:1;border:1px solid color-mix(in srgb,var(--ex-ink) 32%,transparent);background:transparent;color:inherit;white-space:nowrap}.lab-options button[aria-pressed=true]{background:var(--ex-ink);color:var(--ex-bg)}.lab-options button:hover{border-color:currentColor}.lab-panel button:focus-visible,.lab-panel input:focus-visible{outline:2px solid var(--ex-ink);outline-offset:3px}
.lab-range{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin:22px 0;font-size:12px}.lab-range input{grid-column:1/-1;width:100%;height:18px;margin:0;accent-color:var(--ex-ink);cursor:ew-resize}.lab-range output{font-family:Archivo,sans-serif;font-size:16px;font-variant-numeric:tabular-nums}.lab-field{display:block;font-size:12px;margin:20px 0}.lab-field input[type=text]{display:block;width:100%;min-width:0;min-height:46px;background:#fff;color:#1c2733;-webkit-text-fill-color:#1c2733;caret-color:#153dda;border:1px solid #7e858d;border-radius:0;padding:10px 12px;font:500 16px 'Noto Sans SC',sans-serif;margin-top:10px;color-scheme:light}.lab-field input::selection{background:#153dda;color:#fff}
.lab-delivery{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:27px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--ex-ink) 25%,transparent)}.lab-delivery button:first-child{padding:10px 14px;background:var(--ex-ink);color:var(--ex-bg);flex:1;display:flex;justify-content:space-between;align-items:center;gap:15px}.lab-delivery button:last-child{font-size:11px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.lab-context{display:flex;align-items:center;gap:24px;margin-top:35px;border-top:1px solid color-mix(in srgb,var(--ex-ink) 22%,transparent);padding-top:22px}.lab-context figure{margin:0;display:flex;align-items:center;gap:12px;flex-shrink:0}.lab-context img{width:100px;height:68px;object-fit:contain}.lab-context figcaption{font-size:10px;max-width:7em;line-height:1.7}.lab-context>p{font-size:11px;line-height:1.8;max-width:37em}.lab-status{font-size:11px;line-height:1.7;margin-left:auto;max-width:24em}
.lab-sequencer>div{display:grid;grid-template-columns:20px repeat(8,minmax(0,1fr));gap:4px;align-items:center;margin-bottom:8px}.lab-sequencer>div>span{font-size:12px}.lab-sequencer button{min-height:30px;padding:0;border:1px solid color-mix(in srgb,var(--ex-ink) 35%,transparent);position:relative}.lab-sequencer button[aria-pressed=true]{background:var(--ex-ink)}.lab-sequencer button.is-beat::after{content:'';position:absolute;left:2px;right:2px;bottom:-5px;height:2px;background:currentColor}.lab-sequencer button:focus-visible{outline-offset:1px}
.ts-section .ts-word input,.ex-case .ts-section .ts-word input{display:block;width:100%;background:#fff;color:#153dda;-webkit-text-fill-color:#153dda;caret-color:#153dda;border:1px solid #8c9abe;border-bottom:3px solid #153dda;border-radius:0;padding:10px 12px;font:600 23px Archivo,sans-serif;min-height:49px;color-scheme:light;box-shadow:none}.ts-word input::selection{background:#153dda;color:#fff;-webkit-text-fill-color:#fff}.ts-word input:focus-visible{outline:2px solid #153dda;outline-offset:3px}.ts-controls{row-gap:24px}.ts-touring .ts-canvas{cursor:default}.ts-actions{min-width:125px}.ts-stage-foot{align-items:center}.ts-stage-foot button{min-height:30px}.ts-canvas svg{contain:layout paint}
@media(min-width:1500px){.lab-workbench{grid-template-columns:minmax(0,1fr) 320px;gap:38px}.lab-panel{padding-left:28px}.lab-sequencer button{min-height:34px}}
@media(max-width:1100px){.lab-workbench{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.lab-panel{padding-left:16px}.lab-options button{padding:7px;font-size:11px}.lab-sequencer>div{gap:3px}.lab-sequencer button{min-height:27px}.lab-context{flex-wrap:wrap}.lab-status{margin-left:0}}
@media(max-width:759px){.lab.ex-experiment{padding-top:40px;padding-bottom:40px}.lab .ex-experiment-head{grid-template-columns:1fr;gap:20px}.lab .ex-experiment-head>p{font-size:12px}.lab-workbench{grid-template-columns:1fr;gap:25px;padding-top:18px}.lab-panel{border-left:0;padding:22px 0 0;border-top:1px solid color-mix(in srgb,var(--ex-ink) 25%,transparent)}.lab-panel h3{font-size:18px}.lab-options button{min-height:44px;font-size:12px}.lab-panel p{font-size:12px}.lab-range{margin:21px 0;font-size:13px}.lab-range input{height:23px}.lab-field input[type=text]{font-size:16px}.lab-caption{font-size:10px;gap:8px}.lab-caption>span:last-child{display:none}.lab-context{gap:15px;margin-top:24px}.lab-context>p{font-size:11px;max-width:none}.lab-context img{width:78px;height:58px}.lab-sequencer button{min-height:36px}.lab-sequencer>div{gap:5px}.lab-delivery button{min-height:46px}.lab .ex-experiment-head h2{font-size:clamp(29px,7.8vw,40px);max-width:12em}.ts-section .ts-word input{font-size:21px}.ts-stage-foot{flex-wrap:wrap;gap:8px}.ts-stage-foot>span:first-child{max-width:48%}.ts-canvas{height:290px}.ts-stage{min-height:290px}}
@media(prefers-reduced-motion:reduce){.lab *,.ts-section *,.cv-story-step{animation:none!important;transition:none!important}}
.motion-off .lab *,.motion-off .ts-section *{animation:none!important;transition:none!important}

@media(max-width:759px){.lab-canvas{width:100%}}
