:root{color-scheme:dark;--bg:#0b1015;--panel:#121920;--panel-deep:#0e141a;--line:#28343d;--muted:#9cabb5;--text:#e8eee9;--mint:#b7ecca;--amber:#efb88e;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 73% -12%,#26343955,transparent 40%),var(--bg);font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:4px}button:disabled{opacity:.5;cursor:wait}button{color:var(--text)}.skip-link{position:fixed;left:20px;top:-70px;padding:14px;background:var(--mint);color:#0b1015;z-index:100}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{height:84px;max-width:1760px;margin:auto;padding:0 3.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.wordmark{display:flex;align-items:center;gap:12px;font:700 13px var(--mono);text-decoration:none;letter-spacing:.12em}.wordmark-divider{color:#5b6a70;margin:0 4px}.wordmark-section{font-size:11px;font-weight:400;color:#adbbb8}.brand-orbit{width:23px;height:23px;border:1px solid var(--mint);border-radius:50%;position:relative;transform:rotate(-35deg)}.brand-orbit:before{content:"";position:absolute;inset:6px -6px;border:1px solid var(--mint);border-radius:50%}.brand-orbit:after{content:"";position:absolute;background:var(--mint);width:5px;height:5px;border-radius:50%;right:-4px;top:8px}.topbar-right{display:flex;align-items:center;gap:28px}.edition,.tiny-label,.eyebrow,.monitor-label{font:10px var(--mono);letter-spacing:.13em}.edition{color:var(--muted)}.buy-link{display:flex;gap:28px;align-items:center;padding:12px 16px;border:1px solid #3d5b4b;border-radius:5px;text-decoration:none;font-size:12px}.buy-link span{color:var(--mint)}.buy-link:hover,.purchase-row a:hover{background:#244c37}main{max-width:1760px;margin:auto;padding:0 3.2vw}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:48px 0 34px}.eyebrow{color:var(--mint);display:flex;align-items:center;gap:9px;margin:0 0 17px}.live-dot,.signal-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #b7ecca44}.intro h1{font-size:clamp(34px,3.7vw,59px);font-weight:450;line-height:1.08;letter-spacing:-.055em;margin:0 0 15px}.intro h1 em{font-family:Georgia,serif;font-weight:400;color:var(--mint);letter-spacing:-.025em}.intro-copy{font-size:14px;line-height:1.6;color:#aebbbd;margin:0;max-width:570px}.source-note{max-width:282px;border-left:1px solid var(--line);padding-left:22px}.tiny-label{display:block;color:var(--muted)}.source-note strong{font-size:13px;font-weight:500;display:block;margin:10px 0}.source-note p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}.workspace{display:grid;grid-template-columns:224px minmax(0,1fr) 244px;gap:16px;align-items:start;scroll-margin-top:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 18px;border-bottom:1px solid var(--line)}.panel-heading h2{margin:0;font-size:13px;font-weight:550;letter-spacing:.01em}.panel-heading>span{font:9px var(--mono);color:var(--muted);letter-spacing:.03em}.control-section{margin:19px 17px 0;padding:0 0 19px;border:0;border-bottom:1px solid var(--line);min-width:0}.control-section legend{padding:0 0 15px;font:10px var(--mono);color:#77908c}.control-section legend span{font-family:inherit;color:var(--text);font-size:11px;letter-spacing:.04em;padding-left:8px}.segmented{display:flex;border:1px solid var(--line);border-radius:5px;padding:3px;background:#0b1216;gap:3px;margin-bottom:17px}.segmented button{flex:1;min-height:31px;border:0;border-radius:3px;background:transparent;color:#afbbb9;font:11px var(--mono)}.segmented button[aria-pressed=true]{background:#2b4739;color:#d3f7de}.select-row{font-size:11px;color:var(--muted);display:flex;gap:10px;align-items:center;justify-content:space-between;margin:0 0 18px}select{background:#18222a;border:1px solid #35434c;color:var(--text);border-radius:4px;padding:9px 10px;min-height:35px;max-width:100%;font-size:11px}.select-row select{max-width:126px;font-size:10px;padding:8px 4px}#overlay{width:100%}.range-label,.position-controls label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b5c2c5;margin:14px 0 7px}output{font:10px var(--mono);color:#e3ebe5}.position-controls{margin-top:18px}.position-controls label{font-size:10px;color:var(--muted)}input[type=range]{display:block;width:100%;margin:0;accent-color:var(--mint);height:18px;cursor:ew-resize}.microcopy{font-size:10px;line-height:1.6;color:#8d9da7;margin:12px 0 0}.text-label{display:block;font-size:10px;color:var(--muted);margin:14px 0 7px}input[type=text]{width:100%;background:#0e151b;border:1px solid #31404a;border-radius:4px;padding:10px 9px;font-size:11px;color:var(--text)}.guides label{display:flex;align-items:center;gap:8px;font-size:11px;color:#c6d0d1;margin:0 0 13px}.guides label:last-child{margin-bottom:0}.guides input{accent-color:var(--mint);width:15px;height:15px;margin:0}.guides small{font:9px var(--mono);color:#81969b;display:block;margin-top:3px}.reset-button{display:block;width:calc(100% - 34px);background:transparent;border:0;text-align:left;padding:15px 0;margin:0 17px;color:#a1b5ac;font-size:11px}.monitor{overflow:hidden;background:var(--panel-deep)}.monitor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:51px;padding:13px 18px;border-bottom:1px solid var(--line)}.monitor-heading>div{display:flex;align-items:center;gap:10px;font-size:11px}.monitor-heading strong{font-weight:500}.monitor-separator,#format-label{color:var(--muted);font-size:10px}.monitor-label{font-size:8px;color:#899b98}.stage-well{display:flex;align-items:center;justify-content:center;min-height:340px;height:clamp(320px,29vw,530px);padding:22px;background-color:#091015;background-image:radial-gradient(#53626f2b 1px,transparent 1px);background-size:14px 14px;overflow:hidden}.canvas{position:relative;isolation:isolate;background:#030506;overflow:hidden;box-shadow:0 13px 48px #0009;border:1px solid #49565745;width:100%;max-width:100%;max-height:100%;container-type:inline-size;aspect-ratio:16/9;--shade:.12;--zoom:1;--position-x:50%;--position-y:50%}.canvas.format-square{width:auto;height:100%;aspect-ratio:1}.canvas.format-portrait{width:auto;height:100%;aspect-ratio:9/16}.canvas video{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--position-x) var(--position-y);transform:scale(var(--zoom));transform-origin:var(--position-x) var(--position-y)}.shade{position:absolute;inset:0;background:#040810;opacity:var(--shade);pointer-events:none}.composition-overlay{position:absolute;inset:0;pointer-events:none;color:#fffdf3;padding:7%;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--mono);text-shadow:0 2px 14px #0009}.overlay-kicker{font-size:clamp(6px,1.1cqw,12px);letter-spacing:.14em;display:flex;align-items:center;gap:8px}.overlay-kicker:before{content:"";display:block;width:16px;height:1px;background:#f9e3bb}.overlay-main{max-width:85%;margin:auto 0}.overlay-tag{display:none;font-size:10px;letter-spacing:.16em}.overlay-main h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(18px,6.1cqw,62px);letter-spacing:-.035em;line-height:1.07;margin:0;overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%}.overlay-main p{font:clamp(6px,1.25cqw,13px) var(--mono);line-height:1.6;letter-spacing:.13em;margin:15px 0 0;overflow-wrap:anywhere}.overlay-footer{display:flex;justify-content:space-between;align-items:center;font-size:clamp(6px,1cqw,11px)}.hud-bars,.hud-coordinate,.stream-state,.stream-camera{display:none}.canvas[data-overlay=none] .composition-overlay{display:none}.canvas[data-overlay=stream] .overlay-main{margin:auto 0 4%;max-width:58%}.canvas[data-overlay=stream] .overlay-main h2{font-family:inherit;font-size:clamp(14px,3.8cqw,38px);font-weight:600;line-height:1.18}.canvas[data-overlay=stream] .stream-camera{display:flex;position:absolute;right:6%;top:21%;width:27%;height:37%;border:1px solid #d0dfd2b3;background:#07151177;align-items:center;justify-content:center}.stream-camera span{font-size:clamp(6px,.85cqw,10px);letter-spacing:.1em;color:#d6e9dd}.stream-camera:before,.stream-camera:after{content:"";position:absolute;inset:6px;border:1px solid #d1e4d733}.stream-state{font-size:clamp(6px,.9cqw,10px);letter-spacing:.13em}.stream-state i{display:inline-block;width:5px;height:5px;background:#b7ecca;border-radius:50%;margin-right:7px}.canvas[data-overlay=stream] .stream-state{display:block}.canvas[data-overlay=hud] .overlay-main{margin:5% 0 auto;max-width:75%}.canvas[data-overlay=hud] .overlay-tag{display:block;font-size:clamp(6px,1.05cqw,10px);color:#b7ecca;margin-bottom:9px}.canvas[data-overlay=hud] .overlay-main h2{font-family:var(--mono);font-size:clamp(14px,3.5cqw,34px);letter-spacing:-.04em;text-transform:uppercase}.canvas[data-overlay=hud] .hud-bars,.canvas[data-overlay=hud] .hud-coordinate{display:block}.hud-bars{color:#b7ecca;letter-spacing:3px}.canvas[data-overlay=hud] .overlay-footer{border-top:1px solid #b7ecca77;padding-top:10px}.safe-guide{position:absolute;inset:10%;border:1px dashed #f5cf8ed9;display:none;pointer-events:none}.safe-guide span{position:absolute;left:5px;top:5px;font:8px var(--mono);color:#ffe7b9;background:#182027ba;padding:3px}.canvas.show-safe .safe-guide{display:block}.thirds-guide{position:absolute;inset:0;display:none;pointer-events:none;background:linear-gradient(to right,transparent 33.2%,#ffffff66 33.2%,#ffffff66 33.45%,transparent 33.45%,transparent 66.55%,#ffffff66 66.55%,#ffffff66 66.8%,transparent 66.8%),linear-gradient(to bottom,transparent 33.2%,#ffffff66 33.2%,#ffffff66 33.5%,transparent 33.5%,transparent 66.5%,#ffffff66 66.5%,#ffffff66 66.8%,transparent 66.8%)}.canvas.show-grid .thirds-guide{display:block}.start-overlay{position:absolute;bottom:19%;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:10px;background:#e5eee5ed;color:#132219;border:0;border-radius:50px;padding:11px 16px;font-size:11px;white-space:nowrap;box-shadow:0 7px 25px #0007}.start-overlay span{font-size:10px}.media-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:25px;text-align:center;background:#0b151deb;font-size:13px;line-height:1.6;z-index:3}.media-message[hidden],.start-overlay[hidden]{display:none}.transport{display:flex;gap:13px;align-items:center;padding:16px 18px 10px;border-top:1px solid var(--line)}.play-button{display:flex;align-items:center;gap:9px;min-width:76px;padding:9px 12px;border:1px solid #3f5f4e;border-radius:4px;background:#264635;color:#dbffe7;font-size:11px}.play-button:hover{background:#345d46}.icon-button{background:none;border:0;font-size:20px;color:#a8bdb4;padding:4px}.time-display{display:flex;align-items:center;gap:7px;font:10px var(--mono);color:#81949f;white-space:nowrap}.time-display span:first-child{color:#d1ded6}.loop-badge{font:8px var(--mono);color:#9caeac;margin-left:auto;white-space:nowrap}.transport label{display:flex;align-items:center;gap:7px;font-size:10px;color:#9eb0b5}.transport select{min-height:31px;padding:5px 4px;font:10px var(--mono);background:#121d23}.scrubber{padding:0 19px 16px}#scrub{height:23px}.ruler{display:flex;justify-content:space-between;font:8px var(--mono);color:#7f939e;margin-top:3px}.reel{margin-top:16px;overflow:hidden}.reel .panel-heading{border-bottom:0;padding-bottom:14px}.clip-list{padding:0 14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.clip{min-width:0;text-align:left;border:1px solid transparent;padding:4px 4px 9px;background:transparent;border-radius:5px}.clip:hover{background:#26353b}.clip.active{border-color:#8cc7a7;background:#20362b}.clip-image{display:block;position:relative;height:clamp(43px,5vw,79px);background-size:cover;background-position:center;border-radius:2px;overflow:hidden;margin-bottom:10px}.clip-image>span{position:absolute;left:4px;top:4px;font:8px var(--mono);padding:4px;background:#071312b3;border-radius:2px;color:#d5e9dd}.clip strong{display:block;font-size:11px;font-weight:500;margin:0 4px 5px}.clip small{display:block;font:8px var(--mono);color:#a3b5b0;margin:0 4px;white-space:nowrap}.reel-note{font-size:10px;line-height:1.55;color:#82969c;padding:0 19px;margin:13px 0 17px}.recipe-card{padding:20px}.recipe-card h2{font-family:Georgia,serif;font-weight:400;font-size:25px;line-height:1.2;margin:13px 0 23px;letter-spacing:-.02em}.recipe-card dl{margin:0}.recipe-card dl>div{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:12px 0;border-top:1px solid var(--line);font-size:10px}.recipe-card dt{color:#96a9ac}.recipe-card dd{margin:0;color:#d6e0dc;text-align:right;font-family:var(--mono);font-size:9px}.save-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:#26342e;border:1px solid #435e4e;border-radius:4px;padding:12px 10px;margin-top:15px;font-size:10px;line-height:1.4;text-align:left;color:#daf1de}.save-button:hover{background:#34503c}.save-button span{font-size:18px}.status{font-size:10px;line-height:1.5;color:var(--mint);margin:8px 0 0}.status:empty{display:none}.originals-card{position:relative;isolation:isolate;overflow:hidden;margin-top:16px;padding:26px 20px;background:#dfc9a5;color:#18211e;border-radius:9px;min-height:316px}.originals-card .tiny-label{color:#47594d;font-size:8px;position:relative}.originals-card h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;font-size:29px;line-height:1.13;margin:44px 0 17px;position:relative}.originals-card>p{font-size:11px;line-height:1.65;color:#354437;position:relative}.orbital-lines{position:absolute;right:-71px;top:-78px;width:210px;height:190px;border:1px solid #77765e66;border-radius:50%;transform:rotate(-35deg)}.orbital-lines:before,.orbital-lines:after{content:"";position:absolute;inset:12px;border:1px solid #77765e66;border-radius:50%}.orbital-lines:after{inset:27px}.purchase-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 17px;position:relative}.purchase-row>span{font-size:35px;letter-spacing:-.05em}.purchase-row small{font:7px var(--mono);display:block;letter-spacing:.15em;margin:4px 0 0}.purchase-row a{background:#20382c;color:#eef5e9;text-decoration:none;padding:11px 10px;font-size:10px;border-radius:4px;white-space:nowrap}.originals-card .purchase-note{font-size:9px;line-height:1.5;opacity:.8;margin:0}.honesty-note{display:flex;gap:10px;margin:19px 5px 0}.honesty-note>span{color:var(--amber);font-size:22px}.honesty-note p{font-size:10px;line-height:1.7;color:#8da0a6;margin:0}.page-footer{margin:35px 0 0;padding:23px 0 28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;color:#82969d;font:9px var(--mono)}.page-footer>span{color:#b1c1ba;letter-spacing:.07em}.page-footer p{font-family:inherit;font-size:9px;line-height:1.7;margin:0}.page-footer a{text-decoration:none;white-space:nowrap;color:#b6c9be}.noscript{padding:20px;background:#283c30;margin:20px;font-size:14px}@media(min-width:1550px){.workspace{grid-template-columns:250px minmax(0,1fr) 268px}.stage-well{height:490px}.control-section{margin:22px 20px 0;padding-bottom:22px}}@media(max-width:1150px){.workspace{grid-template-columns:206px minmax(0,1fr)}.details-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.originals-card{margin:0;min-height:0}.originals-card h2{margin-top:20px}.honesty-note{grid-column:1/-1;margin-top:0}.recipe-card dl>div{padding:10px 0}.stage-well{height:400px}.source-note{max-width:255px}.transport{gap:9px}.loop-badge{display:none}.transport label{margin-left:auto}.recipe-card h2{margin-bottom:15px}}@media(max-width:760px){.topbar{height:69px;padding:0 20px}.wordmark{font-size:11px;gap:9px}.wordmark-divider,.wordmark-section,.edition{display:none}.buy-link{font-size:10px;gap:12px;padding:10px}.intro{padding:31px 0 23px;display:block}.intro h1{font-size:39px}.intro-copy{font-size:12px;max-width:450px}.source-note{border-left:0;padding-left:0;margin-top:19px;max-width:none}.source-note .tiny-label,.source-note strong{display:none}.source-note p{font-size:10px;color:#8faaa3}main{padding:0 16px}.workspace{display:flex;flex-direction:column;gap:14px}.monitor-column{width:100%;order:0}.tools{order:1;width:100%;display:grid;grid-template-columns:1fr 1fr}.tools>.panel-heading{grid-column:1/-1}.control-section{margin:19px 16px 0}.tools .control-section:first-of-type{grid-row:2/4}.guides{grid-column:2}.reset-button{grid-column:1/-1;width:auto;text-align:center;border-top:1px solid var(--line);margin:0 16px}.details-column{order:2;width:100%;gap:14px}.monitor-heading{padding:12px}.monitor-label{font-size:7px}.monitor-heading>div{gap:7px;font-size:10px}#format-label{font-size:9px}.stage-well{height:350px;min-height:230px;padding:14px}.transport{padding:12px 12px 8px;gap:7px}.time-display{font-size:9px;gap:4px}.play-button{min-width:65px;padding:9px;font-size:10px}.transport label{font-size:0;gap:0}.transport select{font-size:9px;max-width:80px}.scrubber{padding:0 13px 13px}.reel{margin-top:13px}.reel .panel-heading{padding:15px 13px 13px}.reel .panel-heading h2{font-size:12px}.reel .panel-heading>span{font-size:7px}.clip-list{gap:4px;padding:0 8px}.clip{padding:3px 3px 7px}.clip-image{height:52px;margin-bottom:8px}.clip strong{font-size:10px;margin-left:2px}.clip small{font-size:6px;margin-left:2px}.reel-note{padding:0 13px;font-size:9px}.recipe-card{padding:18px}.recipe-card h2{font-size:22px}.originals-card{padding:22px 18px}.originals-card h2{font-size:25px}.purchase-row{gap:7px}.purchase-row>span{font-size:30px}.purchase-row a{font-size:9px;padding:10px 8px}.page-footer{flex-wrap:wrap;gap:12px;margin-top:25px}.page-footer p{order:3;width:100%;font-size:8px}}@media(max-width:440px){.stage-well{height:280px}.details-column{display:block}.originals-card{margin-top:14px}.honesty-note{margin-top:17px}.originals-card h2{font-size:32px;margin-top:35px}.originals-card>p{max-width:280px}.purchase-row{justify-content:flex-start;gap:32px}.topbar-right{gap:0}.intro h1{font-size:35px}.control-section{margin-left:12px;margin-right:12px}.clip-image{height:42px}.clip small{font-size:5.6px}.monitor-separator,#format-label{display:none}.source-note{margin-top:14px}.recipe-card dl>div{padding:11px 0}.start-overlay{font-size:9px;padding:9px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
:root{font-size:16px}.intro-copy,.source-note p,.originals-card>p,.honesty-note p{font-size:16px}.control-section label,.control-section select,.control-section input[type=text],.range-label,.text-label,.guides label,.play-button,.transport label,.transport select,.save-button,.status,.recipe-card dl>div,.recipe-card dd,.purchase-row a,.buy-link,.reset-button,.clip strong{font-size:14px}.microcopy,.reel-note,.originals-card .purchase-note{font-size:14px;line-height:1.65}.tiny-label,.edition,.monitor-heading>div,#format-label,.monitor-label,.time-display,.clip small,.reel .panel-heading>span,.page-footer,.page-footer p{font-size:12px}.clip small{white-space:normal;line-height:1.5}.transport{flex-wrap:wrap}.workspace{grid-template-columns:250px minmax(0,1fr) 280px}.stage-well{height:490px}.recipe-card dd{overflow-wrap:anywhere}.monitor-heading{flex-wrap:wrap;gap:8px}.clip-image{height:70px}.start-overlay{font-size:14px}.guides small{font-size:12px}.page-footer{line-height:1.8}@media(max-width:1200px){.workspace{grid-template-columns:250px minmax(0,1fr)}.details-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.originals-card{margin-top:0}.honesty-note{grid-column:1/-1}}@media(max-width:760px){.workspace{display:flex}.tools{display:block}.details-column{display:block}.originals-card{margin-top:16px}.clip strong{font-size:12px}.clip small{font-size:10px}.reel .panel-heading>span{font-size:12px}.stage-well{height:350px}.transport label,.transport select,.time-display{font-size:12px}.intro-copy,.source-note p{font-size:16px}.monitor-label{font-size:12px}.clip-image{height:48px}.page-footer p{font-size:12px}}@media(max-width:440px){.clip small{display:none}.stage-well{height:320px}.topbar{padding:0 14px}.buy-link{font-size:13px}}