@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#101211;--sidebar:#111412;--panel:#171b18;--panel2:#1c211d;--line:#2a302b;--text:#eef1eb;--muted:#90998e;--accent:#c6f47a;--positive:#b7e693;--negative:#f59898;--font:'DM Sans',system-ui,sans-serif;--heading:'Manrope',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button,input,select,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,select{transition:background .16s,border-color .16s,color .16s}button svg,a svg{flex-shrink:0}button:hover{filter:brightness(1.09)}svg{vertical-align:middle}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading)}h1{font-weight:650;font-size:34px;letter-spacing:-1.4px;line-height:1.25;margin-bottom:9px}h1>span{color:var(--accent)}h2{font-size:17px;font-weight:650;letter-spacing:-.35px;margin-bottom:10px}h3{font-size:14px;margin-bottom:14px}p{color:var(--muted);margin-bottom:18px}small{font-size:11px}.muted{color:var(--muted)}.positive{color:var(--positive)!important}.negative{color:var(--negative)!important}.violet{color:#c5b5ed}.tiny{font-size:11px;line-height:1.6}.full{width:100%}.number{font-variant-numeric:tabular-nums}.loading{padding:80px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:25px 16px 0;z-index:20}.brand{display:flex;align-items:center;gap:9px;padding:0 12px}.brand strong{font-family:var(--heading);font-size:32px;letter-spacing:-1.8px;line-height:1}.brand strong span{color:var(--accent)}.brand small{font-size:9px;letter-spacing:1.7px;color:#818a7c;margin-left:5px;margin-top:12px}.workspace{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:12px 9px;border-radius:9px;margin:31px 0 28px}.workspace strong{font-size:11px;font-weight:550}.workspace small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#29332a;color:#d6e6c6;font-size:12px;font-weight:700;flex-shrink:0}.nav-label{font-size:9px;letter-spacing:1.5px;color:#747e70;margin:0 12px 11px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 13px;color:#9da696;border-radius:7px;font-size:12px;margin-bottom:5px;min-height:43px}.nav-link.active{color:#daedc3;background:#273222;box-shadow:inset 2px 0 #c6f47a}.nav-link:hover{background:#20271f;color:#eaf2e3}.tiny-pill{font-size:7px;letter-spacing:.7px;background:#3a482e;color:#d5e6ba;border-radius:3px;padding:2px 4px;margin-left:auto}.sidebar-bottom{margin-top:auto}.sidebar-note{border:1px solid var(--line);border-radius:9px;padding:16px;margin:30px 1px 22px}.sidebar-note svg{color:#9ba88d;display:block;margin-bottom:10px}.sidebar-note strong{display:block;font-size:12px}.sidebar-note p{font-size:10px;line-height:1.8;margin:5px 0 0}.profile{border-top:1px solid var(--line);display:flex;align-items:center;padding:18px 3px;gap:10px}.profile strong{font-size:11px}.profile small{display:block;font-size:9px;color:var(--muted)}.profile>i,.local-status i{width:5px;height:5px;border-radius:100%;background:#a6db77;display:inline-block}.profile>i{margin-left:auto}main{margin-left:220px;min-height:100vh}.topbar{height:69px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 32px;font-size:11px}.topbar>div{display:flex;align-items:center}.topbar strong{font-weight:500}.slash{color:#4d5748;margin:0 12px}.topbar-right{gap:20px}.local-status{font-size:10px;color:#9aa68f;display:flex;align-items:center;gap:7px}.content{padding:30px 32px 40px;max-width:1740px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading p{font-size:12px;margin:0}.eyebrow{display:flex;align-items:center;gap:8px;color:#8e9c83;font-size:9px;font-weight:600;letter-spacing:1.8px;margin-bottom:12px}.eyebrow-line{width:18px;height:1px;background:var(--accent)}.library-count{display:flex;align-items:center;gap:8px;color:#a7b19f;font-size:10px;white-space:nowrap;border:1px solid var(--line);border-radius:20px;padding:8px 11px}.library-count>span{color:#5f6d56}.mobile-menu{display:none!important}.btn{background:#20261f;border:1px solid #343e2e;border-radius:7px;min-height:40px;padding:9px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:550;white-space:nowrap}.btn:hover{background:#293126}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1b2810;font-weight:700}.btn.small{min-height:32px;padding:6px 11px;font-size:10px}.btn.danger{color:var(--negative);background:transparent}.icon-btn{width:34px;height:34px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#a4b098}.icon-btn:hover{background:#273022}.actions{display:flex;align-items:center;gap:9px}.text-btn{background:transparent;border:0;color:#b0c29c;display:inline-flex;align-items:center;gap:6px;padding:5px 0;font-size:10px}.card{background:var(--panel);border:1px solid var(--line);border-radius:11px}.pad{padding:25px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:22px}.card-head h2{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.metric{padding:22px}.metric>span{font-size:11px;color:var(--muted)}.metric>strong{display:block;font-size:27px;font-weight:600;letter-spacing:-1px;margin:9px 0}.metric>small{color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:#899580;font-size:10px;letter-spacing:.3px;font-weight:500;padding:12px 20px;background:#141814}td{padding:17px 20px;border-top:1px solid var(--line);font-size:12px;white-space:nowrap}td small{display:block;color:var(--muted);margin-top:4px;max-width:190px;overflow:hidden;text-overflow:ellipsis}td strong{font-size:13px}.tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:5px;background:#253021;font-size:10px}.tag.violet{background:#292336}.empty{padding:70px 20px;text-align:center}.empty p{max-width:440px;margin:10px auto 22px}.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rule-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.rule-row span{color:var(--muted)}.rule-row strong{font-weight:550}.goal-card{padding:34px;display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:20px}.goal-card>div:first-child{flex:1}.goal-card h2{font-size:28px}.goal-ring{width:128px;height:128px;border-radius:50%;background:conic-gradient(var(--accent) var(--progress),#30372a 0);display:grid;place-items:center;position:relative}.goal-ring:before{content:'';position:absolute;inset:8px;background:var(--panel);border-radius:50%}.goal-ring>span{z-index:1;font-size:35px}.goal-ring small{font-size:14px;color:var(--muted)}.progress{height:8px;background:#30372a;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;background:var(--accent)}.footnote{font-size:11px;margin:20px 0;max-width:860px;line-height:1.7}
.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:25px;align-items:start}.stage-column{min-width:0}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.segmented{display:flex;padding:4px;background:#1b201b;border:1px solid #2a3127;border-radius:8px;gap:2px}.segmented button{border:0;background:transparent;border-radius:5px;color:#8c9983;padding:7px 14px;font-size:10px;min-height:29px}.segmented button.active{background:#3a4532;color:#e3eddb;box-shadow:0 1px 4px #0003}.stage-selector select,.stage-selector input{max-width:215px;min-height:33px;background:transparent;border:1px solid var(--line);border-radius:6px;font-size:10px;color:#b9c5ae;padding:7px 9px}.stage{position:relative;min-height:260px;background:radial-gradient(ellipse at top,#242d21,#0a0d0a 80%);padding:50px 24px 43px;display:flex;justify-content:center;align-items:center;border:1px solid #30372b;border-radius:11px;overflow:hidden}.stage canvas{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;box-shadow:0 16px 50px #0008;border-radius:9px;background:#171917}.stage-badge{position:absolute;top:16px;left:20px;display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1.4px;color:#8c9c80}.stage-badge i{width:4px;height:4px;background:#a6d375;border-radius:50%}.stage-bottom{position:absolute;bottom:13px;left:21px;right:21px;display:flex;justify-content:space-between;font-size:9px;color:#7e8c74}.playback{display:flex;align-items:center;gap:12px;padding:14px 5px 8px;color:#8d9984}.playback>span{font-family:monospace;font-size:10px}.playback input{flex:1;height:3px;min-width:20px}.play-button{border:1px solid #36412d;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#273220;color:#c6deaf}.play-button svg{width:12px;height:12px}.edit-section-head{display:flex;justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:14px}.edit-section-head h2{font-size:14px;margin-bottom:3px}.edit-section-head p{font-size:10px;margin:0}.quick-presets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.preset-mini{border:0;padding:0;background:transparent;text-align:left;font-size:9px;color:#9fac95}.preset-mini>span:last-child{display:block;margin-top:7px}.preset-mini.active>span:last-child{color:var(--accent)}.preset-art{height:61px;display:flex;justify-content:center;align-items:center;border:1px solid #343c30;background:#1c241b;border-radius:7px;font-weight:800;font-size:24px;font-family:var(--heading);overflow:hidden;position:relative}.preset-mini.active .preset-art{border:1px solid var(--accent);box-shadow:0 0 0 1px #c6f47a33}.art-clean{color:#d4e2c8;background:linear-gradient(120deg,#1d261a,#3b4c2b)}.art-cinema{font-size:14px;letter-spacing:3px;color:#e5ddd0;background:linear-gradient(#090b08 16%,#4e5d3d 17%,#253020 83%,#090b08 84%)}.art-manga{color:#0a0b09;background:repeating-linear-gradient(125deg,#c8d0be 0 3px,#747d67 4px 5px)}.art-glitch{background:#111b17;color:#dbebee;text-shadow:-3px 0 #bb2669,3px 0 #0ce3ce;letter-spacing:2px}.art-drift{background:linear-gradient(135deg,#0b2825,#507b69);color:#c7edc8;font-size:40px}.art-film{font-family:Georgia;color:#f9dbb2;background:linear-gradient(120deg,#3f2b1e,#826345);border-top:6px solid #10150f;border-bottom:6px solid #10150f}.reel-card{margin-top:24px;border:1px solid var(--line);background:#161c15;border-radius:9px;padding:14px;display:flex;justify-content:space-between;gap:12px;align-items:center}.reel-card strong{font-size:11px;font-weight:550;display:flex;align-items:center;gap:7px}.reel-card>div>span{display:block;color:var(--muted);font-size:9px;margin-top:3px}#reel-slots{display:flex;gap:5px;flex-wrap:wrap}.reel-add{height:35px;width:44px;border:1px dashed #526245;border-radius:5px;background:transparent;color:#a6bf90}.reel-slot{padding:0;width:42px;height:35px;border:1px solid #526245;border-radius:4px;position:relative;overflow:hidden;background:#111}.reel-slot img{width:100%;height:100%;object-fit:cover}.reel-slot span{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;font-size:8px}.export-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:25px;border-top:1px solid var(--line);padding-top:22px}.export-eyebrow{display:block;color:#89947e;font-size:8px;letter-spacing:1.4px;margin-bottom:4px}.export-bar strong{font-size:11px;font-weight:500}.export-buttons{display:flex;gap:7px}.export-buttons .btn{font-size:10px;padding:9px 11px;min-height:38px}.export-buttons svg{width:15px}.export-status{font-size:11px;color:#b7cc9e;padding:0;display:flex;align-items:center;gap:8px}.export-status.active{padding:15px 0}.export-status a{text-decoration:underline}.editor-panel{background:#181e16;border:1px solid #30392b;border-radius:10px;overflow:hidden;min-width:0}.editor-tabs{display:flex;padding:0 14px;border-bottom:1px solid #2e3827;height:52px}.editor-tabs button{flex:1;background:transparent;border:0;color:#839276;font-size:10px;position:relative;padding:0 5px}.editor-tabs button.active{color:#e8f2dd}.editor-tabs button.active:after{content:'';position:absolute;left:13%;right:13%;bottom:-1px;height:2px;background:var(--accent)}#panel-content{padding:18px 15px;max-height:715px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3c4833 transparent}.panel-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-top:1px solid var(--line)}.panel-footer .btn{font-size:10px;min-height:33px;padding:7px 10px}.panel-footer .text-btn{color:#89997a}.library-search{display:flex;align-items:center;gap:8px;border:1px solid #35412c;background:#131a11;padding:8px 10px;border-radius:6px;color:#738267}.library-search input{width:100%;background:transparent;border:0;color:#d6e1cc;font-size:10px}.category-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.category-tabs button{font-size:9px;padding:5px 9px;border-radius:20px;border:1px solid #36412e;background:transparent;color:#95a587;min-height:27px}.category-tabs button.active{background:#c6f47a;border-color:#c6f47a;color:#233113;font-weight:650}.asset-filter{display:flex;gap:12px;align-items:center;padding:0 0 11px;border-bottom:1px solid #2d3727;margin-bottom:13px}.asset-filter button{font-size:9px;border:0;background:transparent;color:#7b8b6d;padding:0;display:flex;gap:4px;align-items:center;min-height:24px}.asset-filter button.active{color:#d5e3c7}.asset-filter>span{margin-left:auto;font-size:8px;color:#7d8c70}.background-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 7px;max-height:415px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3c4833 transparent;padding:1px 2px 2px 1px}.background-tile{position:relative;border:1px solid transparent;border-radius:6px;min-width:0;aspect-ratio:1.05}.background-tile.selected{border-color:var(--accent);box-shadow:0 0 0 1px #c6f47a33}.background-pick{position:absolute;inset:0;width:100%;padding:0;border:0;background:#0c110a;border-radius:5px;overflow:hidden}.background-pick img,.background-pick video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.background-pick:hover img{transform:scale(1.06)}.background-pick:after{position:absolute;inset:40% 0 0;content:'';background:linear-gradient(transparent,#000b)}.tile-name{position:absolute;z-index:1;bottom:7px;left:6px;right:6px;color:#fff;font-size:8px;text-align:left;line-height:1.25;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.selected-check{position:absolute;top:5px;left:5px;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#1b3109}.favorite{position:absolute;top:3px;right:3px;border:0;width:22px;height:22px;display:grid;place-items:center;background:#0007;border-radius:50%;color:#dfe8d7}.favorite.is-favorite{color:var(--accent)}.favorite.is-favorite svg{fill:var(--accent)}.clip-label{position:absolute;top:5px;left:5px;display:flex;align-items:center;gap:2px;font-size:6px;letter-spacing:.5px;background:#0007;padding:2px 3px;border-radius:2px;z-index:2}.selected .clip-label{left:23px}.upload-media{display:flex;align-items:center;gap:10px;width:100%;border:1px dashed #425234;background:#1b2515;border-radius:7px;padding:12px 10px;margin-top:16px;color:#acbf98;text-align:left}.upload-media>span{font-size:10px;flex:1}.upload-media small{display:block;color:#758969;font-size:8px;margin-top:3px}.asset-credit{display:flex;align-items:center;justify-content:space-between;color:#7a8b6b;font-size:8px;margin-top:13px}.asset-credit a{display:flex;align-items:center;gap:4px;color:#a4b494}.panel-intro h2{font-size:16px;margin-bottom:6px}.panel-intro p{font-size:10px;line-height:1.7}.edits-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px}.edit-tile{padding:0 0 10px;border:1px solid #343e2c;border-radius:7px;background:#1a2116;text-align:left;overflow:hidden}.edit-tile.active{border-color:var(--accent)}.edit-art{display:flex;align-items:center;justify-content:center;height:82px;background:linear-gradient(130deg,hsl(var(--hue),20%,16%),hsl(var(--hue),23%,30%));font-family:Impact,Arial;font-size:20px;font-weight:800;letter-spacing:1px;color:#fff;overflow:hidden}.edit-tile strong{display:block;font-size:10px;font-weight:600;margin:9px 8px 3px}.edit-tile small{display:block;font-size:8px;line-height:1.5;color:#92a183;margin:0 8px}.edit-art-glitch{text-shadow:-3px 0 cyan,3px 0 magenta;background:#182120}.edit-art-manga{background:repeating-linear-gradient(125deg,#d2dacb 0 3px,#434a3e 4px 6px);color:black;font-size:40px}.edit-art-noir{background:linear-gradient(120deg,#111,#777);filter:grayscale(1)}.edit-art-cinema{border-top:10px solid #0b1008;border-bottom:10px solid #0b1008;font-size:15px;letter-spacing:3px}.edit-art-vhs{background:repeating-linear-gradient(#232b1f 0 3px,#0d120b 3px 5px);font-family:monospace}.edit-art-postcard,.edit-art-polaroid{border:8px solid #d4cebc;border-bottom-width:18px;background:#596e4e}.edit-art-split{background:repeating-linear-gradient(90deg,#203227 0 32%,#070b06 32% 34%)}.edit-art-meme{font-size:25px;-webkit-text-stroke:1px #000}.controls h3{margin-top:23px;color:#b7c5ab;font-size:11px;font-weight:600}.controls h3:first-child{margin-top:0}.range-field{display:block;margin:0 0 16px}.range-field>span{display:flex;justify-content:space-between;color:#9eae8e;font-size:10px;margin-bottom:7px}.range-field output{color:#d1dfc2;font-size:9px;font-variant-numeric:tabular-nums}.range-field input{width:100%;height:3px;display:block}.toggle-field{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:10px 0;color:#aab99c;border-bottom:1px solid #303a28}.color-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}input[type=range]{accent-color:var(--accent);cursor:pointer}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px}input[type=color]{width:100%;padding:4px!important;height:35px!important}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.format-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;height:145px;background:#1b2416;border:1px solid #3a462f;border-radius:7px;padding:14px}.format-tile>span{display:block;max-width:70px;max-height:70px;width:70px;border:1px solid #7f9367;background:#2c3a22;margin-bottom:10px}.format-tile strong{font-size:10px}.format-tile small{font-size:8px;color:#8c9d7d;margin-top:3px}.format-tile.active{border-color:var(--accent);background:#28361c}.export-info{margin-top:20px;border-top:1px solid var(--line)}.export-info>div{display:flex;justify-content:space-between;gap:5px;padding:12px 0;border-bottom:1px solid var(--line);font-size:9px}.export-info span{color:#8d9d7f}.empty-results{font-size:11px;grid-column:1/-1;padding:30px 5px}.field{display:flex;flex-direction:column;gap:7px;margin:0 0 16px}.field>span{font-size:11px;color:#a8b59b}.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid #3b4632;background:#11180e;color:#e4eddb;border-radius:6px;padding:10px 12px;min-height:40px}.field input::placeholder,.field textarea::placeholder{color:#63745a}.field textarea{resize:vertical}.controls .field>span{font-size:10px}.controls .field input,.controls .field select{font-size:11px;padding:8px 10px;min-height:35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}dialog{color:var(--text);background:#1a2117;border:1px solid #46543a;box-shadow:0 25px 100px #000b;border-radius:14px;width:min(540px,calc(100vw - 32px));max-height:90vh;padding:30px;overflow-y:auto}dialog.wide{width:min(740px,calc(100vw - 32px))}dialog::backdrop{background:#070a07bc;backdrop-filter:blur(6px)}dialog h2{font-size:25px;margin-bottom:15px;padding-right:20px}dialog p{font-size:12px}.modal-close{position:absolute;top:13px;right:13px}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#c6f47a;color:#172b0a;border:1px solid #ddffa5;border-radius:8px;box-shadow:0 10px 40px #0007;padding:13px 21px;z-index:1000;max-width:80vw;font-size:12px;transition:.2s}#toast.visible{transform:translate(-50%,0);opacity:1}#toast.error{background:#663535;color:#ffe1df;border-color:#9a5353}code{font-size:11px;word-break:break-all}
@media(min-width:1500px){.studio-layout{grid-template-columns:minmax(0,1fr) 400px}.background-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stage{padding:58px 32px 45px}.content{padding:38px 42px}.stage canvas{max-height:610px;width:auto;max-width:100%}.preset-art{height:75px}}
@media(max-width:1200px){.sidebar{width:190px;padding-left:12px;padding-right:12px}main{margin-left:190px}.content{padding:26px 23px}.studio-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.brand{padding:0 8px}.brand small{display:none}.topbar{padding:0 23px}.library-count{display:none}.stage{padding:42px 17px 35px}.export-bar{flex-direction:column;align-items:flex-start;gap:13px}.export-buttons{width:100%}.export-buttons .btn{flex:1}.preset-art{height:51px}.stage-selector select{max-width:200px}.studio-toolbar{gap:8px}.segmented button{padding:6px 11px}.reel-card{flex-direction:column;align-items:flex-start}h1{font-size:30px}.workspace{padding:10px 6px}.workspace strong{font-size:10px}}
@media(max-width:1000px){.studio-layout{grid-template-columns:minmax(0,1fr) 270px;gap:15px}.sidebar{width:170px}.nav-link{padding:11px 9px;font-size:11px;gap:8px}.tiny-pill{display:none}main{margin-left:170px}.workspace-avatar{display:none}.content{padding:22px 20px}.background-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-mini:nth-child(6){display:none}.quick-presets{grid-template-columns:repeat(5,minmax(0,1fr))}.studio-toolbar{align-items:flex-start}.stage-selector{width:100%}.stage-selector select{max-width:100%;width:100%}.stage{padding:36px 12px 31px;min-height:230px}.stage-badge{font-size:7px;left:15px}.stage-bottom{font-size:7px;left:15px;right:15px}.stage canvas{border-radius:6px}.stats-grid{grid-template-columns:1fr 1fr}.metric{padding:17px}.metric>strong{font-size:23px}.two-grid{grid-template-columns:1fr}.page-heading>.actions{flex-direction:column}.editor-tabs{padding:0 7px}.editor-tabs button{font-size:9px}.profile{padding:18px 0}}
@media(max-width:820px){.sidebar{display:none;width:220px;box-shadow:10px 0 60px #000b}.sidebar.mobile-open{display:flex}main{margin-left:0}.mobile-menu{display:inline-flex!important;margin-right:10px}.topbar{height:58px;padding:0 16px}.content{padding:24px 18px}.studio-layout{grid-template-columns:minmax(0,1fr) 290px}.topbar-right{gap:10px}.topbar-right .local-status{font-size:9px}.studio-heading h1{font-size:29px}.stage-selector{width:auto}.studio-toolbar{gap:8px}.stage-selector select{max-width:185px}.library-count{display:none}.page-heading{margin-bottom:22px}.quick-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.preset-mini:nth-child(5){display:none}.export-bar strong{font-size:10px}}
@media(max-width:650px){.content{padding:22px 14px}.studio-layout{display:flex;flex-direction:column;gap:23px}.stage-column,.editor-panel{width:100%}.editor-panel{order:2}.studio-heading h1{font-size:27px;letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:1.1px}.studio-heading p{font-size:11px}.studio-toolbar{flex-wrap:nowrap}.stage-selector{flex:1;min-width:0}.stage-selector select{max-width:100%;width:100%;font-size:9px}.segmented button{padding:6px 10px;font-size:9px}.stage{padding:40px 15px 33px}.stage canvas{max-height:480px!important;width:auto;max-width:100%}.background-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:420px}.category-tabs button{padding:6px 10px;font-size:10px}.editor-tabs{height:48px}.editor-tabs button{font-size:11px}.quick-presets{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.preset-mini:nth-child(5),.preset-mini:nth-child(6){display:block}.preset-art{height:52px;font-size:20px}.art-cinema{font-size:9px;letter-spacing:1px}.preset-mini{font-size:8px}.reel-card{flex-direction:row;align-items:center;padding:12px}.reel-card>div>span{font-size:8px}.export-bar{flex-direction:row;gap:8px}.export-bar>div:first-child{display:none}.export-buttons .btn{font-size:11px;min-height:43px}.topbar .local-status{display:none}.page-heading{flex-wrap:wrap}.page-heading h1{font-size:27px}.page-heading>.actions{flex-direction:row}.stats-grid{gap:9px}.metric{padding:15px}.metric>strong{font-size:25px}.metric>small{font-size:9px}.metric>span{font-size:10px}.goal-card{padding:22px;gap:15px}.goal-ring{height:90px;width:90px;flex-shrink:0}.goal-card h2{font-size:20px}.goal-card p{font-size:11px}.goal-ring>span{font-size:26px}.pad{padding:20px}.card-head{padding:18px}dialog{padding:25px 20px}.form-grid{gap:0 12px}.field>span{font-size:10px}.field input,.field select{padding:10px 8px;font-size:12px}.modal-footer .btn{font-size:11px}.edits-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.edit-art{height:74px;font-size:16px}.edit-tile strong{font-size:10px}.panel-footer{padding:15px}#panel-content{max-height:680px}.panel-footer .btn{min-height:38px}.format-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.format-tile{padding:10px 5px;height:130px}.format-tile>span{width:45px;max-height:65px}.format-tile strong{font-size:9px}.format-tile small{font-size:7px}.controls .field>span,.range-field>span,.toggle-field{font-size:12px}.range-field{margin-bottom:23px}.category-tabs{gap:6px}.favorite{width:25px;height:25px}.background-tile{aspect-ratio:1}.tile-name{font-size:8px}.editor-panel{background:#192216}.brand small{display:block}.sidebar-note{margin-top:45px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.background-pick video,.reel-slot video{width:100%;height:100%;object-fit:cover}

/* Curated clip library */
.curated-layout .editor-tabs{grid-template-columns:repeat(3,1fr)}
.curated-layout .stage{background:#101012;border-color:#2c2c30;padding:20px}
.curated-layout .stage canvas{border-radius:10px}.curated-layout .stage-bottom strong{font-size:10px;letter-spacing:.08em;color:#ddd}.curated-layout .stage-column{min-width:0}.curated-layout .editor-panel{background:#151517;border-color:#2c2c30}.curated-layout .editor-tabs{border-color:#303034}.curated-layout .editor-tabs button.active{color:white;border-color:#fff}.curated-layout .library-search{background:#101012;border-color:#303034}.curated-layout .category-tabs button{border-color:#343438;color:#aaa}.curated-layout .category-tabs button.active{background:white;color:#111;border-color:white}.curated-layout .panel-footer{border-color:#303034}.media-kind{display:flex;background:#0c0c0e;padding:4px;gap:4px;border-radius:8px;margin-bottom:16px}.media-kind button{flex:1;display:flex;gap:7px;align-items:center;justify-content:center;border:0;border-radius:5px;background:transparent;color:#999;font-size:11px;padding:11px 5px}.media-kind button.active{background:#eeeeef;color:#161619;font-weight:700}.curation-label{display:flex;justify-content:space-between;color:#8a8a93;letter-spacing:.1em;font-size:8px;margin:18px 0 12px}.curated-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:520px;gap:10px}.curated-grid .background-pick{height:105px;aspect-ratio:auto}.curated-grid .tile-name{font-size:9px;line-height:1.4;letter-spacing:.02em;padding:22px 8px 8px;background:linear-gradient(transparent,rgba(0,0,0,.9));white-space:normal}.curated-grid .background-tile{border-color:#34343b}.curated-grid .background-tile.selected{border-color:#fff;box-shadow:0 0 0 1px #fff}.curated-grid .clip-label{background:#0009;color:#ddd;font-size:8px}.curated-layout .upload-media{background:#19191d;border-color:#36363c;color:#bbb}.curated-layout .upload-media small{color:#777}.clip-caption{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#85858e;margin:12px 0 24px}.clip-caption a{color:#aaa}.curated-layout .primary{background:#f4f4f5;color:#111;border-color:#fff}.curated-layout .play-button{background:#eee;color:#111}.curated-layout .sound-on{color:#fff;background:#34343b}.curated-layout input[type=range]{accent-color:#eee}.curated-layout .format-tile{background:#202025;border-color:#3a3a42}.curated-layout .format-tile.active{background:#35353b;border-color:white}.curated-layout .format-tile>span{background:#42424c;border-color:#90909b}.curated-layout .controls h3,.curated-layout .range-field>span,.curated-layout .toggle-field{color:#aaa}.curated-layout .range-field output{color:#eee}.curated-layout .toggle-field{border-color:#303036}.curated-layout .export-bar{border-color:#2c2c30}.curated-layout .stage-badge{color:#999}.curated-layout .stage-badge i{background:#ddd}.curated-layout .panel-intro p{color:#999}.curated-layout .panel-footer .btn{background:#27272d;border-color:#3b3b42;color:#eee}.studio-heading .eyebrow{color:#999}.studio-heading h1{letter-spacing:-.055em}.curated-layout .export-eyebrow{color:#888}.curated-layout .playback{color:#aaa}.curated-layout .segmented{background:#17171b;border-color:#333}.curated-layout .segmented button.active{background:#eee;color:#111}.curated-layout .stage-selector select{background:#17171b;border-color:#333;color:#ddd}
@media(max-width:650px){.curated-grid .background-pick{height:120px}.clip-caption{font-size:9px}.curated-layout .stage{padding:12px}.studio-heading h1{font-size:30px}}
.curated-grid{grid-auto-rows:115px}.curated-grid .background-tile{height:115px;aspect-ratio:auto}.curated-grid .background-pick{height:100%;width:100%}