main{max-width:none}.intro .lede{max-width:40ch;font-size:var(--step-lead);margin:0;line-height:1.35}.index{gap:28px var(--gutter);background:var(--surface);grid-template-columns:repeat(5,minmax(0,1fr));margin-top:clamp(2.5rem,5vw,4rem);padding:clamp(1.25rem,2.5vw,2rem);display:grid}.index p{margin:0 0 .6em;font-weight:600}.index ul{gap:.35em;margin:0;padding:0;list-style:none;display:grid}.index a{color:var(--ink-soft)}.index a:hover{color:var(--ink)}@media (width<=64rem){.index{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=40rem){.index{grid-template-columns:repeat(2,minmax(0,1fr))}}.group{gap:8px;display:grid}.group>h2{margin-bottom:.3em}.feature{background:var(--surface);grid-template-columns:minmax(0,1fr);scroll-margin-top:24px;display:grid}.feature>.field{background:var(--motif);place-items:center;padding:clamp(24px,3.3vw,48px);display:grid;container-type:inline-size}.feature>.said{align-self:center;padding:clamp(24px,3.3vw,48px)}@media (width>75rem){.feature{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.said h3{font-size:var(--step-head);margin:0 0 .35em;line-height:1.05}.said .line{max-width:40ch;margin:0}.said .facts{gap:.5em;margin:1.25em 0 0;padding:0;list-style:none;display:grid}.said .facts li{overflow-wrap:anywhere;align-items:baseline;gap:.55em;display:flex}.said .facts .bullet{flex:none;align-self:center;width:.8em;height:.8em}@media (width<=40rem){.feature{margin-inline:calc(-1 * var(--margin))}.feature>.field{padding:20px 16px}.feature>.said{padding-inline:var(--margin)}}[data-ui].window{--w-mica:light-dark(#f3f3f3,#202020);--w-card:light-dark(#ffffffb3,#ffffff0d);--w-subtle:light-dark(#f9f9f980,#ffffff14);width:var(--w);zoom:min(1, tan(atan2(100cqi, var(--w))));background:var(--w-mica);border:1px solid light-dark(#00000024,#ffffff1f);border-radius:8px;grid-template-columns:minmax(0,1fr);font-size:14px;line-height:20px;display:grid;overflow:hidden;box-shadow:0 16px 40px #00000038}[data-ui].window svg[viewBox="0 0 16 16"]{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}[data-ui].window svg.play{fill:currentColor;stroke:none}.window .titlebar{align-items:center;height:32px;padding-left:16px;font-size:12px;display:flex}.window .app svg{width:16px;height:16px;display:block}.window .title{flex:1;margin-left:16px}.window .caps{display:flex}[data-ui].window .caps svg{stroke-width:1px;width:46px;height:32px;padding:11px 18px}.window .page{align-content:start;gap:16px;padding:24px 24px 0;display:grid}.window .foot{align-items:center;gap:8px;padding:16px 24px 24px;display:flex}.window .status{min-width:0;color:var(--w-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}[data-ui].window :is(.btn,.field){border-radius:4px;height:32px;padding:0 11px}.window .btn.accent{background:var(--w-accent);color:var(--w-on-accent);border-color:#0000}.window .name{font-size:20px;font-weight:600;line-height:28px}.window .head{justify-content:space-between;align-items:end;gap:12px;display:flex}.window .labelled{justify-items:start;gap:8px;display:grid}.window .combo,.window .num{justify-content:space-between}.window .combo{min-width:200px}.window .num{min-width:130px}[data-ui].window .field svg{width:12px;height:12px}.window .unit{align-self:center}.window .with-unit,.window .row{align-items:center;gap:8px;display:flex}.window .row.low{align-items:end}.window .row.apart{justify-content:space-between;align-items:center}.window .row.end{justify-content:flex-end}.window .gap{flex:1}.window .radios{flex-wrap:wrap;column-gap:24px;display:flex}.window .check{align-items:center;gap:8px;min-height:32px;display:inline-flex}.window .check:before{content:"";box-sizing:border-box;border:1px solid var(--w-strong);background:var(--w-control);border-radius:4px;flex:none;width:20px;height:20px}.window .caption{color:var(--w-soft);margin:-8px 0 0 28px;font-size:12px;line-height:16px}.window .slider{height:20px;position:relative}.window .slider:before,.window .slider:after{content:"";background:var(--w-strong);border-radius:2px;width:100%;height:4px;position:absolute;top:8px;left:0}.window .slider:after{width:var(--at);background:var(--w-accent)}.window .slider b{z-index:1;top:0;left:calc(var(--at) - 10px);background:var(--w-control);width:20px;height:20px;box-shadow:0 0 0 1px var(--w-stroke);border-radius:50%;position:absolute}.window .slider b:after{content:"";background:var(--w-accent);border-radius:50%;position:absolute;inset:5px}.window .srow{grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:8px;width:100%;display:grid}.window .value{color:var(--w-soft);text-align:right}.window .stage{border:1px solid var(--w-stroke);background:var(--w-card);border-radius:8px;place-items:center;height:260px;padding:12px;display:grid}.window .photo{aspect-ratio:4/3;height:100%;display:block;position:relative}.window .scene{width:100%;height:100%;display:block}.window .photo:before,.window .photo:after,.window .screen:has(.rect):before,.window .screen:has(.rect):after{content:"";z-index:1;background:#00000080;position:absolute;top:0;bottom:0}.window .photo:before{width:var(--l,0);left:0}.window .photo:after{width:var(--r,0);right:0}.window .photo:has(.frame){--l:12.5%;--r:12.5%}.window .frame{z-index:2;inset:0 var(--r) 0 var(--l);border:2px solid var(--w-accent);outline:1px solid #0006;position:absolute}.window .frame i{box-sizing:border-box;background:var(--w-accent);border:1px solid #0006;border-radius:2px;width:12px;height:12px;position:absolute}.window .frame i:first-child{top:-7px;left:-7px}.window .frame i:nth-child(2){top:-7px;right:-7px}.window .frame i:nth-child(3){bottom:-7px;left:-7px}.window .frame i:nth-child(4){bottom:-7px;right:-7px}.window .xywh{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:12px;display:grid}.window .xywh .field{width:100%;min-width:0}.window .xywh .with-unit{width:100%}.window .edit{grid-template-columns:minmax(0,1fr) 280px;gap:16px;display:grid}.window .edit .look{align-content:start;gap:12px;display:grid}.window .edit .stage{height:300px}.window .scene.edited{filter:brightness(1.06)contrast(1.06)saturate(1.15)}.window .sliders{align-content:start;gap:8px;display:grid}.window .sliders .group{font-weight:600}.window .sliders .group:not(:first-child){margin-top:12px}.window .sliders .srow{grid-template-columns:84px minmax(0,1fr) 56px 12px}.window .undo{color:var(--w-soft)}.window .collage{grid-template-columns:minmax(0,1fr) 300px;gap:16px;display:grid}.window .collage .stage{height:auto}.window .canvas{aspect-ratio:1;background:#fff;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:.8%;width:100%;padding:.8%;display:grid}.window .cell{overflow:hidden}.window .options{align-content:start;gap:12px;display:grid}.window .pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.window .pair .labelled,.window .options .labelled{justify-items:stretch}.window :is(.pair,.options) :is(.combo,.num){min-width:0}.window .pair .with-unit .num{flex:1}.window .expander{border:1px solid var(--w-stroke);background:var(--w-card);border-radius:4px;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.window .options>.btn{justify-self:start}.window .video{background:#000;place-items:center;height:236px;display:grid}.window .screen{aspect-ratio:16/9;height:100%;display:block;position:relative}.window .screen:has(.rect):before{width:var(--l);background:#0009;left:0}.window .screen:has(.rect):after{width:var(--r);background:#0009;right:0}.window .screen:has(.rect){--l:21.875%;--r:21.875%}.window .rect{z-index:2;inset:0 var(--r) 0 var(--l);border:2px solid #fff;outline:2px solid #000c;position:absolute}.window .rect i{box-sizing:border-box;background:#fff;border:1px solid #000c;width:12px;height:12px;position:absolute;translate:-50% -50%}.window .rect i:first-child{top:0;left:0}.window .rect i:nth-child(2){top:0;left:50%}.window .rect i:nth-child(3){top:0;left:100%}.window .rect i:nth-child(4){top:50%;left:100%}.window .rect i:nth-child(5){top:100%;left:100%}.window .rect i:nth-child(6){top:100%;left:50%}.window .rect i:nth-child(7){top:100%;left:0}.window .rect i:nth-child(8){top:50%;left:0}.window .timeline{grid-template-columns:repeat(9,minmax(0,1fr));height:64px;display:grid;position:relative}.window .timeline:has(>.wave){height:120px;display:block}.window .thumb{overflow:hidden}.window .timeline .wave{height:100%}.window .timeline .kept{inset:0 calc(100% - var(--to)) 0 var(--from);background:color-mix(in srgb, var(--w-accent) 20%, transparent);position:absolute}.window .timeline:has(.kept):before,.window .timeline:has(.kept):after{content:"";background:color-mix(in srgb, var(--w-mica) 60%, transparent);position:absolute;top:0;bottom:0}.window .timeline:has(.kept):before{width:var(--from);left:0}.window .timeline:has(.kept):after{width:calc(100% - var(--to));right:0}.window .timeline>i{z-index:1;top:0;bottom:0;left:calc(var(--from) - 6px);background:var(--w-accent);border-radius:3px;width:12px;position:absolute}.window .timeline>i+i{left:calc(var(--to) - 6px)}.window .timeline>b{top:0;bottom:0;left:calc(var(--at) - 1px);background:var(--w-text);width:2px;position:absolute}.window .split{top:0;bottom:0;left:calc(var(--x) - 1px);background:var(--w-accent);width:2px;position:absolute}.window .controls{align-items:end;gap:12px;display:flex}.window .controls .field:not(.combo,.num){width:110px}.window .controls .transport{margin-left:auto}.window .transport{align-items:center;gap:4px;display:flex}[data-ui].window .transport svg{width:40px;height:28px;padding:6px 12px}.window .time{color:var(--w-soft);font-variant-numeric:tabular-nums;margin-left:8px}.window .points{gap:12px;display:flex}.window .point{align-items:center;gap:4px;display:inline-flex}[data-ui].window .point svg{width:12px;height:12px}.window .order{gap:4px;display:grid}.window .list{align-content:start;gap:4px;min-height:160px;margin-top:-8px;display:grid}.window .item{border-radius:4px;grid-template-columns:32px 64px minmax(0,1fr) 30px 30px;align-items:center;gap:10px;padding:6px 8px 6px 0;display:grid;position:relative}.window .item.is-on{background:color-mix(in srgb, var(--w-text) 6%, transparent)}.window .item.is-on:before{content:"";background:var(--w-accent);border-radius:2px;width:3px;position:absolute;top:30%;bottom:30%;left:0}.window .pos{text-align:right}.window .item .screen{background:#000;width:64px;height:36px}.window .lines{display:grid}.window .detail{opacity:.7;font-size:12px}[data-ui].window .item>svg{width:30px;height:30px;padding:9px}.window .item>svg.off{opacity:.36}.window .page>.wave{height:80px}.window .page>.btn{justify-self:start}.window .strip{background:var(--w-subtle);border-radius:4px;height:40px;position:relative}.window .bleep{inset:0 calc(100% - var(--to)) 0 var(--from);background:color-mix(in srgb, var(--w-accent) 35%, transparent);position:absolute}.window .bleep i{background:var(--w-accent);border-radius:3px;width:12px;position:absolute;top:0;bottom:0;left:-6px}.window .bleep i+i{left:auto;right:-6px}.window .viz{grid-template-columns:minmax(0,1fr) 240px;gap:24px;display:grid}.window .viz .look{align-content:start;gap:8px;display:grid}.window .preview{width:100%;height:auto;display:block}.window .commands{justify-content:space-between;gap:12px;display:flex}.window .commands .row{gap:0}.window .command{white-space:nowrap;align-items:center;gap:8px;height:40px;padding:0 8px;display:inline-flex}.window .pages{grid-template-columns:repeat(4,168px);display:grid}.window .tile{border-radius:4px;place-content:center;justify-items:center;gap:6px;height:152px;margin:4px;padding:8px;display:grid}.window .tile.is-on{outline:2px solid var(--w-accent);background:color-mix(in srgb, var(--w-accent) 10%, transparent)}.window .sheet{box-sizing:border-box;border:1px solid var(--w-stroke);background:#fff;align-content:start;gap:7px;width:72px;height:102px;padding:12px 10px;display:grid}.window .sheet.turned{width:102px;height:72px}.window .sheet i{background:#d6d6d6;height:3px}.window .sheet i:nth-child(3n){width:60%}.window .pill{background:var(--w-subtle);border-radius:4px;padding:1px 6px;font-size:12px;line-height:16px}.window .cover-row{grid-template-columns:120px minmax(0,1fr);gap:16px;display:grid}.window .cover-col{align-content:start;gap:8px;display:grid}.window .cover{border:1px solid var(--w-stroke);border-radius:4px;width:120px;height:120px;display:block;overflow:hidden}.window .cover-col .btn{justify-content:center}.window .tags{gap:10px;display:grid}.window .tags .labelled{justify-items:stretch}.window .trio{grid-template-columns:84px 84px minmax(0,1fr);gap:8px;display:grid}.window .modes{grid-template-columns:120px 150px auto;justify-content:start;align-items:center;gap:8px;display:grid}.window .modes .num{width:150px}