:root{font-family:Inter,Arial,sans-serif;color:#edf0e8;background:#101410;--accent:#d5f96c;--border:#35402f}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 5vw;border-bottom:1px solid var(--border)}header>a{font-size:26px;font-weight:900;color:var(--accent)}a{color:var(--accent);text-decoration:none}nav{display:flex;gap:24px;font-size:13px}main{max-width:1200px;margin:auto;padding:40px 28px}.intro{max-width:740px;margin-bottom:32px}small{font-size:10px;letter-spacing:1.7px;color:#a9bf86}h1{font-size:clamp(36px,5vw,62px);line-height:1.06;letter-spacing:-2px;margin:18px 0}h2{font-size:21px;margin:0 0 20px}p{line-height:1.7;color:#b5c0ad}.columns{display:grid;grid-template-columns:1fr 300px;gap:24px}.panel{padding:25px;border:1px solid var(--border);border-radius:12px;background:#171e14;margin-bottom:28px}label{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#c9d5ba}button,select,input{font:inherit}input[type=file]{max-width:100%;padding:12px;border:1px dashed #546445;border-radius:6px}button{background:var(--accent);color:#1d2714;padding:12px 18px;border:0;border-radius:6px;font-weight:700;cursor:pointer;margin-top:16px}button:disabled{opacity:.45;cursor:wait}select{padding:10px;background:#252e20;border:1px solid #536545;border-radius:6px;color:inherit}.muted{color:#96a68b;font-size:12px}.ad{min-height:250px;border:1px dashed #526345;border-radius:10px;background:#1b2118;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;color:#9eaf8c;gap:12px;margin-bottom:28px}.ad strong{color:#c9d6bb;font-size:18px}.ad span{font-size:11px;opacity:.6}.ad p{font-size:12px;margin:0}.ad-wide{min-height:110px;margin-top:32px}.rounds{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:20px}.round,.clip{padding:20px;background:#20291b;border:1px solid #435237;border-radius:9px}.round h3,.clip h3{margin:0 0 12px;font-size:17px}.round p{font-size:13px;margin:6px 0}.round button{width:100%}.clips{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.clip video{width:100%;aspect-ratio:16/9;background:#090c08;border-radius:5px}.clip p{font-size:12px}.clip a{display:inline-block;margin-right:15px;font-size:13px}progress{width:100%;accent-color:var(--accent);margin:15px 0}footer{padding:28px;max-width:1200px;margin:auto;color:#7f9272;font-size:12px;line-height:1.8}#status{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:760px){.columns{grid-template-columns:1fr}nav{gap:12px;font-size:11px}header{padding:18px}.panel{padding:18px}main{padding:26px 18px}}

.export-frame{position:fixed;left:0;top:0;opacity:.001;z-index:-1;width:1920px;height:1080px;border:0;pointer-events:none}.export-ad{padding:24px;background:#20271b;border:1px solid #687d3c;margin-top:16px}

.export-ad video{display:block;width:min(100%,480px);aspect-ratio:16/9;margin:12px 0}
/* Studio: cool graphite, bright accents, stronger hierarchy. */
:root{background:#101117;color:#f4f2ff;--accent:#b9a1ff;--border:#343444}
body{background:radial-gradient(ellipse at 85% 0,#4d346c30,transparent 42%),radial-gradient(ellipse at 0 50%,#12647b18,transparent 50%),#101117}
header{background:#14141ce8;border-bottom-color:#353341}header>a{color:#c4afff;letter-spacing:-1px}nav a{color:#d6d0e8}nav a:hover{color:#83e4ff}
.intro{max-width:850px;padding:15px 0 12px}.intro small{color:#8ce2ff}.intro h1{font-size:clamp(40px,5.5vw,68px);background:linear-gradient(120deg,#fff 20%,#c7afff 65%,#81ddff);background-clip:text;color:transparent}.intro p{max-width:620px;font-size:16px;color:#bcb7cf}
.panel{background:linear-gradient(145deg,#20202d,#181921);border-color:#393749;border-radius:18px;box-shadow:0 12px 35px #0002}.panel h2{letter-spacing:-.5px}label{color:#ded8ef}p,.muted{color:#aba7be}small{color:#a5ddec}button{background:#bca5ff;color:#211835;border-radius:9px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#d2c2ff;transform:translateY(-1px)}select{background:#22222e;border-color:#4a445f;color:#ece8fa}input[type=file]{border-color:#56506d;background:#14151d}.round,.clip{background:#171820;border-color:#393747;border-radius:14px}.round{border-top:3px solid #a88be4}.round h3{color:#ede6ff}.clip h3{color:#ded2ff}.ad{background:repeating-linear-gradient(135deg,#191b25,#191b25 12px,#1d202a 12px,#1d202a 13px);border-color:#495364;color:#a4b2c6}.ad strong{color:#d8e3ed}.ad p{color:#a4b2c6}footer{color:#8f8aa4}

:root{color-scheme:dark;--accent:#b05cff;--border:#2d3e58}body{background:radial-gradient(ellipse at 70% 0,#243b6255,transparent 50%),#080e19;color:#f2f4ff;font-family:Inter,Segoe UI,Arial,sans-serif}header{max-width:1240px;margin:auto;padding:20px 28px;background:#080f1bd9;border-color:#29364b;gap:32px}header>a.studio-brand{font-size:28px;font-style:italic;letter-spacing:-1.5px;color:#bd77ff}header nav{flex:1;gap:22px}nav a{font-size:12px;color:#bac9e2}.steam-link{font-size:11px;border:1px solid #563b84;padding:9px 12px;border-radius:5px;color:#d8b8ff}main{max-width:1200px;padding:32px 28px}.intro{margin:0 0 22px;padding:0;max-width:760px}.intro small{color:#a7badb;font-size:10px;letter-spacing:1px}.intro h1{font-size:36px;font-weight:950;letter-spacing:-.9px;background:none;color:#f4f5ff;margin:16px 0 12px}.intro p{font-size:14px;max-width:620px;color:#abbdd9}.columns{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.panel{padding:24px;background:linear-gradient(130deg,#142039,#0c1627);border:1px solid #2c3d58;border-radius:7px;box-shadow:none;margin-bottom:24px}.panel h2{font-size:20px}p,.muted{color:#a6b8d4}.demo-drop{position:relative;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:12px;min-height:220px;background:#0b1425;border:1px dashed #8e6dcd;border-radius:5px;padding:24px;color:#dce4fa}.demo-drop .upload-symbol{font-size:44px;line-height:1;color:#b29eea}.demo-drop b{font-size:17px}.demo-drop>span:not(.upload-symbol){font-size:12px;color:#9cb1d4}.demo-drop input[type=file]{max-width:100%;font-size:11px;background:#142039;border:0;color:#b8c8e4;padding:10px}button{color:white;background:linear-gradient(125deg,#9744ef,#b15bff);border:1px solid #bc86fb55;border-radius:5px;font-size:12px;padding:11px 16px}button:hover:not(:disabled){background:#ba72ff}.rounds{display:flex;flex-direction:column;gap:9px}.round{display:grid;grid-template-columns:110px 1fr 1fr auto;align-items:center;gap:16px;padding:15px 18px;border:1px solid #2b3c55;background:#101a2b;border-radius:6px}.round h3{font-size:15px;margin:0;color:#ecf1ff}.round p{margin:0;font-size:12px}.round button{width:auto;margin:0}.round:hover{border-color:#8751be}select{background:#101a2d;border-color:#3e5375;border-radius:5px;min-width:190px}#round-panel>label{margin-top:20px}.ad{border:1px solid #3f3567;border-radius:7px;background:radial-gradient(ellipse at 95% 0,#7838bb50,transparent 60%),#101a2b;color:#b9b8dd}.ad strong{font-size:22px;color:#e7d8ff}.ad small{font-size:9px;color:#a4b5d5}.how-steps{width:100%;text-align:left;border-top:1px solid #ffffff20;padding-top:16px;margin-top:12px}.how-steps>b{font-size:14px;color:#f0eaff}.how-steps p{margin:9px 0;font-size:12px}.clips{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.clip{padding:13px;border:1px solid #2b3d58;border-radius:7px;background:#101a2b;min-width:0}.clip h3{font-size:14px;color:#e8ecfa;margin-bottom:12px}.clip p{font-size:11px}.clip a{font-size:11px;color:#bc8af6}.clip .clutch-player{border:0;border-radius:4px;overflow:hidden}.ad-wide{min-height:90px}.ad-wide span{display:none}.export-ad{position:relative;background:#111e34;border:1px solid #7950ae;border-radius:6px;max-width:520px}.export-ad video{width:100%;aspect-ratio:16/9}.export-ad small{color:#c196f4}.export-ad h3{font-size:16px}progress{height:12px;border-radius:8px;overflow:hidden;background:#263247}progress::-webkit-progress-bar{background:#263247;border-radius:8px}progress::-webkit-progress-value{background:linear-gradient(90deg,#9744ef,#bf76ff);border-radius:8px}footer{color:#91a3bf}.clip .cp-controls>.cp-select:first-of-type{margin-left:auto}
@media(max-width:900px){.clips{grid-template-columns:repeat(2,minmax(0,1fr))}.round{grid-template-columns:90px 1fr auto}.round p:nth-of-type(2){display:none}header{flex-wrap:wrap;gap:18px}header nav{order:3;width:100%;flex-basis:100%;overflow:auto}.steam-link{margin-left:auto}}@media(max-width:760px){.columns{grid-template-columns:1fr}.intro h1{font-size:30px}main{padding:24px 18px}.round{padding:12px;gap:10px}.round button{max-width:115px}.clips{grid-template-columns:1fr}.demo-drop{min-height:200px}}

.studio-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;font-size:12px}.studio-tools a{color:#a5b7d4}.studio-tools button{margin:0;background:#1b2b43;color:#cfb4f0}.demo-drop.dragging{background:#34204f;border-color:#c784ff}body[data-view="upload"] #round-panel,body[data-view="upload"] #job-panel{display:none}body[data-view="rounds"] .columns,body[data-view="rounds"] #job-panel,body[data-view="rounds"] #library,body[data-view="job"] .columns,body[data-view="job"] #round-panel,body[data-view="job"] #library,body[data-view="library"] .columns,body[data-view="library"] #round-panel,body[data-view="library"] #job-panel{display:none}body[data-view="library"] #library>h2,body[data-view="job"] #job-panel>h2,body[data-view="rounds"] #round-panel>h2{display:none}body[data-view="job"] .intro>p,body[data-view="library"] .intro>p{display:none}body[data-view="job"] #job-panel{max-width:900px;margin:0 auto 30px}#job-status{font-size:16px;color:#e3d3ff}.export-ad{margin:24px auto 0}