.show-composition{--play-position:34%;width:100%;min-width:0}.show-orbit{perspective:1100px;padding:1.2rem 0}.show-depth{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));background:linear-gradient(135deg,#1c2019,#0e110e 66%);border:1px solid #484d40;padding:clamp(1rem,2.1vw,2rem);transition:transform .22s ease-out;position:relative;box-shadow:inset 0 1px #676f5540,0 32px 60px #0006,10px 10px #b9ff380c,11px 11px #b9ff3819}.show-caption-top{border-bottom:1px solid var(--line-light);color:#b7bcaf;font:.62rem var(--font-geist-mono), monospace;letter-spacing:.03em;justify-content:space-between;gap:1rem;padding-bottom:1rem;display:flex}.show-caption-top>span:first-child{color:var(--signal)}.show-title{justify-content:space-between;align-items:end;gap:1rem;padding:2.4rem 0 2rem;display:flex}.show-title>div>span{color:var(--muted-light);font:.58rem var(--font-geist-mono), monospace;letter-spacing:.09em;margin-bottom:1rem;display:block}.show-title strong{letter-spacing:-.055em;font-size:clamp(1.35rem,2.1vw,2rem);font-weight:500;line-height:1.3}.show-title em{color:#c0c4b8;font-style:normal}.show-time{font:clamp(1.5rem, 3.1vw, 2.9rem) var(--font-geist-mono), monospace;font-variant-numeric:tabular-nums;letter-spacing:-.07em;color:var(--signal);padding-bottom:.2rem}.show-score{border-block:1px solid var(--line-light);grid-template-columns:6.2rem 1fr;display:grid}.score-labels{grid-template-rows:repeat(4,4.3rem);display:grid}.score-labels>span{font:.62rem var(--font-geist-mono), monospace;letter-spacing:.05em;border-bottom:1px solid #f2f0e811;flex-direction:column;justify-content:center;gap:.35rem;display:flex}.score-labels small{font-family:var(--font-geist-sans), sans-serif;letter-spacing:0;color:var(--muted-light);font-size:.65rem}.score-tracks{background:repeating-linear-gradient(90deg,#0000,#0000 calc(25% - 1px),#f2f0e816 calc(25% - 1px) 25%);grid-template-rows:repeat(4,4.3rem);min-width:0;display:grid;position:relative}.score-wave{border-bottom:1px solid #f2f0e811;justify-content:space-between;align-items:center;gap:2px;padding:.9rem .15rem;display:flex}.score-wave i{transform-origin:50%;background:#b9ff388c;flex:1;min-width:1px;animation:1.5s ease-in-out infinite alternate show-wave-breathe}.show-composition[data-running=false] *{animation-play-state:paused!important}.score-video{border-top:1px solid #f2f0e811;grid-template-columns:repeat(4,1fr);align-items:center;gap:.4rem;display:grid}.video-mini{opacity:.4;background:#161d0f;border:1px solid #424b36;height:2.5rem;transition:opacity .25s,border-color .25s;position:relative;overflow:hidden}.video-mini.is-current{opacity:1;border-color:var(--signal)}.video-mini>i{background:var(--signal);opacity:.5;width:1px;animation:4s ease-in-out infinite alternate frame-sweep;position:absolute;top:-50%;bottom:-50%;left:25%;transform:rotate(30deg)}.video-mini>i:nth-child(2){animation-delay:-.6s;left:50%}.video-mini>i:nth-child(3){animation-delay:-1.2s;left:75%}.video-mini>span{font:.36rem var(--font-geist-mono), monospace;color:#d4ddc6;text-align:center;position:absolute;inset:auto .15rem .2rem}@keyframes show-wave-breathe{0%{transform:scaleY(.65)}to{transform:scaleY(1)}}@keyframes frame-sweep{0%{transform:translate(-8px)rotate(30deg)}to{transform:translate(8px)rotate(30deg)}}.score-vocal{border-bottom:1px solid #f2f0e811;grid-template-columns:repeat(4,1fr);padding-top:.8rem;display:grid;position:relative}.score-vocal>span{font:.48rem var(--font-geist-mono), monospace;color:#bfc9ab;text-align:center}.score-vocal svg{fill:none;width:100%;height:2.9rem;stroke:var(--signal);stroke-width:1.5px;position:absolute;inset:1.6rem 0 .5rem}.score-cues{grid-template-columns:repeat(4,1fr);align-items:center;display:grid}.score-cues>span{color:#b8bcaf;font:.46rem var(--font-geist-mono), monospace;justify-items:center;gap:.5rem;display:grid}.score-cues i{background:#cfd8bd;width:.4rem;height:.4rem;transform:rotate(45deg)}.score-playhead{inset:0 auto 0 var(--play-position);background:var(--signal);pointer-events:none;width:1px;position:absolute;box-shadow:0 0 12px #b9ff3840}.score-playhead:before{content:"";background:linear-gradient(90deg,#0000,#b9ff380f);width:3rem;position:absolute;inset:0 0 0 auto}.score-playhead span{border-top:6px solid var(--signal);border-inline:3.5px solid #0000;position:absolute;top:-4px;left:-3px}.show-moments{border:1px solid var(--line-light);grid-template-columns:repeat(4,1fr);margin-top:1.2rem;display:grid}.show-moments button{color:#c9cdbf;border:0;border-right:1px solid var(--line-light);cursor:pointer;min-height:2.9rem;font:.6rem var(--font-geist-mono), monospace;background:0 0;justify-content:center;align-items:center;gap:.45rem;padding:.3rem;transition:background .18s,color .18s;display:flex}.show-moments button:last-child{border-right:0}.show-moments button span{opacity:.5;font-size:.5rem}.show-moments button[aria-pressed=true]{background:var(--signal);color:var(--black)}.show-moments button:hover:not([aria-pressed=true]){background:#ffffff0a}.show-readout{grid-template-columns:1fr 1fr auto;align-items:center;gap:1rem;padding-top:1.4rem;display:grid}.show-readout>div{flex-direction:column;gap:.4rem;display:flex}.show-readout>div>span{font:.55rem var(--font-geist-mono), monospace;color:var(--muted-light);letter-spacing:.08em}.show-readout strong{font-size:.8rem;font-weight:500}.motion-toggle{min-width:66px;min-height:44px;color:var(--white);font:.6rem var(--font-geist-mono), monospace;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;display:flex}.motion-toggle>span{color:var(--signal);font-size:1.2rem}.show-explainer{align-items:start;gap:.7rem;min-height:3rem;margin-top:1.4rem;display:flex}.show-explainer>span{color:var(--signal)}.show-explainer p{color:#c2c5b9;word-break:keep-all;margin:.1rem 0 0;font-size:.82rem;line-height:1.65}.show-demo-note{color:var(--muted-light);margin:.5rem 0 0 1.6rem;font-size:.65rem;line-height:1.6}.workflow-preview{border-block:1px solid var(--line-light)}.workflow-switch{grid-template-columns:repeat(3,1fr);display:grid}.workflow-switch button{border:0;border-right:1px solid var(--line-light);border-bottom:1px solid var(--line-light);min-height:7rem;color:var(--white);text-align:left;cursor:pointer;background:0 0;flex-direction:column;align-items:start;gap:.8rem;padding:1.5rem;transition:background .18s,color .18s;display:flex;position:relative}.workflow-switch button:last-child{border-right:0}.workflow-switch button>span{font:.65rem var(--font-geist-mono), monospace;opacity:.65}.workflow-switch button strong{font-size:1.3rem;font-weight:500}.workflow-switch button i{font-style:normal;position:absolute;bottom:1.6rem;right:1.5rem}.workflow-switch button[aria-pressed=true]{color:var(--black);background:var(--signal)}.workflow-switch button:hover:not([aria-pressed=true]){background:var(--black-raised)}.workflow-view{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,5vw,6rem);padding:clamp(2rem,4.5vw,5rem) 0;animation:.35s both view-in;display:grid}.workflow-art{border:1px solid var(--line-light);background:#10130f;padding:1.5rem 2rem}.workflow-art-label{font:.6rem var(--font-geist-mono), monospace;letter-spacing:.06em;color:var(--muted-light)}.workflow-art-lines{margin-block:2rem}.workflow-art-lines>div{border-bottom:1px solid var(--line-light);align-items:center;gap:1rem;padding:1.4rem 0;display:flex}.workflow-art-lines span{font:.65rem var(--font-geist-mono), monospace;color:var(--signal)}.workflow-art-lines strong{font-size:1.05rem;font-weight:450}.workflow-art-lines i{transform-origin:0;background:linear-gradient(90deg,#b9ff3833,#b9ff38);flex:1;height:1px;margin-left:1rem;animation:.65s both line-in;display:block}.workflow-art-lines>div:nth-child(2) i{animation-delay:80ms}.workflow-art-lines>div:nth-child(3) i{animation-delay:.16s}.mode-1 .workflow-art-lines i{background:repeating-linear-gradient(90deg,#b9ff38,#b9ff38 3px,#0000 3px 6px);height:12px}.mode-2 .workflow-art-lines i{height:4px}.workflow-art-footer{color:#adb4a1;font:.52rem var(--font-geist-mono), monospace;align-items:center;gap:.8rem;display:flex}.workflow-art-footer i{background:var(--line-light);flex:1;height:1px}.workflow-narrative>span{color:var(--signal);display:block}.workflow-narrative h3{letter-spacing:-.05em;word-break:keep-all;max-width:24rem;margin:0 0 1.3rem;font-size:clamp(1.7rem,2.7vw,2.7rem);font-weight:500;line-height:1.3}.workflow-narrative p{color:#b4b8ac;word-break:keep-all;max-width:33rem;font-size:1rem;line-height:1.9}.workflow-narrative>strong{margin-top:2rem;font-size:.82rem;font-weight:500;line-height:1.7;display:block}@keyframes view-in{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes line-in{0%{transform:scaleX(.1)}to{transform:scaleX(1)}}@media (width<=1050px){.show-composition{max-width:46rem;margin-inline:auto}.show-title strong{font-size:1.8rem}.workflow-view{grid-template-columns:1fr 1fr;gap:2rem}}@media (width<=680px){.show-orbit{padding-right:.6rem}.show-depth{padding:1.1rem}.show-caption-top{font-size:.52rem}.show-title{padding:1.7rem 0}.show-title strong{font-size:1.3rem}.show-title>div>span{font-size:.48rem}.show-time{font-size:1.6rem}.show-score{grid-template-columns:4.5rem 1fr}.score-labels>span{font-size:.51rem}.score-labels small{font-size:.5rem}.score-labels,.score-tracks{grid-template-rows:repeat(4,3.9rem)}.score-vocal>span{font-size:.34rem}.score-vocal svg{height:2rem;top:1.4rem}.score-cues>span{font-size:.34rem}.show-moments button{gap:.3rem;font-size:.51rem}.show-moments button span{display:none}.show-readout{gap:.5rem}.show-readout strong{font-size:.71rem}.show-demo-note{font-size:.62rem}.workflow-view{grid-template-columns:1fr}.workflow-switch button{min-height:6rem;padding:1.1rem .65rem}.workflow-switch button>span{font-size:.46rem}.workflow-switch button strong{font-size:1.1rem}.workflow-switch button i{display:none}.workflow-art{padding:1.2rem}.workflow-narrative h3{font-size:1.8rem}}@media (prefers-reduced-motion:reduce){.show-depth{transition:none;transform:none!important}.workflow-view,.workflow-art-lines i{animation:none}}