@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/unbounded-latin-700-normal-CaoNriVp.woff2) format("woff2"),url(/assets/unbounded-latin-700-normal-CZtriu5h.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/unbounded-latin-400-normal-DxT99aXF.woff2) format("woff2"),url(/assets/unbounded-latin-400-normal-CiSqyYx3.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/unbounded-latin-900-normal-DrIEwloP.woff2) format("woff2"),url(/assets/unbounded-latin-900-normal-4cp7xOrc.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/montserrat-latin-400-normal-BLhwKU8k.woff2) format("woff2"),url(/assets/montserrat-latin-400-normal-xItZbAXg.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/montserrat-latin-700-normal-BdjcYUrC.woff2) format("woff2"),url(/assets/montserrat-latin-700-normal-BWkrl476.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/montserrat-latin-900-normal-B0TD3Qnu.woff2) format("woff2"),url(/assets/montserrat-latin-900-normal-BDWDmVut.woff) format("woff")}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-400-normal-9mHNbWWO.woff2) format("woff2"),url(/assets/bebas-neue-latin-400-normal-Bi-ndsyu.woff) format("woff")}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2) format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff) format("woff")}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/orbitron-latin-400-normal-U6xZUhur.woff2) format("woff2"),url(/assets/orbitron-latin-400-normal-DBk4Dmer.woff) format("woff")}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/orbitron-latin-700-normal-4jsRXGGJ.woff2) format("woff2"),url(/assets/orbitron-latin-700-normal-DmYOh-W9.woff) format("woff")}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/orbitron-latin-900-normal-DrIi7unX.woff2) format("woff2"),url(/assets/orbitron-latin-900-normal-BbJatbhp.woff) format("woff")}@font-face{font-family:Russo One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/russo-one-latin-400-normal-BfOuQF9V.woff2) format("woff2"),url(/assets/russo-one-latin-400-normal-CosRecV9.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff")}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/syne-latin-400-normal-CcHADMBd.woff2) format("woff2"),url(/assets/syne-latin-400-normal-CULFKXub.woff) format("woff")}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/syne-latin-700-normal-AF3Rs61n.woff2) format("woff2"),url(/assets/syne-latin-700-normal-Cd-_iCn5.woff) format("woff")}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/syne-latin-800-normal-EehdNYzx.woff2) format("woff2"),url(/assets/syne-latin-800-normal-BuJcbPcX.woff) format("woff")}@font-face{font-family:Monoton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/monoton-latin-400-normal--Xn4BnFH.woff2) format("woff2"),url(/assets/monoton-latin-400-normal-CgrPpToo.woff) format("woff")}@font-face{font-family:Audiowide;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/audiowide-latin-400-normal-6GFCX7ni.woff2) format("woff2"),url(/assets/audiowide-latin-400-normal-D6mHIfnv.woff) format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/oswald-latin-400-normal-BAFo8sP8.woff2) format("woff2"),url(/assets/oswald-latin-400-normal-D1wpMXgf.woff) format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/oswald-latin-700-normal-vy6hmKSr.woff2) format("woff2"),url(/assets/oswald-latin-700-normal-UmC9Ev9x.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/inter-latin-900-normal-D4nM5aha.woff2) format("woff2"),url(/assets/inter-latin-900-normal-EUCDUbiG.woff) format("woff")}@font-face{font-family:Permanent Marker;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/permanent-marker-latin-400-normal-BF23djCy.woff2) format("woff2"),url(/assets/permanent-marker-latin-400-normal-BnZj5c41.woff) format("woff")}@font-face{font-family:Righteous;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/righteous-latin-400-normal-DIzXvQUm.woff2) format("woff2"),url(/assets/righteous-latin-400-normal-CRvo487o.woff) format("woff")}@font-face{font-family:Rubik Mono One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-mono-one-latin-400-normal-U2Afr9Di.woff2) format("woff2"),url(/assets/rubik-mono-one-latin-400-normal-Cd19iSlZ.woff) format("woff")}:root{--bg: #0b0a12;--bg2: #12111c;--card: #181626;--card2: #201d31;--line: #2b2840;--text: #ecebf5;--muted: #9a97b5;--pink: #ff2e88;--cyan: #39d7ff;--ok: #3ee89c;--err: #ff5470;--radius: 12px;--topbar: 58px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--card2);padding:1px 5px;border-radius:5px}.boot{height:100%;background:var(--bg)}.brand{font-family:Unbounded,Inter,sans-serif;font-weight:700;letter-spacing:.08em;display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:15px}.brand em{font-style:normal;font-weight:700;color:var(--muted);letter-spacing:.02em;font-family:Inter,sans-serif}.brand.big{font-size:22px;justify-content:center;margin-bottom:22px}.brand-mark{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,var(--cyan) 0 28%,transparent 30% 48%,var(--pink) 50% 70%,transparent 72%);box-shadow:0 0 14px #ff2e888c;flex:none}.btn{border:1px solid var(--line);background:var(--card2);border-radius:10px;padding:9px 14px;font-weight:600;transition:background .15s,border-color .15s,transform .05s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn:hover:not(:disabled){border-color:#4a4668}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:linear-gradient(135deg,var(--pink),#ff5f6d);border-color:transparent;color:#fff;box-shadow:0 6px 22px #ff2e8847}.btn.ghost{background:transparent}.btn.sm{padding:6px 11px;font-size:13px;border-radius:8px}.btn.wide{width:100%}.icon-btn{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:8px;min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--card2);color:var(--text)}.icon-btn.on{color:#ffcc4d}.chip{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap}.chip:hover{color:var(--text)}.chip.on{color:#fff;border-color:var(--pink);background:#ff2e8824}.login{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 30%,#2a1140 0,var(--bg) 60%)}.login form{width:min(360px,100%);display:grid;gap:12px;background:#181626cc;border:1px solid var(--line);padding:28px;border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login input{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:16px}.err{color:var(--err);margin:0}.app{min-height:100%;display:flex;flex-direction:column}.topbar{height:var(--topbar);flex:none;display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid var(--line);background:#0b0a12eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.topbar-right{margin-left:auto;display:flex;gap:6px;align-items:center}.render-btn{display:none}.videos-btn{display:inline-flex;align-items:center;gap:6px}.logout-icon{display:none}.logout-word{display:inline;font-weight:600;font-size:13px}.logout-btn{padding:0 10px}.workspace{display:block}.stage{position:sticky;top:var(--topbar);z-index:10;height:40vh;height:40svh;padding:8px 10px 6px;display:flex;justify-content:center;background:var(--bg);border-bottom:1px solid var(--line)}.panel{background:var(--bg2);display:flex;flex-direction:column}.panel-sticky{position:sticky;top:calc(var(--topbar) + 40svh);z-index:9;background:#12111cf5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.panel-body{padding:0 14px calc(96px + env(safe-area-inset-bottom))}.badge{background:var(--card2);color:var(--text);border-radius:999px;padding:0 7px;font-size:11px;line-height:18px}.badge.live{background:var(--pink);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.5}}.stepper{display:flex;gap:6px;overflow-x:auto;padding:10px 12px;scrollbar-width:none;scroll-snap-type:x proximity}.stepper::-webkit-scrollbar{display:none}.step-pill{flex:none;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:5px 12px 5px 5px;font-size:13px;font-weight:600;color:var(--muted);scroll-snap-align:center;transition:border-color .15s,background .15s,color .15s}.step-pill b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--card2);font-size:11.5px;color:var(--text)}.step-pill.done b{background:#3ee89c29;color:var(--ok)}.step-pill.on{color:#fff;border-color:var(--pink);background:#ff2e8824}.step-pill.on b{background:var(--pink);color:#fff}.step-pill:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.step-header{padding:16px 0 4px}.step-header small{color:var(--pink);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.step-header h2{margin:2px 0;font-family:Unbounded,Inter,sans-serif;font-size:19px;letter-spacing:.02em}.step-header p{margin:0;color:var(--muted);font-size:13px}.step-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#0b0a12f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.step-nav .btn{padding:12px 16px;font-size:15px;border-radius:12px}.step-nav .btn.primary{flex:1;margin-left:auto;max-width:360px}.step-nav-label{display:none}.disclosure{border-bottom:1px solid var(--line)}.disclosure summary{list-style:none;cursor:pointer;padding:14px 0;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}.disclosure summary small{grid-column:1;color:var(--muted);font-size:12px;opacity:.8}.disclosure summary:after{content:"+";grid-column:2;grid-row:1 / span 2;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--card2);color:var(--text);font-size:17px}.disclosure[open] summary:after{content:"−"}.disclosure summary:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:8px}.disclosure-body{display:grid;gap:10px;padding-bottom:14px}.disclosure-body>.section:first-child{padding-top:0}.section .disclosure{border-bottom:0}.section .disclosure summary{padding:6px 0}.look-thumb{position:relative;display:block;width:100%;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;background:#000}.look-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.look-thumb-loading{position:absolute;inset:0;background:linear-gradient(110deg,#1a1828 30%,#29263d,#1a1828 70%);background-size:200% 100%;animation:shimmer 1.2s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.look-thumb-dim{position:absolute;inset:0;background:#000;pointer-events:none}.look-thumb-viz{position:absolute;left:50%;width:50%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center}.look-thumb-viz svg{width:100%;height:100%;filter:drop-shadow(0 0 5px currentColor);position:relative}.look-thumb-viz i{position:absolute;width:42%;height:42%;border-radius:50%}.look-thumb.sm{width:84px;flex:none}.look-thumb.xs{width:38px;flex:none;border-radius:7px}.filter-row{display:flex;gap:6px;overflow-x:auto;padding:12px 0 2px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.group-title{margin:16px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.look-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.look-card{position:relative;border:2px solid transparent;background:var(--card);border-radius:14px;padding:4px 4px 8px;display:grid;gap:7px;text-align:left;transition:border-color .15s,transform .1s,box-shadow .15s}.look-card:hover{border-color:#4a4668}.look-card:active{transform:scale(.98)}.look-card:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.look-card.on{border-color:var(--pink);box-shadow:0 0 0 3px #ff2e882e}.look-name{font-weight:700;font-size:13px;padding:0 6px;line-height:1.25}.look-name em{font-style:normal;color:#ffcc4d}.look-badge{position:absolute;top:10px;left:10px;background:var(--pink);color:#fff;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px}.look-current{display:flex;gap:12px;padding:10px;margin-top:12px;border:1px solid var(--line);background:linear-gradient(135deg,#ff2e8817,#39d7ff0d);border-radius:14px}.look-current>div{min-width:0;display:grid;gap:3px;align-content:start}.look-current p{margin:0;color:var(--muted);font-size:12.5px}.look-current-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.look-current small,.look-bar-text small,.summary small{color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.btn.starred{color:#ffcc4d;border-color:#ffcc4d80}.reset-look{margin:20px 0 6px}.edited-tag{margin-left:6px;font-size:10.5px;font-weight:700;color:#ffcc4d;background:#ffcc4d1f;border-radius:999px;padding:1px 7px;vertical-align:middle}.look-bar{display:flex;align-items:center;gap:8px;margin:12px 0 2px;padding:7px 8px;border:1px solid var(--line);background:var(--card);border-radius:12px}.look-bar-text{flex:1;min-width:0;display:grid}.look-bar-text b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.selected-blurb{padding-top:12px;margin:0}.selected-blurb b{color:var(--text)}.vibe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vibe-card{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:12px 6px;display:grid;gap:2px;text-align:center}.vibe-card b{font-size:14px}.vibe-card small{color:var(--muted);font-size:11.5px}.vibe-card.on{border-color:var(--pink);background:#ff2e881a}.summary{display:grid;gap:12px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.summary-row{display:flex;align-items:center;gap:10px}.summary-row>div{flex:1;min-width:0;display:grid}.summary-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-row span{color:var(--muted);font-size:12.5px}.modal-input{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-size:16px}.modal-back{position:fixed;inset:0;z-index:60;background:#0000008c;display:grid;place-items:center;padding:20px}.modal{width:min(420px,100%);background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;gap:10px;box-shadow:0 24px 60px #00000073}.modal h2{margin:0;font-size:18px}.modal p{margin:0;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.preview{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:0}.player-frame{position:relative;flex:1;min-height:0;aspect-ratio:9 / 16;max-width:100%;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 30px 80px #0000008c,0 0 0 1px var(--line)}.player-error{position:absolute;inset:0;display:grid;place-items:center;padding:20px;color:var(--err);text-align:center}.preview-tools{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.demo-badge{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#0009;padding:4px 10px;border-radius:999px;font-size:11.5px;color:#fff;pointer-events:none;white-space:nowrap}.safe-zones{position:absolute;inset:0;pointer-events:none;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffffe6}.safe-zones>div{position:absolute;background:repeating-linear-gradient(45deg,#ff547047 0 8px,#ff547024 8px 16px);display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,84,112,.7)}.text-handles{position:absolute;inset:0;z-index:4;pointer-events:none}.text-handle{position:absolute;left:8%;right:8%;transform:translateY(-50%);pointer-events:auto;cursor:ns-resize;touch-action:none;text-align:center;color:#fff;font-size:12px;font-weight:700;line-height:1.2;padding:6px 8px;border:1px dashed rgba(255,255,255,.75);border-radius:8px;background:#00000059;text-shadow:0 1px 4px #000}.sz-top{left:0;right:0;top:0;height:7.5%}.sz-right{right:0;top:38%;width:13%;height:45%;writing-mode:vertical-rl}.sz-bottom{left:0;right:0;bottom:0;height:20%}.section{padding:14px 0 6px;border-bottom:1px solid var(--line)}.section:last-child{border-bottom:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.section-head h3{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.section-body{display:grid;gap:10px}.head-actions{display:flex;align-items:center;gap:4px}.hint{color:var(--muted);font-size:12.5px;margin:0 0 8px}.hint.pad{padding:12px 0 0}.ctl label,.ctl>span,.lbl{font-size:13px}.slider label{display:flex;justify-content:space-between;margin-bottom:4px}.slider output{color:var(--muted);font-variant-numeric:tabular-nums}.slider.is-disabled{opacity:.5}input[type=range]{width:100%;height:26px;background:transparent;-webkit-appearance:none;appearance:none;margin:0;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--pink) var(--pct),var(--line) var(--pct))}input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--pink) var(--pct),var(--line) var(--pct))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;margin-top:-7px;box-shadow:0 1px 6px #00000080}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#fff}.toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;position:relative}.toggle>span{display:flex;flex-direction:column}.toggle small{color:var(--muted);font-size:11.5px}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle i{width:36px;height:21px;border-radius:999px;background:var(--line);position:relative;flex:none;transition:background .15s}.toggle i:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .15s}.toggle input:checked+i{background:var(--pink)}.toggle input:checked+i:after{transform:translate(15px)}.toggle input:focus-visible+i{outline:2px solid var(--cyan)}.select{display:grid;gap:4px}select,.ctl.text input,.preset-form input{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:8px 10px;width:100%;min-width:0}.ctl.text{display:grid;gap:4px}.segmented{display:grid;gap:6px}.segmented>div{display:flex;flex-wrap:wrap;gap:4px;background:var(--card);border:1px solid var(--line);padding:3px;border-radius:10px}.segmented button{flex:1 1 auto;border:0;background:transparent;border-radius:7px;padding:6px 8px;font-size:12.5px;font-weight:600;color:var(--muted)}.segmented button.on{background:var(--card2);color:#fff;box-shadow:inset 0 0 0 1px var(--pink)}.color{display:grid;gap:5px}.color-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.swatch{width:26px;height:26px;border-radius:7px;border:2px solid rgba(255,255,255,.12);padding:0;flex:none}.swatch.on{border-color:#fff}.swatch.picker{position:relative;overflow:hidden;cursor:pointer;border-style:dashed;border-color:#ffffff80}.swatch.picker input{position:absolute;inset:-8px;width:50px;height:50px;opacity:0;cursor:pointer}.color-row code{margin-left:2px;color:var(--muted)}.row2{display:grid;grid-template-columns:1fr 110px;gap:8px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.style-card,.theme-card{border:1px solid var(--line);background:var(--card);border-radius:11px;padding:8px 4px 7px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:11px;font-weight:600;text-align:center;line-height:1.2}.style-card svg{width:44px;height:44px;color:#cfcbe8}.style-card.on,.theme-card.on{border-color:var(--pink);color:#fff;background:#ff2e8814}.style-card.on svg{color:#fff;filter:drop-shadow(0 0 6px var(--pink))}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-card{padding:4px 4px 7px}.theme-card img,.theme-card i{width:100%;aspect-ratio:3 / 4;border-radius:8px;display:block;object-fit:cover}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}.media-card{position:relative}.media-card>button:first-child{width:100%;aspect-ratio:9 / 16;border-radius:10px;overflow:hidden;border:2px solid var(--line);padding:0;background:var(--card);position:relative;display:block}.media-card.on>button:first-child{border-color:var(--pink)}.media-card img{width:100%;height:100%;object-fit:cover;display:block}.media-card em{position:absolute;left:6px;bottom:5px;font-style:normal;font-size:11px;background:#0009;border-radius:5px;padding:0 5px}.media-card .icon-btn{position:absolute;top:4px;right:4px;background:#0000008c;min-width:26px;height:26px}.media-status{display:grid;place-items:center;height:100%;font-size:12px;color:var(--muted)}.dropzone{border:1.5px dashed #45406a;border-radius:12px;padding:18px 14px;text-align:center;display:grid;gap:4px;background:#ffffff04;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.over{border-color:var(--pink);background:#ff2e880f}.dropzone span{color:var(--muted);font-size:12.5px}.bar{height:6px;border-radius:6px;background:var(--line);overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--cyan));transition:width .4s}.track-card{display:grid;gap:10px}.status{display:flex;align-items:center;gap:8px;margin:0}.status.err{color:var(--err)}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--pink);animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.clip-picker{display:grid;gap:8px}.waveform{background:var(--card);border-radius:10px;padding:6px 0;overflow:hidden}.clip-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.clip-actions,.quick-lengths{display:flex;gap:6px;flex-wrap:wrap}.list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.list li{display:flex;align-items:center;gap:4px;border-radius:9px;border:1px solid transparent}.list li.on{border-color:var(--line);background:var(--card)}.list-main{flex:1;min-width:0;text-align:left;border:0;background:transparent;padding:7px 8px;display:grid}.list-main b,.list-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-main small{color:var(--muted)}.logo-row{display:flex;gap:12px;align-items:center}.logo-thumb{width:110px;height:66px;border-radius:10px;display:grid;place-items:center;padding:10px;flex:none;border:1px solid var(--line)}.logo-thumb{box-sizing:border-box;overflow:hidden}.logo-thumb img{width:100%;height:100%;object-fit:contain}.logo-actions{display:grid;gap:6px;justify-items:start}.renders{list-style:none;padding:12px 0;margin:0;display:grid;gap:12px}.render{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.render video,.render-ph{width:96px;aspect-ratio:9 / 16;border-radius:8px;background:#000;object-fit:cover}.render-ph{display:grid;place-items:center;color:var(--muted);font-weight:700;font-size:13px}.render.rendering .render-ph{color:#fff;background:radial-gradient(circle,#ff2e884d,#000 70%)}.render-info{display:grid;gap:5px;align-content:start;min-width:0}.render-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.render-info small{color:var(--muted)}.render-info small.err{color:var(--err)}.render-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.empty{color:var(--muted);padding:18px 4px}.toasts{position:fixed;left:50%;bottom:22px;transform:translate(-50%);display:grid;gap:8px;z-index:50;width:min(420px,calc(100% - 32px));pointer-events:none}.toast{background:#1f1c30;border:1px solid var(--line);border-left:3px solid var(--ok);padding:10px 14px;border-radius:10px;box-shadow:0 10px 30px #00000080;animation:rise .2s ease-out}.toast.err{border-left-color:var(--err)}@keyframes rise{0%{transform:translateY(8px);opacity:0}}@media(max-width:899px){:root{--topbar: 52px}.preview{gap:6px}.player-frame{border-radius:12px}.preview-tools .chip{padding:4px 9px;font-size:12px}.toasts{bottom:calc(84px + env(safe-area-inset-bottom))}input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px}}@media(max-width:420px){.brand{font-size:13px;letter-spacing:.04em}.brand em{display:none}.pair{grid-template-columns:1fr}}@media(min-width:421px){.step-nav-label{display:inline}}@media(min-width:560px){.look-grid{grid-template-columns:repeat(3,1fr)}.theme-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:900px){.app{height:100%}.topbar{padding:0 16px;gap:14px}.render-btn{display:inline-flex}.logout-icon{display:inline}.logout-word{display:none}.logout-btn{padding:0}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 480px}.stage{position:static;height:auto;min-height:0;padding:18px;align-items:center;border-bottom:0;background:radial-gradient(circle at 50% 40%,#1a1530 0,var(--bg) 70%)}.panel{min-height:0;border-left:1px solid var(--line)}.panel-sticky{position:static}.panel-body{flex:1;overflow-y:auto;padding:0 18px 24px;overscroll-behavior:contain}.step-nav{position:static;padding:12px 18px}.look-grid{grid-template-columns:repeat(3,1fr)}.theme-grid{grid-template-columns:repeat(4,1fr)}}