:root{color-scheme:dark;--bg:#141318;--panel:#1c1b21;--panel-soft:#222127;--border:#343139;--text:#f1efe9;--muted:#949198;--lavender:#bea8f5;--green:#b9e3b0;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--bg);font-family:var(--font);font-size:13px;color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lavender);outline-offset:4px}button{transition:background .18s,border-color .18s,transform .18s,color .18s}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}button svg{pointer-events:none}[hidden]{display:none!important}.sidebar{width:82px;position:fixed;inset:0 auto 0 0;border-right:1px solid #2b292f;background:#17161b;z-index:5;display:flex;align-items:center;flex-direction:column;padding:26px 0 22px}.brand-mark{width:38px;height:40px;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-15deg)}.brand-mark span{width:6px;border-radius:8px;background:var(--lavender);height:21px}.brand-mark span:nth-child(2){height:33px}.brand-mark span:nth-child(3){height:27px}.brand-mark span:nth-child(4){height:17px}.sidebar-nav{display:flex;flex-direction:column;gap:15px;margin-top:53px}.nav-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#8c8993;position:relative}.nav-icon:hover{background:#27242f;color:var(--text)}.nav-icon.active{background:#2f293e;color:var(--lavender)}.nav-icon.active:before{content:"";height:18px;width:3px;position:absolute;left:-19px;border-radius:0 4px 4px 0;background:var(--lavender)}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:20px}.local-dot{height:6px;width:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #b9e3b025}.version{font-size:10px;color:#69646f;letter-spacing:.04em}.app-shell{margin-left:82px}.topbar{height:86px;max-width:1540px;margin:auto;padding:0 47px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a282e}.wordmark{font-size:23px;font-weight:760;letter-spacing:-1.2px;display:flex;align-items:center;gap:17px}.wordmark-separator{width:1px;height:18px;background:#49454d}.studio-word{color:#aca8b0;font-size:10px;letter-spacing:2.7px;font-weight:550}.topbar-actions{display:flex;align-items:center;gap:25px}.local-badge{font-size:11px;display:flex;align-items:center;gap:7px;color:#b6b1bb}.local-badge>span{width:5px;height:5px;background:#b2daa5;border-radius:50%}.pro-button{background:#28242f;border:1px solid #494051;display:flex;align-items:center;gap:9px;border-radius:9px;height:37px;padding:0 13px;font-size:11px;font-weight:600;color:#d5c5f7}.pro-button>svg{width:15px;height:15px}.pro-button .small-arrow{width:12px;margin-left:3px}.pro-button:hover{background:#383044;border-color:#7a668c}main{max-width:1370px;margin:auto;padding:42px 47px 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.eyebrow{display:flex;align-items:center;gap:9px;color:#a7a1ae;font-size:9px;font-weight:600;letter-spacing:1.7px}.eyebrow-dash{width:22px;height:1px;background:var(--lavender)}.preview-pill{color:#a5a0aa;border:1px solid #39343f;border-radius:4px;line-height:17px;font-size:7px;letter-spacing:.8px;padding:0 5px;margin-left:3px}h1{position:relative;margin:17px 0 12px;font-size:45px;line-height:1.11;font-weight:570;letter-spacing:-2px}h1>span:not(.title-star){color:#c0a9f1}.title-star{position:absolute;color:#c0a9f1;font-size:52px;line-height:1;top:4px;right:-63px;transform:rotate(12deg);font-weight:400}.intro>div>p{font-size:12px;color:#96919c;margin:13px 0 0;letter-spacing:.08px}.intro-note{display:flex;gap:16px;align-items:center;padding-right:10px;margin-top:25px}.note-orbit{width:42px;height:42px;border:1px solid #48434f;border-radius:50%;font-size:24px;color:#a69bac;display:grid;place-items:center;transform:rotate(-10deg)}.intro-note p{line-height:1.8!important;font-size:11px!important;margin:0!important;color:#8f8997!important}.intro-note strong{font-weight:450;color:#bdb5c7}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 332px;gap:22px;align-items:start}.editor-panel{overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:17px}.editor-toolbar{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid #333038}.source-title{display:flex;align-items:center;gap:8px;min-width:0;font-size:11px}.source-dot{width:5px;height:5px;background:var(--lavender);border-radius:50%;flex-shrink:0}#sourceLabel{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aspect-pill{font-size:8px;color:#918a9d;border:1px solid #423b4a;padding:2px 5px;border-radius:4px;margin-left:2px;flex-shrink:0}.canvas-tools{display:flex;gap:8px}.icon-button{display:grid;place-items:center;background:transparent;border:0;width:29px;height:29px;border-radius:7px;color:#aaa3b3}.icon-button svg{width:16px;height:16px}.icon-button:hover{background:#36313f;color:#e2d1ff}.icon-button[aria-pressed="true"],.icon-button.active{background:#332c40;color:#c6a8fd}.stage{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:530px;padding:24px 32px;background:radial-gradient(ellipse at 50% 40%,#322b3d20,transparent 65%),repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#34303b40 calc(25% - 1px),#34303b40 25%),#19171e}.stage:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #34303b40;pointer-events:none}.stage-caption{position:absolute;top:50%;left:23px;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);letter-spacing:2.7px;font-size:8px;color:#655f6c}.stage-side{position:absolute;right:20px;top:30px;bottom:30px;display:flex;flex-direction:column;align-items:center;gap:15px;font-size:8px;letter-spacing:1px;color:#6c6477}.stage-side>span:last-child{writing-mode:vertical-rl;font-size:7px;letter-spacing:2px}.stage-line{width:1px;flex:1;background:#3d3647;max-height:58px}.video-frame{position:relative;width:270px;aspect-ratio:9/16;max-height:540px;background:#272431;border:1px solid #514552;border-radius:20px;overflow:hidden;box-shadow:0 15px 45px #0003;isolation:isolate}.video-frame canvas{display:block;width:100%;height:auto;object-fit:contain;touch-action:none;cursor:crosshair}.preview-overlay-top{position:absolute;top:14px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.live-effect{font-size:6px;letter-spacing:.9px;font-weight:600;background:#15121d60;border:1px solid #fff2;border-radius:4px;padding:5px 6px;display:flex;align-items:center;gap:4px;color:#fff;backdrop-filter:blur(8px)}.live-effect>span{width:3px;height:3px;border-radius:50%;background:#dcf3bb}#fpsLabel{font-size:7px;letter-spacing:.5px;color:#fff8;text-shadow:0 1px 5px #0009}.preview-watermark{position:absolute;bottom:13px;right:13px;font-weight:650;letter-spacing:-.5px;color:#fffc;font-size:13px;pointer-events:none;display:flex;align-items:center;gap:4px;text-shadow:0 1px 5px #0004}.preview-watermark>span{font-size:20px;line-height:1}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#392d50,#211a2d);padding:25px;text-align:center;pointer-events:none}.empty-state>svg{width:40px;height:40px;color:var(--lavender)}.empty-state h2{margin:18px 0 0;font-size:24px}.empty-state p{font-size:12px;line-height:1.6;color:#b9afc8}.playback{height:57px;display:flex;align-items:center;gap:14px;padding:0 18px;border-top:1px solid #333038}.play-button{display:grid;place-items:center;background:var(--text);border:0;border-radius:50%;color:#26212e;width:28px;height:28px;flex-shrink:0}.play-button svg{height:13px;width:13px;fill:currentColor;stroke-width:0;margin-left:1px}.play-button:hover{background:var(--lavender)}#timeLabel{font-size:8px;color:#a8a0b3;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.2px}input[type="range"]{height:18px;accent-color:var(--lavender);cursor:pointer;width:100%;margin:0;background:transparent;-webkit-appearance:none;appearance:none}input[type="range"]::-webkit-slider-runnable-track{height:3px;background:#49424f;border-radius:4px}input[type="range"]::-moz-range-track{height:3px;background:#49424f;border-radius:4px}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#d4c1ff;border:2px solid #cbb6fc;margin-top:-4px;box-shadow:0 0 0 3px #bda5f317}input[type="range"]::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#d4c1ff;border:1px solid #cbb6fc}#seek{flex:1;min-width:0}#seek::-webkit-slider-runnable-track{height:2px}#seek::-webkit-slider-thumb{width:7px;height:7px;margin-top:-2.5px;box-shadow:none}.editor-bottom{border-top:1px solid #302c36;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 19px;font-size:8px;color:#8b8197;min-height:37px}.editor-bottom>span:first-child{display:flex;gap:5px;align-items:center;color:#b5a3d4}.editor-bottom svg{width:12px;height:12px}.settings-panel{border:1px solid var(--border);border-radius:17px;background:var(--panel);overflow:hidden}.settings-panel section{padding:20px;border-bottom:1px solid var(--border)}.settings-panel section:last-child{border-bottom:0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-heading h2{font-size:13px;letter-spacing:-.2px;font-weight:600;margin:0}.section-heading>span{font-size:9px;font-weight:500;letter-spacing:.5px;color:#756b82}.source-buttons{display:grid;grid-template-columns:1.25fr 1fr;gap:9px}.upload-button,.camera-button{height:39px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-size:10px;font-weight:600}.upload-button{background:#e5dfef;color:#302738;border:1px solid #e5dfef}.upload-button:hover{background:#cbb6f4;border-color:#cbb6f4}.camera-button{background:#25212c;color:#c9bfd6;border:1px solid #49404f}.camera-button:hover{background:#332b3f;border-color:#6d587b}.source-buttons svg{width:14px;height:14px}.source-helper{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:8px;color:#797180}.source-helper button{padding:0;border:0;background:transparent;color:#b4a0cf;font-size:9px}.source-helper button:hover{color:#dfc9ff}.source-helper button span{margin-left:3px}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:21px}.preset{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;height:91px;background:#24202c;border:1px solid #3b3445;border-radius:9px;padding:10px 5px 9px;font-size:9px;color:#bdb3ca}.preset:hover{border-color:#76628e;background:#2f273b}.preset.selected,.preset.active,.preset[aria-pressed="true"]{background:#342a46;border-color:#9d83c5;color:#e3d1ff}.preset-check{display:none;position:absolute;top:6px;right:7px;width:11px;height:11px;border-radius:50%;font-size:7px;background:#c4acf1;color:#2e2440;font-weight:800;line-height:11px}.preset.selected>.preset-check,.preset.active>.preset-check,.preset[aria-pressed="true"]>.preset-check{display:block}.preset-art{height:43px;width:56px;display:flex;align-items:center;justify-content:center;position:relative}.bounce-art{gap:4px;transform:rotate(-14deg)}.bounce-art i{width:7px;border-radius:8px;height:20px;background:#b8a0e6}.bounce-art i:nth-child(2){height:34px;background:#d2b9ff}.bounce-art i:nth-child(3){height:27px;background:#c8b0f6}.bounce-art i:nth-child(4){height:16px}.wave-art{gap:3px;transform:rotate(-25deg)}.wave-art i{height:34px;width:7px;border:1px solid #a698b9;border-radius:100% 10% 100% 10%;transform:skewY(-10deg)}.wave-art i:nth-child(2){height:37px}.wave-art i:nth-child(3){height:30px}.wave-art i:nth-child(4){height:23px}.pulse-art i{position:absolute;border:1px solid #aa94c9;border-radius:50%;width:18px;height:18px}.pulse-art i:nth-child(2){width:29px;height:29px;opacity:.7}.pulse-art i:nth-child(3){width:41px;height:41px;opacity:.35}.sliders{display:flex;flex-direction:column;gap:13px}.slider-control label{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:450;color:#c5bccf;margin-bottom:4px}.slider-control output{font-size:9px;color:#bfabdd;font-variant-numeric:tabular-nums;background:#2c2538;min-width:32px;padding:3px 5px;border-radius:4px;text-align:center}.toggle-settings{border-top:1px solid #34303b;margin-top:17px;padding-top:15px;display:flex;flex-direction:column;gap:13px}.toggle-row{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.toggle-row>span:first-child{display:flex;align-items:center;gap:7px;font-size:10px;color:#b9afc4}.toggle-row svg{width:13px;height:13px;color:#9584ae}.switch{display:block;width:28px;height:16px;position:relative;flex-shrink:0}.switch input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2}.switch>span{display:block;width:28px;height:16px;background:#49404f;border-radius:20px;transition:background .15s}.switch>span:after{content:"";position:absolute;height:10px;width:10px;border-radius:50%;top:3px;left:3px;background:#c4bace;transition:transform .15s}.switch input:checked+span{background:#b79ae9}.switch input:checked+span:after{background:#29212f;transform:translateX(12px)}.switch input:focus-visible+span{outline:2px solid #dec8ff;outline-offset:3px}.reset-button{display:flex;align-items:center;justify-content:center;gap:6px;color:#8f839f;margin:17px auto -3px;border:0;background:none;font-size:9px;padding:2px 6px}.reset-button svg{width:11px;height:11px}.reset-button:hover{color:#d8c4f5}.export-section .section-heading{margin-bottom:13px}select{border:1px solid #463d50;border-radius:5px;background:#27212f;color:#bfb0d3;font-size:8px;padding:5px 5px;cursor:pointer;max-width:112px}.record-button{width:100%;height:43px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;background:#bea4ee;color:#2d213e;border:1px solid #c4adf0;font-size:11px;font-weight:650}.record-button>svg{height:15px;width:15px;margin-left:auto}.record-button>.record-dot{margin-left:4px}.record-button{padding:0 12px}.record-button:hover{background:#d0b7ff}.record-button.recording,.record-button.is-recording{background:#f1b0b8;border-color:#ef9da8}.record-dot{width:7px;height:7px;border-radius:50%;background:#4c366a;margin-right:auto;box-shadow:0 0 0 3px #9b7fc5}.record-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:9px 0 12px;font-size:8px;color:#8e809f;line-height:1.4}.record-meta>span:last-child{font-size:7px;border:1px solid #42364f;padding:2px 4px;border-radius:3px;letter-spacing:.4px;flex-shrink:0}.download-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#24212a;border:1px solid #53445f;border-radius:7px;height:33px;color:#d4bdf5;font-size:10px}.download-button svg{height:13px;width:13px}.download-button:not(:disabled):hover{background:#352b42}.export-progress{height:2px;background:#3e334a;border-radius:3px;overflow:hidden;margin-top:9px}.export-progress>span{display:block;height:100%;width:0;background:#c2a2f3;transition:width .2s}.bottom-strip{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:16px 0;gap:15px;border-bottom:1px solid #2c2733}.privacy-note{display:flex;align-items:center;gap:9px;font-size:9px;line-height:1.6;color:#8d829a}.privacy-note svg{width:16px;height:16px;color:#b4a1ca}.privacy-note strong{font-weight:450;color:#bcb0cb;margin-right:4px}.text-button{display:flex;align-items:center;gap:7px;white-space:nowrap;border:0;background:none;font-size:9px;color:#c1acd8;padding:3px 0}.text-button svg{height:12px;width:12px}.text-button:hover{color:#ead5ff}.status-line{display:flex;justify-content:space-between;gap:15px;color:#74697f;font-size:8px;line-height:1.5;margin-top:11px;min-height:16px}.status-line #status{max-width:75%}.status-line #modelStatus{text-align:right}footer{max-width:1370px;margin:30px auto 0;padding:19px 47px 25px;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.6px;color:#685e74}footer>span:first-child{display:flex;align-items:center;gap:10px;letter-spacing:1px}footer>span:first-child{font-size:8px}.footer-star{color:#ac90cb;font-size:16px}footer>span:last-child{display:flex;align-items:center;gap:6px;letter-spacing:1px}.footer-dot{width:4px;height:4px;border-radius:50%;background:#a8c68c}.modal{background:#201b29;border:1px solid #655074;border-radius:22px;max-width:450px;width:calc(100% - 36px);color:var(--text);padding:35px;box-shadow:0 35px 150px #000b}.modal::backdrop{background:#0d0915bb;backdrop-filter:blur(9px)}.modal-close{position:absolute;right:15px;top:15px}.modal-mark{display:flex;align-items:center;justify-content:center;border-radius:13px;color:#d7b8ff;background:#382947;width:48px;height:48px;margin-bottom:22px;font-size:37px;line-height:1}.modal-mark svg{width:27px;height:27px}.modal>.eyebrow{font-size:8px;color:#bc9fd7}.modal h2{font-size:28px;letter-spacing:-1.2px;font-weight:550;margin:12px 0}.modal-description{color:#aea0ba;font-size:12px;line-height:1.8;margin:0 0 24px}.plan-picker{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#18121f;padding:4px;border-radius:9px;border:1px solid #44354f}.plan-picker button{height:35px;border:0;background:none;border-radius:6px;color:#aa93bd;font-size:11px}.plan-picker button.selected,.plan-picker button.active,.plan-picker button[aria-pressed="true"]{background:#483257;color:#ecd6ff}.plan-picker button>span{font-size:8px;margin-left:5px;color:#c6e4a8}.plan-price{font-size:32px;font-weight:600;letter-spacing:-1px;margin:20px 0}.pro-features{list-style:none;padding:0;display:flex;flex-direction:column;gap:13px;margin:0 0 25px;font-size:11px;color:#c4b2d1}.pro-features li{display:flex;align-items:center;gap:9px}.pro-features svg{width:14px;height:14px;color:#c3dfa3}.billing-note{color:#9a88aa;font-size:9px;line-height:1.7;text-align:center;margin:12px 0 0}.privacy-detail{border-top:1px solid #42314f;padding:17px 0 0;margin-top:18px}.privacy-detail h3{font-size:12px;font-weight:600;color:#dfc7ee;margin:0 0 7px}.privacy-detail p{font-size:11px;color:#b09abd;line-height:1.8;margin:0}.privacy-modal .modal-description{margin-bottom:14px}@media(min-width:1440px){main{padding-top:48px}.intro{margin-bottom:36px}.workspace{grid-template-columns:minmax(0,1fr) 355px}.settings-panel section{padding:21px 23px}.stage{min-height:554px}.video-frame{width:283px}h1{font-size:50px}.preset{height:94px}.sliders{gap:15px}.intro>div>p{font-size:13px}}@media(min-width:1700px){main{max-width:1450px}.stage{min-height:600px}.video-frame{width:310px;max-height:560px}.settings-panel section{padding:24px}.workspace{grid-template-columns:minmax(0,1fr) 375px}.sliders{gap:17px}.preset{height:101px}footer{max-width:1450px}}@media(max-width:1150px){main{padding:32px 27px 0}.topbar{padding:0 27px}.workspace{grid-template-columns:minmax(0,1fr) 303px;gap:16px}.settings-panel section{padding:18px}.intro-note{display:none}.stage{min-height:535px;padding:26px 22px}.stage-caption{left:15px;font-size:7px;letter-spacing:2px}.stage-side{right:13px}.video-frame{width:267px}.editor-bottom{font-size:7px;padding:11px 12px}.editor-toolbar{padding:0 14px}.playback{gap:9px;padding:0 13px}.privacy-note{font-size:8px}.privacy-note strong{display:block}.bottom-strip{padding:11px 0}footer{padding:16px 27px 22px}}@media(max-width:960px){.sidebar{width:64px}.app-shell{margin-left:64px}.topbar{height:75px}.brand-mark{transform:scale(.85) rotate(-15deg)}.nav-icon.active:before{left:-10px}.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:13px}.settings-panel section{padding:17px 15px}.stage{min-height:529px;padding:30px 16px}.video-frame{width:246px}.stage-caption,.stage-side{display:none}.editor-bottom>span:last-child{max-width:130px;text-align:right;line-height:1.5}.local-badge{display:none}.topbar-actions{gap:0}.intro{margin-bottom:25px}h1{font-size:41px}.title-star{font-size:43px;right:-52px}.source-helper{font-size:7px}.source-helper button{font-size:8px}.source-buttons{gap:6px}.upload-button,.camera-button{font-size:9px;gap:6px}.preset{height:86px}.preset-grid{gap:6px}#sourceLabel{max-width:155px}.canvas-tools{gap:3px}.privacy-note{max-width:75%}footer>span:nth-child(2){display:none}}@media(max-width:760px){.sidebar{display:none}.app-shell{margin-left:0}.topbar{height:72px;padding:0 22px}.wordmark{font-size:23px;gap:12px}.studio-word{font-size:8px;letter-spacing:2px}.wordmark-separator{height:15px}.pro-button{font-size:10px;height:33px;padding:0 10px;gap:6px}.pro-button .small-arrow{display:none}.pro-button>svg{width:13px;height:13px}main{padding:30px 22px 0}.intro{margin-bottom:26px}.eyebrow{font-size:8px;letter-spacing:1.2px}.eyebrow-dash{width:16px}.preview-pill{font-size:6px;line-height:15px}.intro>div>p{font-size:11px;line-height:1.6;max-width:300px}h1{font-size:40px;line-height:1.09;margin-top:17px;letter-spacing:-1.7px}.title-star{font-size:41px;right:-48px;top:2px}.workspace{display:flex;flex-direction:column;gap:17px}.editor-panel,.settings-panel{width:100%;border-radius:16px}.editor-toolbar{height:52px;padding:0 16px}.source-title{font-size:10px}.canvas-tools{gap:8px}#sourceLabel{max-width:200px}.stage{min-height:0;padding:24px 27px}.video-frame{width:min(100%,290px);max-height:none;border-radius:18px}.stage-caption{display:block;left:14px;font-size:6px}.stage-side{display:flex;right:13px;font-size:7px;top:25px;bottom:25px}.stage-side>span:last-child{font-size:6px}.playback{height:54px;padding:0 16px;gap:12px}#timeLabel{font-size:8px}.editor-bottom{padding:12px 15px;font-size:8px}.editor-bottom>span:last-child{max-width:160px}.settings-panel section{padding:22px}.section-heading{margin-bottom:17px}.section-heading h2{font-size:14px}.section-heading>span{font-size:10px}.source-buttons{gap:10px}.upload-button,.camera-button{height:43px;font-size:12px;gap:8px}.source-buttons svg{width:16px;height:16px}.source-helper{font-size:9px;margin-top:11px}.source-helper button{font-size:10px}.preset-grid{gap:9px;margin-bottom:25px}.preset{height:102px;font-size:11px;padding-top:14px;gap:12px}.preset-art{height:47px}.preset-check{top:8px;right:9px}.sliders{gap:18px}.slider-control label{font-size:12px;margin-bottom:6px}.slider-control output{font-size:10px;padding:4px 7px;min-width:38px}input[type="range"]{height:22px}input[type="range"]::-webkit-slider-thumb{width:13px;height:13px;margin-top:-5px}.toggle-settings{gap:17px;margin-top:21px;padding-top:20px}.toggle-row>span:first-child{font-size:12px;gap:9px}.toggle-row svg{width:15px;height:15px}.switch,.switch>span{width:32px;height:18px}.switch>span:after{width:12px;height:12px}.switch input:checked+span:after{transform:translateX(14px)}.reset-button{font-size:11px;margin:21px auto 0;gap:7px}.reset-button svg{width:13px;height:13px}select{font-size:10px;max-width:130px;padding:6px 7px}.record-button{height:47px;font-size:12px;border-radius:9px}.record-meta{font-size:9px;margin:10px 0 14px}.record-meta>span:last-child{font-size:8px}.download-button{font-size:11px;height:39px}.bottom-strip{align-items:flex-start;padding:14px 0;margin-top:11px;gap:12px}.privacy-note{font-size:9px;max-width:78%;align-items:flex-start;gap:7px}.privacy-note svg{margin-top:2px;width:15px;height:15px}.privacy-note strong{display:block;font-size:10px}.text-button{font-size:8px;margin-top:2px;gap:4px}.text-button svg{width:10px;height:10px}.status-line{font-size:8px;gap:10px;line-height:1.6}.status-line #status{max-width:70%}.status-line #modelStatus{max-width:30%}footer{margin-top:25px;padding:15px 22px 22px;font-size:6px}footer>span:first-child{font-size:7px;gap:7px}.footer-star{font-size:14px}footer>span:last-child{letter-spacing:.6px}.modal{padding:30px 25px}.modal h2{font-size:27px}}@media(max-width:385px){main{padding-left:16px;padding-right:16px}.topbar{padding-left:16px;padding-right:16px}.wordmark{font-size:21px;gap:10px}.studio-word{font-size:7px;letter-spacing:1.3px}.pro-button{font-size:9px;padding:0 8px}.intro .eyebrow{font-size:7px;gap:7px}h1{font-size:35px}.title-star{font-size:35px;right:-40px}.intro>div>p{font-size:10px}.stage{padding:20px 24px}.video-frame{width:259px}.stage-caption{left:9px}.stage-side{right:8px}.editor-bottom{font-size:7px;padding:10px 12px}.editor-bottom>span:last-child{max-width:140px}.settings-panel section{padding:19px}.text-button{font-size:7px}.privacy-note{font-size:8px}.privacy-note strong{font-size:9px}.preview-overlay-top{top:12px}.modal{padding:28px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* The canvas defines its own aspect ratio, including landscape uploads. */
.video-frame{aspect-ratio:auto;max-height:none}
.video-frame.landscape{width:min(100%,560px);max-height:none}
.region-guide{position:absolute;pointer-events:none;z-index:2;transform:translate(-50%,-50%);border:1.5px dashed #d0edafc9;border-radius:50%;box-shadow:0 0 0 1px #19261220,inset 0 0 22px #d2edb00b}
.region-guide:before,.region-guide:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#e1fbc7c9;border-radius:2px}
.region-guide:before{width:10px;height:1px}
.region-guide:after{width:1px;height:10px}
.tracking-loading{position:absolute;inset:0;z-index:4;display:flex;gap:12px;align-items:center;justify-content:center;flex-direction:column;background:#17141ed9;color:#e9dfff;padding:22px;text-align:center}.tracking-loading strong{font-size:14px}.tracking-loading>span:last-child{font-size:11px;color:#b4a7c8}.loading-ring{width:28px;height:28px;border:2px solid #bea8f533;border-top-color:#bea8f5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.music-track{display:flex;align-items:center;gap:10px;padding:14px 0 20px}.music-note{font-size:26px;color:var(--lavender)}.music-track>div{flex:1}.music-track strong{font-size:10px;font-weight:500}.music-track small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.music-track button{border:1px solid #574765;border-radius:6px;background:#332b40;color:#d9c9f4;padding:6px 9px;font-size:10px}.music-section .sliders{gap:14px}.fps-choice{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;color:#bcb2c6;font-size:10px}
@media(max-width:760px){.settings-panel{display:contents}.settings-panel section{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:16px}.settings-panel .source-section{order:-1}.editor-panel{order:0}.settings-panel .effect-section{order:1}.settings-panel .export-section{order:2}}
@media(max-width:760px){.settings-panel .music-section{order:2}.settings-panel .export-section{order:3}.music-track strong{font-size:12px}.music-track small{font-size:10px}.fps-choice{font-size:12px}}
#status.error{color:#e5a8ae}

/* Two clear choices per row, including the optional double-tap rhythm. */
.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.double-art svg{width:54px;height:42px;stroke:#c8b0f6;stroke-width:2.7}.preset-hint{margin:0 0 20px;color:#b4a6c5;font-size:10px;line-height:1.6;min-height:32px}@media(max-width:760px){.preset-hint{font-size:11px;min-height:35px}}

/* Public launch: free studio with two independent rhythms. */
.free-badge{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #514260;border-radius:9px;background:#2b2535;color:#dfcef9;font-size:11px;font-weight:650;white-space:nowrap}.free-badge svg{width:15px;height:15px}.effect-count{color:#bdb3c7;border:1px solid #44394e;border-radius:4px;line-height:17px;font-size:7px;letter-spacing:.8px;padding:0 5px;margin-left:3px}.intro>div:first-child>p{max-width:540px;line-height:1.7}@media(max-width:760px){.free-badge{font-size:10px;padding:8px 10px}.free-badge svg{width:13px;height:13px}.effect-count{font-size:6px}.intro>div:first-child>p{line-height:1.7}}