.capture-canvas{width:var(--canvas-w);height:var(--canvas-h);background:var(--surface-0);color:var(--ink-0);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;pointer-events:none;position:relative;overflow:hidden}.capture-canvas__fit{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0;overflow:hidden}.capture-canvas__pixels{object-fit:fill;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.capture-canvas__structure{pointer-events:none;position:absolute;inset:0}.capture-node__img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.capture-node__text{white-space:nowrap;text-overflow:clip;display:block;overflow:hidden}.capture-redacted{background:repeating-linear-gradient(-45deg, var(--booth-3), var(--booth-3) 6px, var(--booth-2) 6px, var(--booth-2) 12px);border:1px solid var(--booth-line)}.capture-canvas__targets{pointer-events:none;position:absolute;inset:0}.capture-target{left:var(--cap-x,0);top:var(--cap-y,0);width:var(--cap-w,0);height:var(--cap-h,0);background:0 0;border:0;display:block;position:absolute}.capture-cursor{background:var(--booth-ink-0);will-change:transform;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;transform:translate(0,0);box-shadow:0 0 0 1px #0b0c0d8c,0 1px 3px #0b0c0d73}.capture-canvas__void{background:var(--surface-2);color:var(--ink-2);font-size:var(--text-meta);letter-spacing:.14em;place-items:center;display:grid;position:absolute;inset:0}.capture-canvas[data-capture-fidelity=dom] .capture-canvas__structure{opacity:1}
.demo-canvas{width:var(--canvas-w);height:var(--canvas-h);background:var(--surface-0);color:var(--ink-0);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.rail{background:var(--surface-1);border-right:1px solid var(--line-0);width:212px;height:900px;position:absolute;top:0;left:0}.rail__brand{align-items:center;gap:9px;display:flex;position:absolute;top:26px;left:24px}.rail__mark{background:var(--ink-0);border-radius:2px;width:11px;height:11px}.rail__wordmark{letter-spacing:.15em;font-size:11px;font-weight:600}.rail__nav{flex-direction:column;gap:2px;width:188px;display:flex;position:absolute;top:92px;left:12px}.rail__item{height:32px;color:var(--ink-1);border-radius:var(--r-2);align-items:center;gap:10px;padding:0 12px;font-size:13px;display:flex}.rail__item.is-active{color:var(--ink-0);background:var(--surface-3)}.rail__item-dot{opacity:.45;background:currentColor;border-radius:1px;width:4px;height:4px}.rail__foot{align-items:center;gap:10px;display:flex;position:absolute;bottom:28px;left:24px}.rail__avatar{border:1px solid var(--line-1);width:24px;height:24px;font-family:var(--font-mono);color:var(--ink-1);border-radius:50%;place-items:center;font-size:9px;display:grid}.rail__who{flex-direction:column;gap:2px;display:flex}.rail__who-name{font-size:12px}.rail__who-role{letter-spacing:.12em;color:var(--ink-3);font-size:9px}.topbar{border-bottom:1px solid var(--line-0);align-items:center;gap:24px;width:1228px;height:64px;padding:0 24px;display:flex;position:absolute;top:0;left:212px}.topbar__crumbs{color:var(--ink-2);align-items:center;gap:8px;font-size:12.5px;display:flex}.topbar__crumb.is-current{color:var(--ink-0)}.topbar__search{border:1px solid var(--line-0);border-radius:var(--r-2);background:var(--surface-1);width:244px;height:28px;color:var(--ink-3);align-items:center;gap:8px;margin-left:auto;padding:0 10px;font-size:12px;display:flex}.topbar__search-glyph{border:1px solid var(--ink-3);border-radius:50%;width:9px;height:9px}.topbar__actions{align-items:center;gap:14px;display:flex}.topbar__sync{letter-spacing:.1em;color:var(--ink-3);align-items:center;gap:6px;font-size:9px;display:inline-flex}.topbar__sync-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.topbar__button{letter-spacing:.1em;color:var(--ink-2);border:1px solid var(--line-0);border-radius:var(--r-1);padding:6px 9px;font-size:9.5px}.library{width:588px;height:836px;padding:36px 24px 0;position:absolute;top:64px;left:212px}.library__head{justify-content:space-between;align-items:baseline;display:flex}.library__eyebrow{letter-spacing:.16em;color:var(--ink-1);font-size:10px}.library__count{letter-spacing:.12em;color:var(--ink-3);font-size:10px}.library__grid{grid-template-columns:274px 274px;gap:24px;margin-top:34px;display:grid}.card{border:1px solid var(--line-0);background:var(--surface-0);border-radius:9px;width:274px;height:220px;padding:18px 18px 0;position:relative;box-shadow:0 1px 2px #14151708}.card__ring{border:1px solid var(--accent);opacity:0;pointer-events:none;border-radius:10px;position:absolute;inset:-1px}.card__top{justify-content:space-between;align-items:center;height:14px;display:flex}.card__index{letter-spacing:.1em;color:var(--ink-3);font-size:10px}.card__duration{color:var(--ink-2);border:1px solid var(--line-0);border-radius:var(--r-1);padding:2px 5px;font-size:9.5px}.card__title{letter-spacing:-.012em;color:var(--ink-0);margin:18px 0 0;font-size:15px;font-weight:560;line-height:1}.card__location{letter-spacing:.04em;color:var(--ink-3);margin-top:8px;font-size:9.5px;display:block}.card__wave{width:238px;height:34px;position:absolute;top:112px;left:18px}.card__foot{justify-content:space-between;align-items:center;width:238px;display:flex;position:absolute;bottom:16px;left:18px}.card__tags{letter-spacing:.1em;color:var(--ink-2);gap:8px;font-size:9px;display:inline-flex}.card__format{letter-spacing:.04em;color:var(--ink-3);font-size:9px}.waveform{align-items:flex-end;gap:.6%;display:flex;position:absolute;inset:0}.waveform__bar{background:currentColor;border-radius:1px;flex:1 1 0;min-width:0}.waveform--quiet,.waveform--active{color:var(--ink-2)}.waveform--master{color:var(--accent)}.waveform--pinned{width:484px;height:100%;position:absolute;inset:0 auto auto 0}.sheet{z-index:5;will-change:transform;border-radius:14px;width:576px;height:756px;position:absolute;top:96px;left:832px}.sheet__bg{background:var(--surface-0);border:1px solid var(--line-1);border-radius:14px;position:absolute;inset:0;box-shadow:0 1px 1px #14151708,0 18px 40px -28px #1415174d}.drawer-anchor{width:2px;height:2px;position:absolute;top:691px;left:1119px}.sheet__content{padding:32px;position:absolute;inset:0}.sheet__content>*{width:512px;position:absolute;left:32px}.sheet__head{justify-content:space-between;align-items:center;height:16px;display:flex;top:32px}.sheet__eyebrow{letter-spacing:.16em;color:var(--ink-1);font-size:10px}.sheet__chip{border:1px solid var(--line-1);border-radius:var(--r-1);align-items:center;gap:6px;height:20px;padding:0 8px;display:inline-flex;position:relative}.sheet__chip-dot{background:var(--ink-3);border-radius:50%;width:5px;height:5px}.sheet__chip-dot--master{background:var(--accent);opacity:0;margin-top:-2.5px;position:absolute;top:50%;left:8px}.sheet__chip-labels{min-width:46px;height:10px;display:inline-block;position:relative}.sheet__chip-label{letter-spacing:.12em;color:var(--ink-1);white-space:nowrap;font-size:9.5px;position:absolute;top:0;left:0}.sheet__chip-label--master{color:var(--accent-ink)}.sheet__title{letter-spacing:-.012em;color:var(--ink-0);margin:0;font-size:26px;font-weight:560;line-height:1;top:60px}.sheet__meta{letter-spacing:.04em;color:var(--ink-3);margin:0;font-size:10.5px;top:100px}.waveframe{height:180px;top:136px}.waveframe__bg{border-radius:var(--r-3);background:var(--surface-1);border:1px solid var(--line-0);position:absolute;inset:0}.waveframe__inner{width:484px;height:152px;position:absolute;top:14px;left:14px}.waveframe__clip{width:0;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.waveframe__sweep{background:var(--accent);opacity:0;width:1px;position:absolute;top:-4px;bottom:-4px;left:0}.waveframe__scale{color:var(--ink-3);letter-spacing:.08em;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:-18px;left:14px;right:14px}.sheet__transport{align-items:center;gap:12px;height:20px;display:flex;top:348px}.sheet__play{border-left:7px solid var(--ink-1);border-top:4.5px solid #0000;border-bottom:4.5px solid #0000;width:0;height:0}.sheet__time{color:var(--ink-2);letter-spacing:.04em;font-size:10px}.sheet__progress{background:var(--line-0);border-radius:1px;flex:1;height:2px;position:relative;overflow:hidden}.sheet__progress-fill{background:var(--accent);transform-origin:0%;position:absolute;inset:0;transform:scaleX(0)}.sheet__body{top:400px}.sheet__facts{grid-template-columns:1fr 1fr;gap:0 24px;margin:0;display:grid}.sheet__fact{border-top:1px solid var(--line-0);flex-direction:column;justify-content:center;gap:4px;height:44px;display:flex}.sheet__fact dt{letter-spacing:.14em;color:var(--ink-3);margin:0;font-size:9px}.sheet__fact dd{color:var(--ink-1);margin:0;font-size:11px}.sheet__master{border-top:1px solid var(--accent-line);opacity:0;align-items:center;gap:10px;width:512px;height:40px;display:flex;position:absolute;top:148px;left:0}.sheet__master-glyph{border:1px solid var(--accent);background:var(--accent-wash);border-radius:50%;width:12px;height:12px}.sheet__master-label{letter-spacing:.14em;color:var(--accent-ink);font-size:9.5px}.sheet__master-value{letter-spacing:.04em;color:var(--ink-2);font-size:10px}.drawer{border-top:1px solid var(--line-0);background:var(--surface-1);border-radius:0 0 14px 14px;width:576px;height:84px;position:absolute;bottom:0;left:0;overflow:hidden}.drawer__head{align-items:center;gap:14px;height:84px;padding:0 32px;display:flex;position:absolute;bottom:0;left:0;right:0}.drawer__handle{background:var(--line-1);border-radius:1px;width:28px;height:2px;margin-left:-14px;position:absolute;top:12px;left:50%}.drawer__titles{flex-direction:column;gap:3px;display:flex}.drawer__title{letter-spacing:.16em;color:var(--ink-1);font-size:9.5px}.drawer__sub{color:var(--ink-2);font-size:12px}.render-btn{border-radius:var(--r-2);border:1px solid var(--ink-0);background:var(--ink-0);min-width:156px;height:34px;color:var(--surface-0);cursor:default;margin-left:auto;padding:0 14px;position:relative;overflow:hidden}.render-btn__veil{background:var(--accent);opacity:0;position:absolute;inset:0}.render-btn__labels{min-width:120px;height:16px;display:inline-block;position:relative}.render-btn__label{text-align:center;white-space:nowrap;font-size:12px;line-height:16px;position:absolute;top:0;left:0;right:0}.render-btn__label[data-el=render-label-busy],.render-btn__label[data-el=render-label-done]{opacity:0}.render-btn__bar{background:#ffffff2e;height:2px;position:absolute;bottom:0;left:0;right:0}.render-btn__bar-fill{background:var(--surface-0);transform-origin:0%;position:absolute;inset:0;transform:scaleX(0)}.drawer__params{height:236px;padding:26px 32px 0;position:absolute;bottom:84px;left:0;right:0}.drawer__params-title{letter-spacing:.16em;color:var(--ink-3);margin-bottom:14px;font-size:9px;display:block}.drawer__row{border-top:1px solid var(--line-0);align-items:center;gap:14px;height:34px;display:flex}.drawer__row-label{width:96px;color:var(--ink-1);font-size:12px}.drawer__row-meter{background:var(--surface-3);border-radius:1.5px;flex:1;height:3px;position:relative;overflow:hidden}.drawer__row-fill{background:var(--ink-2);border-radius:1.5px;position:absolute;top:0;bottom:0;left:0}.drawer__row-value{text-align:right;width:74px;color:var(--ink-2);font-size:10px}.drawer__note{letter-spacing:.1em;color:var(--ink-3);margin-top:16px;font-size:9px;display:block}.cue{pointer-events:none;opacity:0;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:764px;left:1140px}.cue__ring{border:1px solid var(--accent);border-radius:50%;position:absolute;inset:0}.cue__dot{background:var(--accent);border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute;top:50%;left:50%}.focus-bounds{opacity:0;pointer-events:none;border:1px dashed #2d63d8b3;width:0;height:0;position:absolute;top:0;left:0}.demo-canvas[data-shot-state=arrival] .sheet,.demo-canvas[data-shot-state=discover] .sheet,.demo-canvas[data-shot-state=open] .library,.demo-canvas[data-shot-state=inspect] .library,.demo-canvas[data-shot-state=action] .library,.demo-canvas[data-shot-state=result] .library{pointer-events:none}.demo-canvas .focus-bounds{display:none}body[data-debug="1"] .demo-canvas .focus-bounds{display:block}