:root{color-scheme:dark;--bg: #0a0a0a;--text: #f2f0eb;--muted: #9a9894;--panel: #121212;--line: #2a2a28;--font: "SF Pro Text", "SF Pro", -apple-system, BlinkMacSystemFont, sans-serif;--page-gutter: 56px;--page-max: 1280px;--menu-size: 40px;--chrome-gutter: 24px}@font-face{font-family:SF Pro Text;font-style:normal;font-weight:400;font-display:swap;src:local("SF Pro Text"),local("SF Pro Text Regular"),local("SFProText-Regular")}@font-face{font-family:SF Pro Text;font-style:normal;font-weight:500;font-display:swap;src:local("SF Pro Text Medium"),local("SFProText-Medium")}@font-face{font-family:SF Pro Display;font-style:normal;font-weight:600;font-display:swap;src:local("SF Pro Display Semibold"),local("SFProDisplay-Semibold")}@font-face{font-family:SF Pro Text;font-style:normal;font-weight:600;font-display:swap;src:local("SF Pro Text Semibold"),local("SFProText-Semibold")}@font-face{font-family:SF Pro Text;font-style:italic;font-weight:400;font-display:swap;src:local("SF Pro Text Italic"),local("SF Pro Text Regular Italic"),local("SFProText-RegularItalic")}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{background:var(--bg)}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,a{font-family:inherit}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:0;border-radius:999px;background:#fff;color:#000;font-size:15px;font-weight:500;line-height:1;text-decoration:none;cursor:pointer}.button:hover{background:var(--text)}.button:focus-visible,.icon-button:focus-visible,.text-link:focus-visible,.nav a:focus-visible{outline:2px solid var(--text);outline-offset:3px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:999px;background:transparent;color:var(--text);cursor:pointer}.icon-button svg{width:22px;height:22px}.icon-button:hover{color:#fff}.topbar-logo{display:block;overflow:hidden;width:calc(132px * 1690 / 2172);height:calc(132px * 153 / 2172);line-height:0;text-decoration:none}.topbar-mark{display:block;width:132px;height:auto;margin-top:calc(132px * -284 / 2172);margin-left:calc(132px * -239 / 2172);mix-blend-mode:lighten}.button-outline{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border:1px solid #3a3a36;border-radius:999px;background:transparent;color:var(--text);font-size:15px;font-weight:500;line-height:1;text-decoration:none;cursor:pointer}.button-outline:hover{border-color:var(--text)}.button-outline:focus-visible{outline:2px solid var(--text);outline-offset:3px}.button-outline:disabled{opacity:.45;cursor:default}.upload{flex:1;display:flex;flex-direction:column;min-height:0;padding:36px var(--page-gutter) 28px}.upload-inner{display:flex;flex:1;flex-direction:column;width:min(var(--page-max),100%);margin:0 auto}.upload h1{font-size:28px;font-weight:600;letter-spacing:.02em}.drop{margin-top:28px;padding:56px 24px 40px;border:1px solid var(--line);border-radius:18px;background:#141414;text-align:center}.drop.dragging{border-color:var(--text)}.drop h2{margin:0;font-size:16px;font-weight:500}.drop p{margin:8px 0 0;color:var(--muted);font-size:14px}.drop-actions{display:flex;justify-content:center;gap:12px;margin-top:22px}.play-button svg{width:11px;height:11px;margin-right:8px}.upload-error{color:#e7b4b0}.drop p.upload-note{margin-top:14px;color:var(--muted);font-size:11px;line-height:1;white-space:nowrap}.file-input{display:none}.heard-slot{display:grid;grid-template-rows:1fr;margin-top:16px;opacity:1;transform:translateY(0);transition:grid-template-rows .42s cubic-bezier(.4,0,.2,1),margin-top .42s cubic-bezier(.4,0,.2,1),opacity .32s ease,transform .42s cubic-bezier(.4,0,.2,1)}.heard-slot.closing{grid-template-rows:0fr;margin-top:0;opacity:0;transform:translateY(-8px);pointer-events:none}.heard{min-height:0;overflow:hidden;padding:22px 22px 18px;border:1px solid var(--line);border-radius:18px;background:#141414}.heard-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px;font-size:14px}.heard-head strong{font-weight:500}.heard-head span{color:var(--muted)}.wave{display:flex;align-items:flex-end;gap:3px;height:96px}.wave span{flex:1 1 0;min-height:6px;border-radius:2px 2px 0 0;background:#6d4aff}.wave.playing span{animation:bar-shine 2.2s linear infinite;animation-delay:calc(var(--i) * 32ms)}@keyframes bar-shine{0%,70%,to{background-color:#6d4aff;box-shadow:none}8%{background-color:#fff;box-shadow:0 0 14px #ffffffbf}16%{background-color:#b7a6ff;box-shadow:0 0 8px #b7a6ff73}}.sections{position:relative;height:28px;margin-top:8px}.sections span{position:absolute;top:4px;color:var(--muted);font-size:12px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.stat{padding:16px 18px 18px;border-radius:12px;background:#0c0c0c}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{display:block;margin-top:10px;font-size:22px;font-weight:500;letter-spacing:-.02em}.debug-panel{position:fixed;right:24px;bottom:24px;z-index:30;min-width:148px;padding:14px 16px 16px;border:1px solid var(--line);border-radius:12px;background:#0c0c0c}.debug-panel span{display:block;color:var(--muted);font-size:13px}.debug-panel strong{display:block;margin:6px 0 10px;font-size:22px;font-weight:500;letter-spacing:-.02em}.tune-panel{width:248px}.tune-title{margin:0;color:#fff;font-size:14px;font-weight:500}.tune-panel label{display:block;margin-top:14px}.tune-panel label span{display:flex;justify-content:space-between;margin:0;color:var(--muted);font-size:13px}.tune-panel label strong{display:inline;margin:0;color:#fff;font-size:13px;font-weight:500}.upload-actions{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.text-link{color:var(--muted);font-size:15px;text-decoration:none}.text-link:hover{color:var(--text)}.app{display:flex;align-items:stretch;min-height:100vh}.app-main{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:100vh;container-type:inline-size}.app-main>*{--content-left: max(var(--page-gutter), calc((100cqw - var(--page-max)) / 2));--topbar-gap: max(8px, calc((var(--content-left) - var(--menu-size)) / 2))}.topbar{position:sticky;top:0;z-index:10;display:flex;flex:none;align-items:center;justify-content:space-between;height:72px;padding:0 var(--chrome-gutter) 0 var(--topbar-gap);background:var(--bg);border-bottom:1px solid var(--line)}.topbar-drawer{padding-left:var(--content-left)}.topbar-brand{display:flex;align-items:center;gap:var(--topbar-gap);min-width:0}.topbar-status{margin:0;color:var(--muted);font-size:14px}.topbar-track{position:absolute;left:50%;max-width:28%;margin:0;overflow:hidden;color:var(--muted);font-size:14px;white-space:nowrap;text-overflow:ellipsis;transform:translate(-50%);pointer-events:none}.studio-actions{display:flex;align-items:center;gap:12px}.save-indicator{color:var(--muted);font-size:13px;line-height:1;white-space:nowrap}.back-styles{color:var(--muted);font-size:14px;line-height:1.5;white-space:nowrap}.header-button{width:92px;min-width:92px;height:32px;min-height:32px;padding:0 12px;font-size:13px}.screen{flex:1;display:grid;place-items:center;min-height:0;padding:48px 32px 64px}.screen-inner{width:min(480px,100%)}h1{margin:0;font-family:SF Pro Display,SF Pro Text,SF Pro,-apple-system,sans-serif;font-size:28px;font-weight:600;letter-spacing:.02em;line-height:1.05}.lede{margin:12px 0 0;max-width:36ch;color:var(--muted);font-size:17px}.actions{display:flex;align-items:center;gap:18px;margin-top:28px}.screen-styles{display:flex;flex:1;flex-direction:column;min-height:0;padding:36px var(--page-gutter) 40px}.screen-styles-inner{display:flex;flex:1;flex-direction:column;min-height:0;width:min(var(--page-max),100%);margin:0 auto}.screen-styles h1{font-size:28px;font-weight:600}.screen-styles .lede{max-width:none;font-size:14px;line-height:1.4}.style-grid{display:grid;flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-height:0;margin-top:28px}.style-card{position:relative;display:block;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#000;color:inherit;text-align:left;cursor:pointer}.style-card:hover{border-color:#5a5a56}.style-card.is-on,.style-card.is-on:hover{border-color:#fff}.style-card:focus-visible{outline:2px solid var(--text);outline-offset:3px}.style-card-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#000}.style-card-preview video{display:block;width:100%;height:100%;object-fit:cover}.style-card-preview.is-wide video{object-fit:contain;object-position:center center}.style-card-preview.is-liquid video{transform:scale(1.28)}.style-card-preview.is-image video{transform:scale(.72)}.style-card-copy{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:4px;padding:48px 18px 18px;background:linear-gradient(to top,#000,#0000 72%)}.style-card-copy strong{font-size:16px;font-weight:500;letter-spacing:-.02em}.style-tags{color:var(--muted);font-size:12px;line-height:1.35}.style-actions{display:flex;flex:none;align-items:center;justify-content:space-between;margin-top:28px}.screen-landing{display:flex;flex:1;flex-direction:column;min-height:0;overflow:auto;padding:0}.landing-show{flex:1 1 auto;min-height:0;padding:20px var(--chrome-gutter) 0}.landing-player{display:flex;flex-direction:column;min-height:0}.landing-stage{overflow:hidden;width:min(100%,960px);margin-inline:auto;border-radius:28px;background:#000;line-height:0}.landing-stage video{display:block;width:100%;height:auto;aspect-ratio:720 / 432;object-fit:cover;cursor:pointer}.landing-controls{display:flex;align-items:center;gap:14px;width:min(560px,100%);margin:22px auto 0}.landing-control-btn{display:inline-flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:var(--text);cursor:pointer}.landing-control-btn svg{width:18px;height:18px}.landing-control-btn:hover{color:#fff}.landing-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;margin:0;border-radius:999px;background:linear-gradient(to right,#fff var(--pct, 0%),#3a3a36 var(--pct, 0%));cursor:pointer}.landing-seek{flex:1 1 auto;min-width:0}.landing-volume{flex:none;width:88px}.landing-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #000;cursor:pointer}.landing-slider::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #000;cursor:pointer}.landing-slider:focus-visible{outline:2px solid var(--text);outline-offset:4px}.rights-note{width:100%;margin:36px 0 0;color:var(--muted);font-size:14px;line-height:1.4;text-align:center;white-space:nowrap}.upload .rights-note{margin-top:auto;padding-top:36px}.screen-landing .rights-note{width:auto;margin:28px 0 0;text-align:left;white-space:normal;max-width:calc(50vw - 96px)}.landing-copy{flex:none;padding:40px var(--chrome-gutter) 56px var(--content-left);background:var(--bg);animation:landing-copy-in 1s ease .15s both}@keyframes landing-copy-in{0%{opacity:0}to{opacity:1}}.landing-note{max-width:calc(50vw - 96px);margin:0;color:var(--text);font-family:SF Pro Display,SF Pro Text,SF Pro,-apple-system,sans-serif;font-size:24px;font-weight:600;letter-spacing:.02em;line-height:1.22;text-align:left}.landing-start{display:inline-flex;margin:0 0 28px}@media(prefers-reduced-motion:reduce){.landing-copy{animation:none}}.sidebar{position:sticky;top:0;align-self:flex-start;flex:0 0 auto;width:0;min-width:0;height:100vh;overflow:hidden;background:var(--panel);transition:width .24s cubic-bezier(.32,.72,0,1)}.sidebar.open{width:280px}.sidebar-panel{display:flex;flex-direction:column;box-sizing:border-box;width:280px;height:100%;padding:16px 20px 24px;overflow:auto;background:var(--panel);border-right:1px solid var(--line)}.sidebar-header{display:flex;justify-content:flex-end}.nav{display:flex;flex-direction:column;gap:4px;margin-top:28px}.sidebar-bottom{margin-top:auto}.nav-bottom{margin-top:0;margin-bottom:20px}.nav a{padding:10px 14px;border-radius:999px;color:var(--muted);font-size:15px;white-space:nowrap;text-decoration:none}.nav a:hover,.nav a.active{color:var(--text)}.nav a.active{background:var(--bg)}.privacy{margin:0;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.45}.gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:32px 24px;text-align:center}.gate-mark{width:min(70%,420px);aspect-ratio:2172 / 151;margin-bottom:-12px;overflow:hidden}.gate .gate-mark img{display:block;width:100%;height:auto;mix-blend-mode:lighten;margin-top:calc(-100% * 284 / 2172)}.gate p{margin:6px 0 -6px;color:var(--muted);font-size:13px;line-height:1.5}.studio{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start;box-sizing:border-box;width:100%;min-height:calc(100vh - 72px);padding:16px var(--chrome-gutter) 12px}.studio-main{display:flex;flex-direction:column;min-width:0}.studio-side{align-self:start;max-height:calc(100vh - 144px);margin-top:44px;padding:20px 18px 22px;overflow:auto;border:1px solid var(--line);border-radius:18px;background:#141414}.side-label{margin:22px 0 0;font-size:14px;font-weight:500}.side-label:first-child{margin-top:0}.style-field{position:relative;display:block;margin-top:8px}.image-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:22px}.image-head .side-label{margin-top:0;margin-bottom:0}.image-count{color:var(--muted);font-size:13px}.image-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:8px}.image-slot{position:relative;display:block;aspect-ratio:1;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#101010}.image-slot.is-selected{border-color:#fff}.image-pick{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.image-pick:disabled{cursor:default}.image-slot img{display:block;width:100%;height:100%;object-fit:cover}.image-slot.is-add{color:var(--text);font:inherit;font-size:18px;cursor:pointer}.image-slot.is-add:hover,.image-remove:hover{border-color:var(--text)}.image-remove{position:absolute;top:3px;right:3px;width:16px;height:16px;padding:0;border:0;border-radius:999px;background:#0a0a0ad1;color:#fff;font:inherit;font-size:12px;line-height:16px;cursor:pointer}.image-file{display:none}.apply-all{width:100%;margin-top:8px}.button-redo.is-on{background:#fff;color:#111;border-color:#fff}.bg-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.bg-choice{width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;cursor:pointer}.bg-choice.is-on{outline:2px solid #fff;outline-offset:2px}.bg-choice:disabled{cursor:default;opacity:.55}.bg-custom{position:relative;overflow:hidden}.bg-custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.side-toast{position:fixed;right:28px;bottom:28px;z-index:20;margin:0;padding:12px 16px;border-radius:999px;background:#fff;color:#111;font-size:13px}.style-select{width:100%;padding:12px 36px 12px 14px;border:1px solid #1c1c1c;border-radius:10px;background:#0c0c0c;color:var(--text);font-family:inherit;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.style-select:disabled{color:var(--muted)}.style-field:after{content:"";position:absolute;top:50%;right:14px;width:7px;height:7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}.swatches{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 10px;margin-top:12px}.background-swatches{margin-top:8px}.background-swatches+.apply-all,.swatches+.apply-all{margin-top:16px}button.swatch{padding:0;border:0}.swatch.is-on{box-shadow:0 0 0 2px #141414,0 0 0 4px #fff}.color-pop{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.color-picker{position:fixed;z-index:50;display:flex;flex-direction:column;gap:10px;width:232px;padding:14px;border:0;border-radius:16px;background:#0e0e0edb;color:#f4f1ea;color-scheme:dark;backdrop-filter:blur(40px) saturate(1.35);-webkit-backdrop-filter:blur(40px) saturate(1.35);box-shadow:0 18px 50px #00000061}.color-picker input[type=color]{width:100%;height:120px;padding:0;border:0;border-radius:10px;background:transparent;cursor:pointer}.color-picker .color-hex{width:100%;height:36px;padding:0 10px;border:0;border-radius:8px;background:#ffffff1a;color:#f4f1ea;-webkit-text-fill-color:#f4f1ea;caret-color:#f4f1ea;font:inherit}.color-picker .button{width:100%}.color-picker .button:disabled{opacity:.4;cursor:default}.color-picker .button-outline{width:100%}.background-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.background-row .side-label{margin:0}.shine-switch{position:relative;width:40px;height:24px;padding:0;border:1px solid #3a3a3a;border-radius:999px;background:#2a2a2a;cursor:pointer}.shine-switch span{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#f4f4f4}.shine-switch[aria-checked=true]{background:#f4f4f4;border-color:#f4f4f4}.shine-switch[aria-checked=true] span{left:18px;background:#111}.shine-switch:focus-visible{outline:2px solid var(--text);outline-offset:3px}.swatch-item{display:flex;flex-direction:column;align-items:center;gap:6px;touch-action:none;cursor:grab}.swatch-item.is-dragging{opacity:.45;cursor:grabbing}.swatch{position:relative;display:block;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff29;cursor:pointer}.swatch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.add-swatch{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font-family:inherit;cursor:pointer}.add-swatch{width:28px;height:28px;font-size:16px;line-height:1}.add-swatch:disabled{opacity:.35;cursor:default}.slider-labels{display:flex;justify-content:space-between;margin-top:18px;color:var(--muted);font-size:13px}.range{display:block;width:100%;height:18px;margin-top:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.range::-webkit-slider-runnable-track{height:2px;border-radius:999px;background:#3a3a36}.range::-webkit-slider-thumb{width:14px;height:14px;margin-top:-6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:50%;background:#f2f0eb}.range::-moz-range-track{height:2px;border:0;border-radius:999px;background:#3a3a36}.range::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#f2f0eb}.button-dashed:disabled,.range:disabled{opacity:1}.can-place{cursor:grab;touch-action:none}.can-place:active{cursor:grabbing}.section-tools{margin-top:8px}.section-tools .side-label:first-child{margin-top:18px}.section-colors{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.section-color{position:relative;display:inline-flex}.section-color input{position:absolute;width:1px;height:1px;opacity:0}.section-color span{width:28px;height:28px;border:2px solid transparent;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff47}.section-color input:checked+span{border-color:#fff}.section-color input:focus-visible+span{outline:2px solid var(--text);outline-offset:3px}.section-color input:disabled+span{cursor:default}.section-note{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.4}.redo{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.redo .button-redo{width:100%}.redo p{margin:0;color:var(--muted);font-size:13px}.button-dashed{min-height:42px;padding:0 22px;border:1px dashed #4a4a46;border-radius:999px;background:transparent;color:var(--text);font-family:inherit;font-size:14px}.button-redo{min-height:42px;padding:0 22px;border:1px solid var(--text);border-radius:999px;background:transparent;color:var(--text);font-family:inherit;font-size:14px;cursor:pointer}.button-redo:disabled{opacity:.45;cursor:default}.button-redo:focus-visible,.style-select:focus-visible,.add-swatch:focus-visible{outline:2px solid var(--text);outline-offset:3px}.formats{display:flex;gap:8px}.format{min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-family:inherit;font-size:13px;cursor:pointer}.format.active{border-color:var(--text);color:var(--text)}.canvas-slot{display:flex;flex:1 1 auto;width:100%;min-height:0;margin-top:12px}.canvas-frame{position:relative;display:flex;flex:1 1 auto;align-items:center;justify-content:center;width:100%;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#0a0a0a}.canvas-stage{position:relative;flex:0 0 auto;border-radius:12px}.canvas-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--muted);border-radius:inherit;pointer-events:none}.canvas-frame canvas{display:block;border-radius:12px}.canvas-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.canvas-empty p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.canvas-upload{color:#000;font-size:15px;line-height:1.4;text-decoration:none}.canvas-upload:hover{color:#000}.why{flex:none;margin-top:12px;padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:#141414}.why strong{font-size:14px;font-weight:500}.why p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.45}.scrubber{display:flex;flex:none;align-items:flex-start;gap:12px;margin-top:12px}.scrub-play{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-top:18px;padding:0;border:1px solid #3a3a36;border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.scrub-play svg{width:12px;height:12px}.scrub-main{flex:1;min-width:0}.scrub-wave{position:relative;cursor:pointer;touch-action:none}.studio-wave{height:72px}.playhead{position:absolute;top:0;bottom:0;left:0;width:2px;margin-left:-1px;background:var(--text);pointer-events:none}.playhead:before{content:"";position:absolute;top:-4px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--text);transform:translate(-50%)}.section-row{position:relative;display:flex;gap:0;margin-top:8px}.section-chip-wrap{position:relative;display:flex;min-width:0}.section-chip-wrap+.section-chip-wrap{margin-left:-1px}.section-chip{width:100%;min-width:0;min-height:36px;padding:0 8px;overflow:hidden;border:1px solid var(--line);border-radius:0;background:#141414;color:var(--muted);font-family:inherit;font-size:12px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.section-chip-wrap:first-child .section-chip{border-top-left-radius:8px;border-bottom-left-radius:8px}.section-chip-wrap:last-child .section-chip{border-top-right-radius:8px;border-bottom-right-radius:8px}.section-name{text-align:center;color:#141414;background:#f2f0eb;border-color:var(--text);caret-color:#141414;-webkit-text-fill-color:#141414}.section-boundary{position:absolute;z-index:4;top:0;bottom:0;width:14px;margin-left:-7px;padding:0;border:0;background:transparent;cursor:col-resize;touch-action:none}.section-boundary:after{content:"";position:absolute;top:4px;bottom:4px;left:6px;width:2px;border-radius:1px;background:transparent}.section-boundary:hover:after,.section-boundary.is-hot:after{background:var(--text)}.section-actions,.section-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.section-actions .button-redo,.section-confirm .button,.section-confirm .button-redo{min-height:32px;padding:0 14px;font-size:13px}.section-confirm p{margin:0;color:var(--muted);font-size:13px}.canvas-expand{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:999px;background:#0a0a0ad1;color:var(--text);cursor:pointer}.canvas-expand svg,.canvas-lightbox-close svg{width:16px;height:16px;display:block}.canvas-expand:hover{border-color:var(--text)}.canvas-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#000000b8}.canvas-lightbox-close{position:absolute;top:16px;right:16px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--text);border-radius:999px;background:#0a0a0ad1;color:var(--text);cursor:pointer}.canvas-lightbox-close:hover{background:#1c1c1c}.canvas-lightbox-close:focus-visible{outline:2px solid var(--text);outline-offset:3px}.canvas-stage.is-expanded{flex:none;box-shadow:0 24px 80px #00000073}.section-chip-wrap.is-selected{z-index:1}.section-chip.selected{border-color:var(--text);color:var(--text)}.studio audio{display:none}.format:focus-visible,.section-chip:focus-visible,.scrub-play:focus-visible,.scrub-wave:focus-visible,.button-dashed:focus-visible{outline:2px solid var(--text);outline-offset:3px}.button:disabled{opacity:.4;cursor:default;pointer-events:none}.button:disabled:hover{background:#fff}.calibrate{flex:1;min-height:0;padding:0 var(--page-gutter)}.calibrate audio,.calibrate .file-input{display:none}.step-intro{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 72px);padding:48px 24px 80px;text-align:center;animation:step-fade-in .3s ease both}.step-intro.is-out{animation:step-fade-out .3s ease both}.step-intro.is-skip{cursor:pointer}.step-kicker{margin:0;color:var(--muted);font-size:13px;letter-spacing:.16em;text-transform:uppercase}.step-intro h1{margin:14px 0 0;font-size:56px;font-weight:500;letter-spacing:-.04em}.step-body{max-width:520px;margin:18px 0 0;color:var(--muted);font-size:16px;line-height:1.5}.step-bars{display:flex;gap:10px;margin-top:32px}.step-bars span{position:relative;display:block;width:42px;height:2px;overflow:hidden;background:#3a3a36}.step-bars span.is-done{background:#fff}.step-bars span.is-current i{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center;animation:step-fill 1.5s ease-in-out forwards}.step-intro.is-instant .step-bars span.is-current{background:#fff}.step-intro.is-instant .step-bars span.is-current i{transform:none;animation:none}@keyframes step-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes step-fade-in{0%{opacity:0}to{opacity:1}}@keyframes step-fade-out{0%{opacity:1}to{opacity:0}}.step-intro-action{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:36px;opacity:0;pointer-events:none}.step-intro-action.is-on{opacity:1;pointer-events:auto;animation:step-fade-in .3s ease both}.step-intro-action .button{min-width:112px}.step-page-in{display:flex;flex:1;flex-direction:column;min-height:0;animation:step-fade-in .3s ease both}.cal-questions{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start;width:min(var(--page-max),100%);margin:0 auto;padding:54px 0 48px}.cal-head{display:flex;align-items:center;gap:18px}.cal-play{display:inline-flex;flex:none;align-items:center;justify-content:center;width:72px;height:72px;padding:0;border:1px solid #3a3a36;border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.cal-play svg{width:16px;height:16px}.cal-head h1{margin:0;font-size:28px;font-weight:600;letter-spacing:.02em}.cal-head p{margin:8px 0 0;color:var(--muted);font-size:15px}.cal-label{margin:36px 0 0;color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.cal-colors,.cal-pills,.cal-swatches,.cal-thumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.cal-colors{position:relative;margin-top:12px}.cal-picker{position:absolute;z-index:4;top:42px;left:0;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#161616}.cal-picker input[type=color]{width:42px;height:42px;padding:0;border:0;background:transparent;cursor:pointer}.cal-picker .button,.cal-picker .button-outline{min-height:36px;padding:0 14px}.cal-dot,.cal-swatch{width:28px;height:28px;padding:0;border:0;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff29}.cal-dot{cursor:pointer}.cal-dot.selected{box-shadow:0 0 0 2px var(--bg),0 0 0 4px #fff}.cal-add{border:1px solid var(--line);background:transparent;color:var(--text);font-size:18px;line-height:1;box-shadow:none}.cal-groups{display:flex;flex-wrap:wrap;gap:36px 48px}.cal-pills{margin-top:12px}.cal-pill{min-height:40px;padding:0 16px;border:1px solid #3a3a36;border-radius:999px;background:transparent;color:var(--text);font-family:inherit;font-size:14px;cursor:pointer}.cal-pill.selected{border-color:#fff;background:#fff;color:#111}.cal-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:72px}.cal-nav .button-outline{justify-self:start}.cal-nav .button{grid-column:2;grid-row:1;min-width:132px}.cal-card{display:flex;flex-direction:column;min-height:560px;padding:22px 22px 24px;border:1px solid var(--line);border-radius:18px;background:#141414}.cal-card h2{margin:0;font-size:16px;font-weight:500}.cal-swatches{gap:14px;margin-top:18px}.cal-swatch-wrap{position:relative;width:28px;height:28px}.cal-swatch-wrap .cal-swatch{display:block;width:28px;height:28px}.cal-swatch-x{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#00000073;color:#fff;font-size:14px;line-height:1;opacity:0;cursor:pointer}.cal-swatch-wrap:hover .cal-swatch-x,.cal-swatch-x:focus-visible{opacity:1}.cal-note{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.cal-note:first-of-type{margin-top:16px}.cal-refs{margin-top:auto;padding-top:28px;border-top:1px solid var(--line);text-align:center}.cal-thumbs{justify-content:center;margin-bottom:14px}.cal-thumbs img{width:52px;height:52px;object-fit:cover;border-radius:8px}.cal-refs p{margin:0 auto;max-width:28ch;color:var(--muted);font-size:13px;line-height:1.45}.cal-image-button{margin-top:16px;cursor:pointer}.cal-image-button:disabled{opacity:.4;cursor:default}.cal-meter{position:absolute;left:50%;display:flex;align-items:center;gap:14px;color:var(--text);font-size:14px;transform:translate(-50%)}.cal-meter-track{width:132px;height:2px;background:#3a3a36}.cal-meter-track span{display:block;height:100%;background:#fff}.cal-skip{background:transparent;border:0;font-family:inherit;cursor:pointer}.cal-play:focus-visible,.cal-pill:focus-visible,.cal-dot:focus-visible,.cal-skip:focus-visible{outline:2px solid var(--text);outline-offset:3px}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}.wave.playing span,.heard-slot,.step-bars span.is-current i{animation:none;transform:none;transition:none}.step-bars span.is-current{background:#fff}}.export{flex:1;min-height:0;padding:36px var(--page-gutter) 32px}.export-inner,.export-empty{width:min(var(--page-max),100%);margin:0 auto}.export h1,.export-empty h1{margin:0;font-size:28px;font-weight:600;letter-spacing:.02em}.export-lede,.export-empty p{margin:8px 0 0;color:var(--muted);font-size:15px}.export-empty .button{margin-top:24px}.export-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.export-card{display:flex;flex-direction:column;min-height:560px;padding:18px 18px 20px;border:1px solid var(--line);border-radius:18px;background:#141414}.export-card.included{border-color:#8a8a86}.export-stage{display:flex;flex:none;align-items:center;justify-content:center;height:250px}.export-frame{position:relative}.export-frame-tall{width:112px;height:200px}.export-frame-square{width:168px;height:168px}.export-frame-wide{width:248px;height:140px}.export-canvas{display:block;width:100%;height:100%;border-radius:12px;background:#24115a}.export-badge{position:absolute;left:8px;bottom:8px;padding:4px 8px;border-radius:999px;background:#0000009e;color:#fff;font-size:12px;line-height:1.2}.export-card h2{margin:18px 0 0;font-size:18px;font-weight:500}.export-card p,.export-time,.export-warn{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.45}.export-warn{color:#b7b5b0}.export-field{display:flex;align-items:baseline;justify-content:space-between;margin-top:16px;color:var(--muted);font-size:13px}.export-field strong{color:var(--text);font-weight:500}.export-select{width:100%;height:40px;margin-top:8px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#0e0e0e;color:var(--text);font-family:inherit;font-size:14px}.export-check{position:relative;display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:22px;color:var(--text);font-size:14px;cursor:pointer}.export-check input{position:absolute;width:1px;height:1px;opacity:0}.export-mark{display:inline-flex;flex:none;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid #6e6e6a;border-radius:3px;background:transparent;color:#111}.export-mark svg{width:12px;height:12px;opacity:0}.export-check input:checked+.export-mark{border-color:#fff;background:#fff}.export-check input:checked+.export-mark svg{opacity:1}.export-check input:focus-visible+.export-mark{outline:2px solid var(--text);outline-offset:3px}.export-check input:disabled+.export-mark{opacity:.45}.export-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-height:72px;margin-top:18px}.export-footer>p,.export-error{margin:0;color:var(--muted);font-size:14px}.export-error{margin-right:auto;color:#e7b2a8}.export-job{width:min(520px,100%)}.export-job-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.export-job-row p{margin:0;font-size:14px}.export-progress{height:4px;margin-top:12px;overflow:hidden;border-radius:999px;background:#2a2a28}.export-progress span{display:block;height:100%;background:#fff}.screen-library{display:flex;flex:1;flex-direction:column;min-height:0;padding:36px var(--page-gutter) 40px;overflow:auto}.screen-library-inner{display:flex;flex:1;flex-direction:column;min-height:0;width:min(var(--page-max),100%);margin:0 auto}.screen-library h1{font-size:28px;font-weight:600}.screen-library .lede{max-width:none;font-size:14px;line-height:1.4}.library-warning{margin:16px 0 0;padding:12px 16px;border:1px solid #3a3a36;border-radius:12px;color:var(--muted);font-size:14px;line-height:1.4}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}.library-card{position:relative;min-width:0;overflow:hidden;aspect-ratio:9 / 16;border:1px solid var(--line);border-radius:22px;background:#000}.library-card:hover,.library-card.is-hot{border-color:#5a5a56}.library-card-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;margin:0;padding:0;overflow:hidden;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.library-card-preview{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.library-card-preview video,.library-card-preview img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}.library-card-copy{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;gap:4px;padding:48px 18px 18px;background:linear-gradient(to top,#000,#0000 72%);pointer-events:none}.library-card-copy strong{overflow:hidden;font-size:16px;font-weight:500;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.library-meta,.library-card-copy time{color:var(--muted);font-size:12px;line-height:1.35}.library-card-actions{position:absolute;right:16px;bottom:92px;left:16px;z-index:3;display:flex;align-items:center;gap:8px;opacity:0;pointer-events:none;transition:opacity .16s ease}.library-card:hover .library-card-actions,.library-card:focus-within .library-card-actions,.library-card.is-hot .library-card-actions{opacity:1;pointer-events:auto}.library-open{flex:1;min-height:36px;height:36px;padding:0 16px;font-size:13px}.library-more{display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;border:1px solid #3a3a36;border-radius:999px;background:#0a0a0ae0;color:var(--text);cursor:pointer}.library-more svg{width:16px;height:16px}.library-more:hover,.library-more.is-on{border-color:#fff}.library-menu{position:absolute;right:0;bottom:44px;z-index:4;display:flex;min-width:168px;flex-direction:column;padding:6px;border:1px solid var(--line);border-radius:14px;background:#121212;box-shadow:0 12px 32px #00000073}.library-menu button{display:block;width:100%;margin:0;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--text);font-size:14px;text-align:left;cursor:pointer}.library-menu button:hover{background:#1c1c1c}.library-empty{display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;min-height:280px;gap:20px}.library-empty p{margin:0;color:var(--muted);font-size:17px}.library-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:32px;background:#080808b8}.library-dialog{width:min(420px,100%);padding:28px;border:1px solid var(--line);border-radius:20px;background:#121212}.library-dialog h2{margin:0;font-size:22px;font-weight:500;letter-spacing:-.03em}.library-dialog p{margin:10px 0 0;color:var(--muted);font-size:15px}.library-rename{width:100%;margin-top:18px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#0a0a0a;color:var(--text);font-family:inherit;font-size:15px}.library-rename:focus{outline:2px solid var(--text);outline-offset:2px}.library-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.library-busy{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:transparent}@media(prefers-reduced-motion:reduce){.library-card-actions{transition:none}}.focus-editor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:32px;background:#080808b8}.focus-card{display:flex;flex-direction:column;gap:16px;width:min(760px,100%);max-height:calc(100vh - 64px);padding:20px;background:#0e0e0ef0;border-radius:18px}.focus-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.focus-head strong{font-size:16px;font-weight:500}.focus-head p,.focus-empty{margin:4px 0 0;color:var(--muted);font-size:13px}.focus-images{display:flex;gap:8px}.focus-thumb{width:54px;height:54px;padding:0;overflow:hidden;background:#111;border:1px solid transparent;border-radius:8px;cursor:pointer}.focus-thumb.is-on{border-color:#fff}.focus-thumb img,.focus-frame img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.focus-stage{position:relative;flex:1;min-height:360px;overflow:hidden;background:#0c0c0c;border-radius:12px}.focus-frame{position:absolute;cursor:crosshair}.focus-frame img{object-fit:fill}.focus-point{position:absolute;z-index:1;width:22px;height:22px;margin:-11px 0 0 -11px;background:#00000059;border:2px solid #fff;border-radius:50%;cursor:grab;touch-action:none}.focus-point.is-on{z-index:2}.focus-index{position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;font-size:11px;line-height:18px;text-align:center;pointer-events:none}.focus-ring{position:absolute;left:50%;top:50%;border:1.5px solid rgba(255,255,255,.92);border-radius:50%;box-shadow:0 0 0 1px #00000059;transform:translate(-50%,-50%);pointer-events:none}.focus-point .focus-handle{position:absolute;top:50%;width:16px;height:16px;margin:0;padding:0;background:#fff;border:0;border-radius:50%;box-shadow:0 0 0 1px #00000073;transform:translate(-50%,-50%);cursor:ew-resize}.focus-point .focus-remove{position:absolute;top:-10px;right:-10px;width:16px;height:16px;padding:0;color:#111;font-size:12px;line-height:16px;background:#fff;border:0;border-radius:50%;cursor:pointer}.screen-palette .lede{max-width:62ch}.palette-panel{margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#121212}.palette-panel h2{margin:0;font-size:16px;font-weight:500}.palette-colors{display:grid;grid-template-columns:minmax(0,.68fr) minmax(480px,1.32fr);gap:22px 28px;align-items:start;margin-top:18px}.palette-swatch-col{display:flex;flex-direction:column;gap:20px;min-width:0}.palette-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,96px));gap:14px 12px}.palette-swatch{display:flex;flex-direction:column;gap:0;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.palette-chip{display:block;width:100%;aspect-ratio:1 / 1;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff1f}.palette-swatch.is-open .palette-chip{box-shadow:inset 0 0 0 1px #ffffff1f,0 0 0 2px var(--bg),0 0 0 4px #fff}.palette-swatch-label{margin-top:10px;font-size:13px;font-weight:500;line-height:1.2}.palette-swatch-hint{margin-top:2px;color:var(--muted);font-size:12px;line-height:1.3}.palette-preview{width:100%;aspect-ratio:5 / 4;overflow:hidden;border-radius:18px;background:#111;pointer-events:none}.palette-preview canvas{display:block;width:100%;height:100%}.palette-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.palette-sound{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#0a0a0a}.palette-sound.is-open{border-color:#fff}.palette-sound-play{display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #3a3a36;border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.palette-sound-play svg{width:12px;height:12px}.palette-sound-hit{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.palette-sound-title{font-size:14px;font-weight:500}.palette-sound-picks{display:flex;align-items:center;gap:8px}.palette-sound-dot{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff29}.palette-sound-dot.is-empty{background:transparent;box-shadow:inset 0 0 0 1px #3a3a36}.palette-sound-mark{display:inline-flex;color:var(--text)}.palette-sound-mark.is-empty{color:#5a5a56}.palette-sound-mark svg{width:16px;height:16px}.palette-refs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}.palette-thumb{position:relative;width:72px;height:72px}.palette-thumb img{display:block;width:72px;height:72px;object-fit:cover;border-radius:12px}.palette-thumb-x{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:#0000009e;color:#fff;font-size:14px;line-height:1;cursor:pointer}.palette-add{cursor:pointer}.palette-add:disabled{opacity:.4;cursor:default}.palette-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}.palette-editor{width:min(560px,100%)}.palette-editor .cal-groups{flex-direction:column;gap:22px;margin-top:22px}.palette-editor .cal-groups .cal-label{margin-top:0}.palette-editor-head{display:flex;align-items:center;gap:16px}.palette-editor-head h2{margin:0;font-size:22px;font-weight:500;letter-spacing:-.03em}.palette-editor-head p{margin:6px 0 0;color:var(--muted);font-size:15px}.palette-editor .cal-pill{display:inline-flex;align-items:center;gap:8px}.palette-editor .cal-pill svg{width:16px;height:16px}.palette-swatch:focus-visible,.palette-sound-play:focus-visible,.palette-sound-hit:focus-visible,.palette-thumb-x:focus-visible{outline:2px solid var(--text);outline-offset:3px}@media(prefers-reduced-motion:reduce){.palette-preview canvas{pointer-events:none}}.screen-guide{display:flex;flex:1;flex-direction:column;min-height:0;overflow:auto;padding:36px var(--page-gutter) 80px}.screen-guide-inner{width:min(var(--page-max),100%);margin:0 auto}.screen-guide h1{font-size:28px;font-weight:600}.screen-guide .lede{max-width:62ch;font-size:14px;line-height:1.4}.guide-intro{margin-bottom:36px}.guide-steps{margin:0;padding:0;list-style:none}.guide-step{display:grid;gap:16px;margin:0;padding:28px 0;border-top:1px solid var(--line)}.guide-step-media{overflow:hidden;border-radius:18px;background:#121212;line-height:0}.guide-step-copy h2{margin:4px 0 0;font-size:16px;font-weight:500}.guide-step-copy p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.4}.guide-step-num{margin:0;color:var(--muted);font-size:13px}.guide-shot{margin:0}.guide-shot img{display:block;width:100%;height:auto;object-fit:contain;object-position:top left;image-rendering:auto}.guide-still{display:grid;place-items:center;min-height:240px;background:#121212}.guide-still-calibrate{gap:18px;min-height:260px;padding:28px}.guide-play{position:relative;width:56px;height:56px;border:1px solid #3a3a36;border-radius:50%}.guide-play:after{position:absolute;top:18px;left:22px;border-style:solid;border-width:10px 0 10px 14px;border-color:transparent transparent transparent #f2f0eb;content:""}.guide-dots{display:flex;gap:10px}.guide-dots span{width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff29}.guide-dots .is-on{box-shadow:0 0 0 2px #121212,0 0 0 4px #fff}.guide-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.guide-pills span{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:1px solid #3a3a36;border-radius:999px;color:var(--text);font-size:14px;line-height:1}.guide-pills .is-on{border-color:#fff;background:#fff;color:#111}.guide-section{margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}.guide-section h2{margin:0;font-size:16px;font-weight:500}.guide-section h3{margin:28px 0 0;font-size:16px;font-weight:500}.guide-section p{margin:12px 0 0;max-width:62ch;color:var(--muted);font-size:14px;line-height:1.4}.guide-glossary{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px 28px;margin:16px 0 0}.guide-glossary dt{font-size:14px;font-weight:500}.guide-glossary dd{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.4}.guide-faq{margin-top:8px}.guide-faq details{border-top:1px solid var(--line)}.guide-faq details:last-child{border-bottom:1px solid var(--line)}.guide-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;cursor:pointer;font-size:14px;font-weight:500;list-style:none}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary:after{color:var(--muted);font-size:20px;font-weight:400;content:"+"}.guide-faq details[open] summary:after{content:"–"}.guide-faq summary:focus-visible{outline:2px solid var(--text);outline-offset:3px}.guide-faq details p{margin:0 0 16px;max-width:62ch}.guide-footer{margin:36px 0 0;color:var(--muted);font-size:14px}.guide-footer a{color:var(--text);text-decoration:underline;text-underline-offset:3px}.guide-footer a:hover{color:#fff}.screen-feedback{display:flex;flex:1;flex-direction:column;min-height:0;overflow:auto;padding:36px var(--page-gutter) 80px}.screen-feedback-inner{width:min(var(--page-max),100%);margin:0 auto}.screen-feedback-inner .feedback-form,.screen-feedback-inner .feedback-thanks{max-width:560px}.screen-feedback h1{font-size:28px;font-weight:600}.screen-feedback .lede{max-width:none;font-size:14px;line-height:1.4}.feedback-form{display:grid;gap:18px;margin-top:28px}.feedback-form label{display:grid;gap:8px;font-size:13px;font-weight:500}.feedback-form label em{color:var(--muted);font-style:normal;font-weight:400}.feedback-form input,.feedback-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#121212;color:var(--text);font-family:inherit;font-size:15px;font-weight:400}.feedback-form textarea{min-height:160px;resize:vertical;line-height:1.45}.feedback-form input:focus,.feedback-form textarea:focus{outline:2px solid var(--text);outline-offset:2px}.feedback-form .button{justify-self:start;margin-top:6px}.feedback-thanks,.feedback-error{margin:28px 0 0;font-size:14px;line-height:1.4}.feedback-thanks{color:var(--text)}.feedback-error{margin:0;color:#e24a3b}