:root{color-scheme:dark;--bg:#101010;--surface:#1a1a1a;--border:#303030;--muted:#a3a3a3;--accent:#e0e0e0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f7f7f7;font:15px/1.55 system-ui,sans-serif}header,main{max-width:1180px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}a{color:inherit;text-decoration:none}.logo{font-size:27px;font-weight:900;letter-spacing:-1px}.logo span{font-size:10px;font-weight:500;letter-spacing:2px;color:var(--muted);margin-left:16px}.pill,.tag{font-size:11px;letter-spacing:1px;border:1px solid var(--border);border-radius:30px;padding:7px 12px;color:var(--muted)}.hero{display:flex;justify-content:space-between;align-items:center;padding:45px 0 40px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--accent)}h1{font-size:clamp(36px,5vw,61px);line-height:1.08;letter-spacing:-2px;margin:18px 0}h2{font-size:20px;letter-spacing:-.5px;margin:0 0 12px}.muted{color:var(--muted)}.hero .muted{max-width:480px}.hero-stat{border-left:1px solid var(--border);padding-left:44px;min-width:220px}.hero-stat span{font-size:70px;font-weight:800;color:var(--accent)}.hero-stat p{color:var(--muted)}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:25px;margin-bottom:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.card-head h2{margin:0}label{display:block;font-size:12px;color:var(--muted);margin:14px 0}input,select{display:block;width:100%;margin-top:7px;border-radius:7px;background:#131313;border:1px solid var(--border);padding:11px 12px;color:#ffffff;font:inherit}button{background:var(--accent);color:#1e1e1e;border:0;border-radius:7px;padding:11px 16px;font:600 12px system-ui;cursor:pointer}.secondary{background:#272727;color:#e6e6e6;border:1px solid #404040}button:hover{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:wait}.actions{display:flex;gap:10px;margin:17px 0;flex-wrap:wrap}.balance{font-size:66px;font-weight:750;letter-spacing:-3px;padding:30px 0}.balance span{display:block;font-size:12px;letter-spacing:0;color:var(--muted);font-weight:400}.small{color:var(--muted);font-size:12px}.upload{display:flex;justify-content:space-between;gap:25px;align-items:center}.upload form{min-width:320px}.upload button{margin-top:12px;width:100%}.empty{padding:24px 0;color:var(--muted)}.row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.row:last-child{border:0}.row label{display:flex;align-items:center;gap:12px;margin:0}.row input[type=checkbox]{width:auto;margin:0}.row p{margin:4px 0;color:var(--muted);font-size:12px}details{border-top:1px solid var(--border);margin-top:22px;padding-top:16px}summary{cursor:pointer;color:var(--muted);font-size:12px}#notice:not(:empty){border-left:3px solid var(--accent);background:#202020;padding:13px 17px;margin-bottom:20px;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;padding:20px 0}[hidden]{display:none!important}@media(max-width:700px){.grid{grid-template-columns:1fr}.hero-stat{display:none}.upload{display:block}.upload form{min-width:0}.logo span{display:none}.row{align-items:flex-start;flex-wrap:wrap}header,main{padding:18px}}



#clip-player{display:block;width:100%;max-height:70vh;aspect-ratio:16/9;background:#000000;border-radius:8px}#player-card{scroll-margin:20px}



.movie-builder{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding:30px;border:1px solid #8b8b8b;border-radius:14px;background:radial-gradient(ellipse at right top,rgba(209,209,209,.18),transparent 65%),linear-gradient(120deg,#202020,#1b1b1b);box-shadow:0 0 35px rgba(209,209,209,.06)}

.movie-copy .eyebrow{margin:0 0 10px}.movie-copy h3{font-size:32px;letter-spacing:-1px;line-height:1.15;margin:0 0 10px;color:#f5f5f5}.movie-copy p{margin:8px 0;color:var(--muted)}.movie-copy .movie-selection{color:#e6e6e6;font-size:13px}.movie-cta{min-width:230px;text-align:center}.movie-cta button{width:100%;padding:18px 25px;font-size:17px;border-radius:10px;box-shadow:0 8px 30px rgba(209,209,209,.16);transition:transform .15s,box-shadow .15s}.movie-cta button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 40px rgba(209,209,209,.3)}.movie-cta button:disabled{cursor:default;box-shadow:none}.movie-cta p{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0 0}@media(max-width:700px){.movie-builder{display:block;padding:23px}.movie-cta{margin-top:22px}.movie-copy h3{font-size:29px}}



/* Shared ZeTaX identity; game-specific accents live on data-game. */

:root{--bg:#0e0e0e;--surface:#181818;--border:#323232;--muted:#aaaaaa;--accent:#f4f4f4;--game-accent:#c5c5c5;--heading-font:Bahnschrift,"Arial Narrow",system-ui,sans-serif}

body[data-game="cs2"]{--game-accent:#c5c5c5}

html{scroll-behavior:smooth;scroll-padding-top:24px}

body{background:radial-gradient(ellipse at 85% 0,rgba(171,171,171,.09),transparent 35%),linear-gradient(135deg,transparent 49.8%,rgba(255,255,255,.015) 50%,transparent 50.2%),var(--bg);background-size:auto,80px 80px,auto;font-size:14px}

header,main{max-width:1320px;padding:26px 38px}

main{padding-top:0}

.site-header{gap:25px;min-height:95px;border-bottom:1px solid var(--border)}

.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}

.brand-mark{width:34px;height:34px;color:var(--accent);filter:drop-shadow(0 0 9px rgba(224,224,224,.15))}

.logo .brand-word{display:inline;margin:0;font:900 30px/1 var(--heading-font);letter-spacing:-1.5px;color:#f4f4f4}

.logo .brand-caption{margin:0 0 0 9px;max-width:90px;font:600 9px/1.8 var(--heading-font);letter-spacing:1.5px;color:var(--muted)}

.main-nav{display:flex;justify-content:center;gap:24px;margin-left:auto}

.main-nav a{font:600 12px/1.4 var(--heading-font);letter-spacing:.7px;color:#c1c1c1;padding:12px 0}

.main-nav a:hover{color:var(--accent)}

.pill{border-radius:5px;font-size:10px;white-space:nowrap;border-color:#424242;color:#cecece;background:rgba(224,224,224,.04)}

.game-strip{display:flex;align-items:center;gap:13px;padding:24px 0;font:600 10px/1.4 var(--heading-font);letter-spacing:1.6px;color:#dcdcdc}

.game-badge{padding:5px 10px;border:1px solid #888888;background:rgba(171,171,171,.12);color:var(--game-accent);font-weight:800;font-size:13px;border-radius:3px}

.game-mode{color:var(--muted);padding-left:14px;border-left:1px solid var(--border)}

.hero{position:relative;isolation:isolate;overflow:hidden;gap:35px;padding:42px 38px 42px;margin-bottom:28px;min-height:385px;border:1px solid #3b3b3b;border-radius:8px;background:linear-gradient(105deg,#1d1d1d 0%,#191919 55%,#202020);box-shadow:0 20px 70px rgba(0,0,0,.2)}

.hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--game-accent),var(--accent));z-index:-1}

.hero-copy{position:relative;z-index:2;flex:1;min-width:0}

.eyebrow{font:700 10px/1.6 var(--heading-font);letter-spacing:2px;color:var(--accent)}

.hero .eyebrow{color:var(--game-accent);margin:0 0 20px}

h1{font-family:var(--heading-font);font-size:clamp(38px,4.7vw,66px);font-weight:900;line-height:.98;letter-spacing:-1.7px;margin:0 0 22px}

h1 em{color:var(--accent);font-style:normal}

.hero .muted{max-width:430px;font-size:14px;line-height:1.8;margin:0}

.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin:26px 0 20px}

.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:14px 22px;background:var(--accent);color:#1e1e1e;border-radius:4px;font:800 13px/1.4 var(--heading-font);box-shadow:0 4px 24px rgba(224,224,224,.09)}

.primary-link:hover{background:#e9e9e9}

.text-link{color:#d9d9d9;font-size:12px;font-weight:600}

.text-link span{margin-left:10px;color:var(--game-accent)}

.hero-note{color:#949494;font:500 10px/1.5 var(--heading-font);letter-spacing:1px;margin:0}

.tactical-art{position:relative;flex:0 1 430px;min-width:300px;color:#8f8f8f;border:1px solid #484848;background:linear-gradient(130deg,rgba(224,224,224,.025),rgba(171,171,171,.06));transform:rotate(-2deg);box-shadow:0 20px 40px rgba(0,0,0,.24);border-radius:5px}

.tactical-top,.tactical-bottom{display:flex;align-items:center;justify-content:space-between;padding:13px 19px;font:600 9px/1.5 var(--heading-font);letter-spacing:1.2px;color:#b4b4b4}

.tactical-top{border-bottom:1px solid #3b3b3b}

.tactical-cross{color:var(--game-accent);font-size:21px;line-height:1}

.tactical-map{display:block;width:100%;height:auto}

.map-route{stroke:var(--game-accent);opacity:.6}

.map-player{fill:var(--accent)}

.map-reticle{stroke:var(--accent);stroke-width:1;opacity:.65}

.site-marker rect{fill:#272727;stroke:var(--game-accent);stroke-opacity:.7}

.site-marker text{fill:var(--game-accent);font:700 17px var(--heading-font)}

.tactical-bottom{border-top:1px solid #3b3b3b}

.tactical-bottom strong{color:var(--accent);font-weight:700}

.hero-watermark{position:absolute;bottom:50px;right:18px;pointer-events:none;font:900 35px/1 var(--heading-font);letter-spacing:-2px;color:rgba(171,171,171,.09)}

h2,h3{font-family:var(--heading-font);font-weight:750}

h2{font-size:23px;letter-spacing:-.5px}

.card{border-radius:7px;padding:26px 28px;background:linear-gradient(130deg,rgba(33,33,33,.97),rgba(22,22,22,.98));box-shadow:0 8px 25px rgba(0,0,0,.08);scroll-margin-top:24px}

.section-kicker{color:var(--game-accent);font:600 9px/1.6 var(--heading-font);letter-spacing:1.6px;margin-bottom:13px}

.card-head{gap:20px}

.upload{position:relative;border-color:#525252;background:linear-gradient(115deg,#222222,#1b1b1b);padding:30px 28px}

.upload:after{content:".DEM";position:absolute;right:360px;bottom:10px;pointer-events:none;font:900 66px/1 var(--heading-font);color:rgba(224,224,224,.035)}

.upload .eyebrow{margin-top:0}

.upload h2{font-size:28px;margin-bottom:8px}

.upload .muted{max-width:480px;margin-bottom:0;font-size:12px}

.upload form{min-width:330px;max-width:400px;width:36%}

.file-label{font:600 9px/1.5 var(--heading-font);letter-spacing:1.4px;margin:0 0 8px}

input,select{background:#111111;border-color:#3f3f3f;border-radius:4px;padding:12px;color:#efefef}

input[type=file]{font-size:11px;border-style:dashed;cursor:pointer}

input::file-selector-button{background:#2e2e2e;color:#cfcfcf;border:1px solid #505050;border-radius:3px;padding:7px 9px;margin-right:12px;font:600 10px var(--heading-font);cursor:pointer}

button{border-radius:4px;padding:12px 17px;font:700 12px/1.4 var(--heading-font);letter-spacing:.3px;transition:background .15s,box-shadow .15s}

button:not(:disabled):hover{box-shadow:0 0 18px rgba(224,224,224,.1)}

button:disabled{cursor:default;opacity:.5}

.secondary{background:#272727;border-color:#444444;color:#e1e1e1}

.secondary:hover{border-color:#6f6f6f}

.actions{align-items:center}

#detail-title{overflow-wrap:anywhere;font-size:19px;color:#e0e0e0}

#analysis-summary{padding:12px 15px;border-left:2px solid var(--accent);background:rgba(224,224,224,.035);font-size:12px}

#player-picker{max-width:440px;font:600 10px/1.6 var(--heading-font);letter-spacing:1px;color:#cacaca;text-transform:uppercase}

#highlight-player{text-transform:none;letter-spacing:0;font-size:13px;margin-top:9px}

.row{position:relative;gap:20px;padding:18px 12px;margin:0 -12px;border-bottom-color:#333333;border-radius:4px}

.row:hover{background:rgba(171,171,171,.035)}

.row strong{font-family:var(--heading-font);font-size:15px;font-weight:650;color:#eaeaea;overflow-wrap:anywhere}

.row p{font-size:11px;line-height:1.7;color:#a1a1a1}

.row label{cursor:pointer;color:#dbdbdb}

.row input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent);cursor:pointer}

.row input[type=checkbox]:disabled{cursor:default;opacity:.45}

.row:has(input:checked){background:rgba(224,224,224,.055);box-shadow:inset 2px 0 var(--accent)}

#highlight-actions{padding-top:14px;font-size:11px}

.movie-builder{margin-top:24px;padding:32px;background:radial-gradient(ellipse at right top,rgba(224,224,224,.17),transparent 65%),linear-gradient(125deg,#222222,#191919);border-color:#737373;border-radius:6px;box-shadow:0 0 32px rgba(224,224,224,.05)}

.movie-copy h3{font:850 35px/1.12 var(--heading-font);letter-spacing:-1px;color:#f4f4f4}

.movie-copy p{font-size:12px}

.movie-cta button{font:800 17px/1.4 var(--heading-font);border-radius:5px}

.movie-cta button span{margin-left:15px}

#player-card{border-color:#626262;background:#161616}

#clip-player{border-radius:4px}

#job-card{border-left:3px solid var(--game-accent)}

#job-state{font-family:var(--heading-font);font-size:13px;letter-spacing:.3px;color:var(--game-accent);overflow-wrap:anywhere}

#job-message{font-size:13px;color:#dfdfdf;max-width:800px}

#job-card button{margin:5px 8px 5px 0}

#recording-help{font-size:12px}

.grid{grid-template-columns:1.5fr 1fr;gap:18px;margin-top:35px}

#account h2{font-size:20px}

.grid .card{background:#181818}

.tag{border-radius:3px;font:600 9px/1.5 var(--heading-font);padding:5px 9px;color:var(--game-accent);border-color:#4a4a4a;background:rgba(171,171,171,.045)}

.balance{font-family:var(--heading-font);color:var(--accent);font-size:60px;padding:20px 0}

.balance span{color:var(--muted)}

#notice:not(:empty){border-radius:4px;font-size:13px;background:#222222;border-left-color:var(--accent)}

footer{border-top:1px solid var(--border);margin-top:16px;font:500 10px/1.7 var(--heading-font);letter-spacing:1px;gap:15px;flex-wrap:wrap}

.skip-link{position:absolute;top:-100px;left:20px;z-index:20;padding:12px 20px;background:var(--accent);color:#161616}

.skip-link:focus{top:10px}

:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

@media(max-width:1050px){.logo .brand-caption{display:none}.main-nav{gap:18px}.hero{padding:32px 28px;gap:20px}.tactical-art{flex-basis:340px;min-width:260px}h1{font-size:48px}.hero .muted{font-size:13px}.hero-actions{gap:17px}.primary-link{padding:12px 16px}.upload form{min-width:280px}.upload:after{display:none}}

@media(max-width:800px){header,main{padding-left:22px;padding-right:22px}.site-header{flex-wrap:wrap;gap:15px;padding-top:22px;padding-bottom:20px}.main-nav{order:3;justify-content:flex-start;width:100%;gap:26px;margin:0;border-top:1px solid var(--border);padding-top:5px}.pill{margin-left:auto}.hero{min-height:0;gap:0}.tactical-art{position:absolute;right:-70px;top:40px;width:350px;opacity:.18;z-index:-1}.hero-copy{max-width:540px}h1{font-size:52px}.hero .muted{max-width:400px}.upload{display:block}.upload form{width:100%;max-width:none;min-width:0;margin-top:22px}.grid{grid-template-columns:1fr}.card{padding:22px}.movie-builder{display:block;padding:25px}.movie-cta{margin-top:22px;max-width:none}.movie-cta button{width:100%}}

@media(max-width:480px){header,main{padding-left:16px;padding-right:16px}.brand-mark{width:28px;height:28px}.logo .brand-word{display:inline;font-size:27px}.main-nav{gap:23px}.main-nav a{font-size:11px}.game-strip{gap:9px;font-size:9px;letter-spacing:1px;flex-wrap:wrap}.game-mode{font-size:8px}.hero{padding:30px 22px}h1{font-size:42px;letter-spacing:-1.5px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero-actions{gap:18px}.hero-note{font-size:9px}.card{padding:20px}.upload h2{font-size:25px}.row{padding:16px 10px;gap:12px;flex-wrap:wrap;align-items:flex-start}.row button{margin-left:30px}.movie-copy h3{font-size:30px}.pill{font-size:9px;padding:6px 9px}.card-head{flex-wrap:wrap;gap:12px}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}



.game-mode{border-left:0;padding-left:0}.game-badge{letter-spacing:1px}



.logo .brand-short{display:inline;margin:0;color:#ffffff;font:900 30px/1 var(--heading-font);letter-spacing:-1px}.logo .brand-divider{display:inline;margin:0 5px;color:#777777;font:400 25px/1 var(--heading-font);letter-spacing:0}@media(max-width:480px){.logo .brand-short{font-size:27px}.logo .brand-divider{font-size:23px}}



.logo .brand-motto{display:flex;align-items:center;gap:8px;margin:0 0 0 10px;padding:7px 9px 7px 12px;border:1px solid #535353;border-radius:3px;background:#151515;color:#eeeeee;letter-spacing:0}

.logo .motto-lines{display:flex;flex-direction:column;gap:3px;margin:0}

.logo .motto-lines span{display:block;margin:0;color:#eeeeee;font:600 11px/1.2 var(--heading-font);letter-spacing:.3px}

.logo .motto-bracket{display:block;margin:0;color:#999999;font:300 34px/1 var(--heading-font);letter-spacing:0}

@media(max-width:480px){.logo{gap:7px}.logo .brand-motto{margin-left:4px;padding:6px 7px;gap:5px}.logo .motto-lines span{font-size:10px}.logo .motto-bracket{font-size:29px}.site-header .pill{margin-left:0}}



/* Three moments connected as one progression. */

.logo .brand-motto{padding:9px 13px 9px 12px;border-color:#454545;background:linear-gradient(120deg,#191919,#111111)}

.logo .motto-lines{position:relative;gap:7px;padding-left:15px}

.logo .motto-lines:before{content:"";position:absolute;left:3px;top:6px;bottom:6px;width:1px;background:linear-gradient(#666666,#dddddd);border-radius:1px}

.logo .motto-lines span{position:relative;font-size:10px;line-height:1.2;color:#bcbcbc;white-space:nowrap}

.logo .motto-lines span:before{content:"";position:absolute;left:-15px;top:3px;width:7px;height:7px;border:1px solid #8d8d8d;border-radius:50%;background:#171717;box-shadow:0 0 0 2px #171717}

.logo .motto-lines span:last-child{color:#ffffff}

.logo .motto-lines span:last-child:before{border-color:#ffffff;background:#ffffff}

@media(max-width:480px){.logo .brand-motto{padding:8px 9px}.logo .motto-lines{gap:5px;padding-left:12px}.logo .motto-lines span{font-size:9px}.logo .motto-lines:before{left:2px;top:5px;bottom:5px}.logo .motto-lines span:before{left:-12px;top:3px;width:5px;height:5px}}



.job-steps{display:flex;gap:0;margin:23px 0 25px;padding:20px 16px;border:1px solid #333333;border-radius:5px;background:#111111}

.job-step{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;text-align:center;color:#828282}

.job-step:before{content:"";position:absolute;top:7px;left:-50%;width:100%;height:1px;background:#393939}

.job-step:first-child:before{display:none}.step-dot{position:relative;z-index:1;width:15px;height:15px;flex-shrink:0;border:2px solid #555555;border-radius:50%;background:#111111;box-shadow:0 0 0 5px #111111}

.step-label{font:600 11px/1.4 var(--heading-font);padding:0 6px}

.job-step.complete{color:#dddddd}.job-step.complete .step-dot{background:#dedede;border-color:#dedede}.job-step.complete:before{background:#bbbbbb}

.job-step.active{color:#ffffff}.job-step.active .step-dot{border-color:#ffffff;background:#ffffff;animation:step-pulse 1.8s ease-in-out infinite}.job-step.active:before{background:#bbbbbb}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@keyframes step-pulse{0%,100%{box-shadow:0 0 0 5px #111111,0 0 0 6px #444444}50%{box-shadow:0 0 0 5px #111111,0 0 0 9px #333333}}

@media(max-width:480px){.job-steps{padding:18px 7px}.step-label{font-size:9px;padding:0 3px}.step-dot{width:13px;height:13px}.job-step:before{top:6px}}

@media(prefers-reduced-motion:reduce){.job-step.active .step-dot{animation:none}}



.player-audio-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:17px 0}.player-audio-controls span{color:#bcbcbc;font-size:12px}



#native-player{display:block;width:100%;height:min(65vh,660px);min-height:260px;background:#000;border:0;border-radius:4px}



.player-brand{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 4px 4px}

.player-brand-flow{display:flex;align-items:center;gap:16px;font-size:clamp(14px,1.5vw,19px);font-weight:600;letter-spacing:-.35px;color:#aaa}

.player-brand-flow strong{color:#fff;font-weight:800}

.player-brand-flow i{display:block;width:35px;height:1px;background:linear-gradient(90deg,#414141,#a0a0a0);position:relative}

.player-brand-flow i::after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#bcbcbc}

.player-brand-mark{display:flex;align-items:center;gap:12px;font-size:18px;letter-spacing:-.6px;white-space:nowrap;color:#f1f1f1}

.player-brand-mark>b:first-child{font-size:23px;font-weight:900}.player-brand-mark>span{color:#555;font-weight:400}

@media(max-width:650px){.player-brand{flex-direction:column;align-items:flex-start;gap:18px}.player-brand-flow{gap:10px;font-size:13px}.player-brand-flow i{width:15px}.player-brand-mark{font-size:15px}}





#movie-builder{display:flex;flex-direction:column;align-items:stretch;gap:24px}

#movie-builder .movie-cta{max-width:none;width:100%;margin-top:0;order:3}#movie-builder .movie-cta button{width:100%;min-height:54px}

.movie-sequence{width:100%;order:2;border-top:1px solid #555;padding-top:24px}

.movie-sequence h4{margin:0;font-size:24px;letter-spacing:-.6px}.movie-sequence>p{margin:8px 0 20px;color:#aaa;font-size:14px}

.movie-sequence ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}

.movie-order-card{display:grid;grid-template-columns:60px minmax(0,1fr) 150px;align-items:center;gap:20px;padding:20px;background:#111;border:1px solid #494949;border-radius:7px}

.movie-order-card:first-child{border-color:#929292}.movie-order-number{display:grid;place-items:center;width:60px;height:60px;background:#292929;border:1px solid #555;border-radius:6px;color:#fff;font-size:28px;font-weight:900;letter-spacing:-1px}

.movie-order-copy{display:grid;gap:6px;min-width:0}.movie-order-role{font-size:10px;letter-spacing:2px;color:#aaa;font-weight:700}.movie-order-copy strong{font-size:17px;color:#fff;overflow-wrap:anywhere}

.movie-order-position{margin:0;display:grid;gap:6px}.movie-order-position>span{font-size:12px;color:#bcbcbc}.movie-order-position select{margin:0;min-height:46px;width:100%;background:#262626;border-color:#777;cursor:pointer;font-size:15px}

.movie-sequence .movie-order-status:empty{display:none}.movie-sequence .movie-order-status{margin-bottom:0;color:#ddd;font-size:13px}

@media(max-width:650px){.movie-order-card{grid-template-columns:46px minmax(0,1fr);gap:14px;padding:16px}.movie-order-number{width:46px;height:46px;font-size:23px}.movie-order-position{grid-column:2}.movie-order-copy strong{font-size:15px}}



.player-download-actions{display:flex;justify-content:flex-end;margin-top:18px;padding-top:18px;border-top:1px solid #333}

.player-download-actions button{min-width:190px;min-height:46px;font-weight:800}

.player-download-actions:has(button[hidden]){display:none}

@media(max-width:650px){.player-download-actions button{width:100%}}



.upload-progress-panel{width:100%;border:1px solid #555;background:#121212;padding:18px;border-radius:6px;margin-top:10px}

.upload-progress-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.upload-progress-head strong{font-size:15px}.upload-progress-head>span{color:#fff;font-weight:800}

.upload-progress-panel progress{display:block;width:100%;height:9px;margin-top:14px;border:0;border-radius:8px;overflow:hidden;appearance:none;background:#333}

.upload-progress-panel progress::-webkit-progress-bar{background:#333}.upload-progress-panel progress::-webkit-progress-value{background:#eee}.upload-progress-panel progress::-moz-progress-bar{background:#eee}

.upload-progress-panel p{margin:8px 0 0;color:#aaa;font-size:12px}.upload-progress-panel #upload-status{color:#ddd}



.movie-name-label{font-weight:700;color:#eee}.movie-name-label span{font-size:11px;color:#999;font-weight:400;margin-left:8px}#movie-name{margin:8px 0 16px;width:100%;min-height:46px}



#movie-builder .movie-name-label{display:block;font:800 clamp(21px,2.5vw,28px)/1.2 var(--heading-font,system-ui);letter-spacing:-.7px;color:#fff;margin-bottom:12px}#movie-name{font-size:16px;padding:14px 16px;min-height:52px;border-color:#777}



.movie-runtime{display:inline-block;margin:0 0 18px;padding:8px 12px;border:1px solid #555;border-radius:5px;font-weight:700;font-size:13px;color:#eee;background:#242424}

.movie-order-preview{display:flex;align-items:center;gap:14px;margin-top:6px}.movie-order-preview>span{color:#aaa;font-size:13px;font-variant-numeric:tabular-nums}.movie-order-preview button{padding:7px 12px;font-size:12px;min-height:34px}



.selection-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid #3a3a3a;margin-top:12px}

.selection-tool-buttons{display:flex;gap:8px;flex-wrap:wrap}.selection-tool-buttons button{padding:9px 13px;min-height:38px}.selection-tools>span{font-size:12px;color:#bbb;white-space:nowrap}



.highlight-browser{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;border-top:1px solid #333;padding-top:8px;margin-top:20px}.highlight-browser label{min-width:180px;margin:10px 0}.highlight-browser select{min-height:44px}.highlight-browser>p{color:#aaa;font-size:12px;margin:0 0 21px}



.library-more{display:block;margin:22px auto 0;min-height:44px;min-width:210px}


/* Creator workspace: clip library, native preview, settings and timeline. */
.movie-builder{display:grid;grid-template-columns:240px minmax(260px,1fr) 250px;grid-template-areas:"heading heading heading" "library preview settings" "timeline timeline timeline";gap:18px;padding:22px;align-items:start;background:#141414;overflow:hidden}
.movie-copy{grid-area:heading;border-bottom:1px solid #353535;padding-bottom:12px}.movie-copy h3{font-size:27px}.movie-copy .movie-selection{margin-bottom:0}
.editor-library{grid-area:library;border:1px solid #353535;border-radius:7px;background:#1b1b1b;padding:14px;min-width:0;max-height:570px;overflow:auto}
.editor-panel-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.editor-panel-head span{font-size:10px;font-weight:800;letter-spacing:1px;color:#aaa;border:1px solid #555;border-radius:4px;padding:4px 6px}.editor-panel-head h4{font-size:15px;margin:0;color:#eee}
.editor-library .row{display:block;padding:13px 0;border-bottom:1px solid #393939}.editor-library .row label{display:flex;align-items:flex-start;gap:10px;min-width:0}.editor-library .row strong{font-size:13px;overflow-wrap:anywhere}.editor-library .row p{font-size:11px;overflow-wrap:anywhere;margin:6px 0}.editor-library .row button{font-size:11px;padding:7px 11px;margin-top:6px}.editor-library input[type=checkbox]{flex-shrink:0;margin-top:3px}
.editor-preview-pane{grid-area:preview;min-width:0;display:grid;align-content:center;background:#080808;border:1px solid #333;border-radius:7px;min-height:330px}
.editor-empty-preview{text-align:center;padding:38px 24px;color:#aaa}.editor-empty-preview h4{color:#eee;font-size:22px;margin:15px 0 10px}.editor-empty-preview p{font-size:13px;line-height:1.7}.editor-preview-mark{font:900 44px Bahnschrift,system-ui;color:#eee;letter-spacing:-4px}
.editor-preview-pane #player-card{margin:0;padding:14px;border:0;background:transparent}.editor-preview-pane #player-card .section-kicker{font-size:9px}.editor-preview-pane #player-title{font-size:19px}.editor-preview-pane #native-player{width:100%;height:auto;aspect-ratio:16/9;min-height:0}.editor-preview-pane #player-brand{padding:12px 8px}.editor-preview-pane #player-download,.editor-preview-pane #player-close{padding:8px 12px;font-size:12px}
.movie-cta{grid-area:settings;min-width:0;text-align:left;padding:14px;background:#1b1b1b;border:1px solid #353535;border-radius:7px}.movie-cta .movie-name-label{font-size:12px}.movie-cta button{font-size:12px;padding:11px 14px;margin-top:10px;box-shadow:none}.movie-cta select,.movie-cta input{width:100%;font-size:12px}.movie-cta p{font-size:11px}
.movie-sequence{grid-area:timeline;width:100%;order:0;margin-top:0;padding-top:16px;border-top:1px solid #444;min-width:0}.movie-sequence>p{font-size:12px;color:#aaa}.movie-runtime{font-size:13px}
#movie-sequence-list{display:flex;gap:10px;overflow-x:auto;list-style:none;padding:8px 0 15px;margin:0;scroll-snap-type:x proximity;min-height:160px}
.movie-order-card{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:9px;flex:0 0 200px;padding:12px;border-radius:6px;cursor:grab;scroll-snap-align:start;background:linear-gradient(145deg,#303030,#171717);border:1px solid #616161}.movie-order-card:active{cursor:grabbing}.movie-order-card.dragging{opacity:.45}.movie-order-card.drop-target{outline:2px solid #f1f1f1;outline-offset:2px}.movie-order-number{width:25px;height:25px;font-size:13px}.movie-order-copy strong{font-size:12px;display:block;overflow-wrap:anywhere}.movie-order-role{font-size:9px}.movie-order-position{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:8px}.movie-order-position select{width:78px;font-size:11px;padding:4px}.movie-order-preview button{font-size:10px;padding:5px 8px}.movie-order-preview{gap:8px}.movie-order-preview span{font-size:11px}
@media(max-width:1100px){.movie-builder{grid-template-columns:200px minmax(230px,1fr);grid-template-areas:"heading heading" "library preview" "settings settings" "timeline timeline"}.movie-cta{display:block}.editor-library{max-height:470px}}
@media(max-width:700px){.movie-builder{display:flex;flex-direction:column;padding:14px;gap:14px}.movie-builder>*{width:100%}.editor-preview-pane{order:1;min-height:240px}.editor-library{order:2;max-height:360px}.movie-sequence{order:3}.movie-cta{order:4;margin-top:0}.movie-copy{order:0}.movie-order-card{flex-basis:180px}.movie-order-position{grid-column:auto}}

.movie-time-range{display:block;color:#aaa;font-size:.75rem;font-variant-numeric:tabular-nums;margin-top:6px}.movie-remove{font-size:.75rem}.movie-order-preview{flex-wrap:wrap}

.project-edit-state{padding:9px 11px;border-left:2px solid #777;background:#191919;color:#ccc;font-size:.8rem}.project-edit-state.unsaved{border-left-color:#fff;color:#fff}

.demo-library-summary{padding:12px 15px;margin:12px 0;border:1px solid #383838;background:#171717;color:#ddd;font-size:.85rem}.demo-library-row strong{overflow-wrap:anywhere}.demo-state{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;margin:10px 0 4px}.demo-state:before{content:"";width:7px;height:7px;border-radius:50%;background:#777}.demo-state-ready:before{background:#fff}.demo-state-analyzing:before,.demo-state-queued:before{background:#bbb;box-shadow:0 0 0 3px #ffffff12}.demo-state-failed:before,.demo-state-uploaded:before{border:1px solid #ddd;background:transparent}.demo-date{color:#888;font-size:.75rem;margin:4px 0}.demo-help{color:#bbb;font-size:.8rem;max-width:480px;margin:6px 0}

.wallet-values{display:flex;gap:28px;border-top:1px solid #333;padding-top:15px}.wallet-values[hidden]{display:none}.wallet-values dt{font-size:.8rem;color:#aaa}.wallet-values dd{margin:5px 0 0;font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}.main-nav{flex-wrap:wrap}

.premium-section{scroll-margin-top:24px;background:linear-gradient(135deg,#202020,#141414)}.premium-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.premium-heading h2{font-size:clamp(25px,3vw,38px);line-height:1.15}.premium-status{border:1px solid #555;border-radius:999px;padding:6px 12px;white-space:nowrap;font-size:.75rem;color:#ccc}.premium-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.premium-plan{border:1px solid #383838;border-radius:12px;padding:24px;background:#191919}.premium-plan h3{font-size:24px;line-height:1.2;margin:12px 0}.premium-plan ul{padding-left:20px;margin:22px 0;line-height:1.7}.premium-plan li{padding:4px 0;color:#ddd}.premium-featured{border-color:#999;background:radial-gradient(ellipse at top right,#ffffff12,transparent 65%),#202020}.premium-coming-soon{width:100%;cursor:default!important;opacity:.75!important}.premium-footnote{border-top:1px solid #383838;margin-top:24px;padding-top:20px}.premium-footnote p{color:#aaa;max-width:850px;font-size:.85rem}@media(max-width:700px){.premium-comparison{grid-template-columns:1fr}.premium-heading{display:block}.premium-status{display:inline-block;margin-top:8px}.premium-plan{padding:20px}}

.premium-billing-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.premium-billing-options>div{padding:15px;border:1px solid #555;border-radius:8px;background:#151515}.premium-billing-options span{display:block;font-size:.75rem;color:#bbb}.premium-billing-options strong{display:block;font-size:1.65rem;margin-top:8px}.premium-billing-options small{font-size:.75rem;font-weight:400;color:#aaa}.premium-billing-options p{font-size:.8rem;color:#ddd;margin:7px 0}@media(max-width:700px){.premium-billing-options{grid-template-columns:1fr}}

.premium-billing-options{grid-template-columns:1fr}.premium-billing-options>div{display:grid;grid-template-columns:1fr auto;column-gap:12px}.premium-billing-options strong{grid-column:2;grid-row:1 / span 2;margin:0}.premium-billing-options p{grid-column:1}@media(max-width:420px){.premium-billing-options>div{display:block}.premium-billing-options strong{margin-top:8px}}

.header-account-area{position:relative;display:flex;align-items:center;gap:10px;margin-left:auto}.account-wallet-menu{border:1px solid #444;border-radius:9px;padding:0;margin:0;background:#1a1a1a;min-width:160px}.account-wallet-menu>summary{padding:10px 13px;display:flex;justify-content:space-between;gap:15px;align-items:center;color:#eee;font-size:12px;font-weight:650;list-style:none}.account-wallet-menu>summary::-webkit-details-marker{display:none}.account-wallet-menu[open]>.account-wallet-content{position:absolute;right:0;top:calc(100% + 10px);width:min(350px,calc(100vw - 36px));z-index:30;background:#191919;border:1px solid #555;border-radius:12px;padding:16px;box-shadow:0 16px 50px #0009;max-height:80vh;overflow:auto}.account-wallet-content .card{padding:0;margin:0;border:0;background:transparent;border-radius:0}.account-wallet-content #wallet-card{border-top:1px solid #444;padding-top:15px;margin-top:16px}.account-wallet-content h2{font-size:16px}.account-wallet-content .card-head{margin-bottom:8px}.account-wallet-content .balance{font-size:34px;letter-spacing:-1px;padding:8px 0}.account-wallet-content .wallet-values{margin:8px 0;padding-top:8px;gap:25px}.account-wallet-content .wallet-values dd{font-size:18px}.account-wallet-content p{margin:7px 0;font-size:12px}.account-wallet-content label{margin:9px 0}.account-wallet-content input,.account-wallet-content select{padding:8px 10px}.account-wallet-content button{padding:8px 10px;font-size:11px}.account-wallet-content .actions{margin:10px 0}.account-wallet-content details{margin-top:12px;padding-top:10px}.site-header{flex-wrap:wrap;gap:16px}.site-header .main-nav{gap:12px}.header-account-area #connection{font-size:10px}@media(max-width:700px){.header-account-area{margin-left:auto}.header-account-area #connection{display:none}.site-header .main-nav{order:3;width:100%}.account-wallet-menu{min-width:145px}}

.welcome-intro{padding:45px 0 25px;max-width:800px}.welcome-intro .muted{max-width:610px}.welcome-signin{max-width:650px;margin:10px auto 35px;text-align:center;padding:32px}.welcome-login-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.welcome-login-buttons button{padding:16px}.welcome-signin #welcome-status{font-size:.85rem;color:#ddd}@media(max-width:700px){.welcome-login-buttons{grid-template-columns:1fr}.welcome-signin{padding:23px}}

.welcome-top{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:45px;padding:30px 0 45px}.welcome-page .welcome-signin{margin:0;width:100%;text-align:left}.welcome-page .welcome-intro{padding:20px 0}.welcome-page .welcome-intro h1{font-size:clamp(36px,4.5vw,58px)}.welcome-page .welcome-login-buttons{grid-template-columns:1fr}.welcome-page .welcome-login-buttons button{font-size:14px}.welcome-plan-link{display:inline-flex;gap:14px;margin-top:18px;font-weight:650;font-size:13px;border-bottom:1px solid #777;padding-bottom:8px}.welcome-workflow{list-style:none;padding:0;display:flex;gap:20px;margin:35px 0 0}.welcome-workflow li{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#bbb;flex:1;border-top:1px solid #444;padding-top:13px}.welcome-workflow b{font-size:11px;color:#eee;letter-spacing:2px}.welcome-provider-note{border-left:2px solid #666;padding-left:12px;font-size:12px}.welcome-provider-note p{margin:5px 0;color:#aaa}.welcome-free-price{font-size:30px;font-weight:750;margin:15px 0}.welcome-free-price span{font-size:13px;font-weight:400;color:#aaa}.welcome-free-start{display:block;text-align:center;background:#e0e0e0;color:#171717;border-radius:7px;padding:12px;font-size:13px;font-weight:650}.welcome-page #signin{scroll-margin:24px}.welcome-free-start:focus-visible,.welcome-plan-link:focus-visible{outline:2px solid white;outline-offset:5px}@media(max-width:850px){.welcome-top{grid-template-columns:1fr;gap:24px;padding-top:5px}.welcome-page .welcome-signin{max-width:none}.welcome-workflow{margin-top:24px}}

.workspace-overview{margin:24px 0 28px;padding:24px;border:1px solid #444;border-radius:12px;background:#161616}.workspace-overview-heading{display:flex;justify-content:space-between;gap:18px;align-items:center}.workspace-overview-heading h2{font-size:25px}.workspace-overview-heading .eyebrow{margin:0 0 8px}.workspace-upload{background:#e0e0e0;color:#171717;border-radius:7px;padding:11px 15px;font-size:12px;font-weight:650;white-space:nowrap}.workspace-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.workspace-shortcuts>a{display:block;border:1px solid #353535;background:#202020;padding:18px;border-radius:8px;transition:border-color .15s}.workspace-shortcuts>a:hover{border-color:#999}.workspace-shortcuts span{font-size:10px;letter-spacing:1.5px;color:#aaa}.workspace-shortcuts strong{display:block;font-size:17px;margin:8px 0}.workspace-shortcuts small{display:block;font-size:12px;color:#aaa}.workspace-shortcuts a:focus-visible,.workspace-upload:focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:700px){.workspace-shortcuts{grid-template-columns:1fr}.workspace-overview-heading{display:block}.workspace-upload{display:inline-block;margin-top:10px}.workspace-overview{padding:20px}}

.header-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.account-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-bottom:8px}#avatar-settings{margin:12px 0}#avatar-settings input{font-size:12px;max-width:100%}

.account-details{margin:12px 0}.account-details>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #333}.account-details dt{font-size:12px;color:#aaa}.account-details dd{margin:0;text-align:right;font-size:12px;overflow-wrap:anywhere}.account-details a{color:#fff}#account-menu-label{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.points-store{scroll-margin-top:24px}.points-package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.points-package{background:#171717;border:1px solid #3c3c3c;border-radius:12px;padding:20px}.points-package h3{margin-top:0}.points-amount{font-size:30px;font-weight:800;margin:14px 0}.points-amount span{font-size:14px;color:#aaa}.points-price{font-size:24px;font-weight:700}.points-package button{width:100%;font-size:12px}.custom-points{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #333;padding-top:20px}.custom-points input{max-width:260px}.points-wallet-link{display:block;margin:12px 0;color:#fff;font-weight:700}@media(max-width:900px){.points-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.points-package-grid,.custom-points{grid-template-columns:1fr}}

/* Compact plan comparison immediately above point packages. */
.premium-section{padding:20px}.premium-heading h2{font-size:26px}.premium-heading .muted{margin-bottom:0}.premium-comparison{grid-template-columns:1fr 1.6fr;gap:14px;margin-top:14px}.premium-plan{padding:16px}.premium-plan h3{font-size:20px;margin:8px 0}.premium-plan ul{margin:12px 0;line-height:1.35;columns:2;column-gap:24px}.premium-plan li{font-size:12px;padding:3px 0;break-inside:avoid}.premium-plan>.muted,.premium-plan>.small{font-size:12px}.premium-billing-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.premium-billing-options>div{display:block;padding:10px}.premium-billing-options strong{font-size:20px;margin-top:6px}.premium-billing-options p{font-size:11px;margin:5px 0}.premium-footnote{margin-top:14px;padding-top:12px}.premium-footnote p{font-size:12px}.premium-section+.points-store{margin-top:16px}@media(max-width:800px){.premium-comparison{grid-template-columns:1fr}.premium-plan ul{columns:2}}@media(max-width:480px){.premium-billing-options{grid-template-columns:1fr}.premium-plan ul{columns:1}}

/* Small top-up cards above the plan comparison. */
.points-store{padding:16px}.points-store h2{font-size:22px}.points-store>.muted,.points-store>.small{font-size:12px;margin:8px 0}.points-store>.eyebrow{margin-bottom:6px}.points-package-grid{gap:8px;margin:12px 0}.points-package{padding:12px;border-radius:8px}.points-package h3{font-size:14px;margin:0 0 6px}.points-package .points-amount{font-size:23px;margin:6px 0}.points-package .points-price{font-size:18px;margin:6px 0}.points-package button{padding:7px 8px;font-size:11px;min-height:0}.custom-points{grid-template-columns:1fr 1.5fr;gap:12px;padding-top:10px}.custom-points h3{font-size:15px;margin:4px 0}.custom-points .muted{font-size:12px;margin:6px 0}.custom-points>div:last-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.custom-points label{font-size:11px;margin:0}.custom-points input{width:140px;padding:7px;margin:4px 0}.custom-points .points-price{font-size:19px;margin:0}.custom-points button{font-size:11px;padding:8px}.points-store>a{font-size:12px}.points-store+.premium-section{margin-top:16px}@media(max-width:600px){.custom-points{grid-template-columns:1fr}}@media(max-width:520px){.points-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.workspace-overview{padding:18px;margin-bottom:12px}.workspace-shortcuts{gap:10px;margin-top:14px}.workspace-shortcuts>a{padding:14px}.workspace-shortcuts strong{font-size:16px}.workspace-flow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 4px;margin-bottom:16px;font-size:12px;color:#ccc}.workspace-flow i{font-style:normal;color:#666}.workspace-results{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.workspace-results>.card{margin:0 0 20px;min-width:0}.workspace-results .card-head{align-items:center;gap:12px;flex-wrap:wrap}.workspace-results h2{font-size:23px}.workspace-results .empty{padding:20px 0}@media(max-width:800px){.workspace-results{grid-template-columns:1fr}.workspace-flow{justify-content:flex-start}.workspace-flow i{display:none}.workspace-flow span{border:1px solid #333;border-radius:6px;padding:7px}}

.workspace-sidebar{position:sticky;top:16px;float:left;width:200px;padding:24px 16px;margin-left:16px;background:#151515;border:1px solid #333;border-radius:12px}.workspace-sidebar nav{display:flex;flex-direction:column;gap:7px}.workspace-sidebar nav a,.sidebar-shop a{display:block;padding:12px;font-size:13px;color:#aaa;border-radius:7px}.workspace-sidebar nav a:hover{background:#242424;color:#fff}.workspace-sidebar nav a[aria-current="page"]{background:#eee;color:#111;font-weight:700}.sidebar-shop{border-top:1px solid #333;margin-top:24px;padding-top:12px}.workspace-sidebar .eyebrow{font-size:9px}#workspace-main{margin-left:232px;width:auto;max-width:none;padding-top:16px}#workspace-overview,.workspace-flow{display:none!important}
body[data-view] [data-view-section]{display:none!important}body[data-view="home"] [data-view-section="home"],body[data-view="upload"] [data-view-section="upload"],body[data-view="library"] [data-view-section="library"]:not([hidden]),body[data-view="projects"] [data-view-section="projects"]:not([hidden]),body[data-view="movies"] [data-view-section="movies"]:not([hidden]){display:block!important}body[data-view="upload"] #upload-card{display:grid!important}body[data-view="home"] #player-home,body[data-view="home"] #workspace-main > #player-card,body[data-view="home"] #job-card{display:none!important}
@media(max-width:850px){.workspace-sidebar{float:none;position:static;width:auto;margin:12px 16px;padding:12px}.workspace-sidebar nav{flex-direction:row;flex-wrap:wrap;gap:4px}.workspace-sidebar nav a{padding:9px;font-size:12px}.workspace-sidebar>.eyebrow,.sidebar-shop{display:none}#workspace-main{margin-left:0;padding:16px}.site-header{flex-wrap:wrap}}

/* Compact Home hero. */
#workspace-main .hero{min-height:0;padding:22px 24px;margin-bottom:16px;gap:20px}#workspace-main .hero h1{font-size:clamp(28px,3vw,40px);line-height:1.04;margin-bottom:12px;letter-spacing:-1px}#workspace-main .hero .eyebrow{font-size:9px;margin-bottom:10px}#workspace-main .hero .muted{font-size:12px;line-height:1.5;max-width:380px}#workspace-main .hero-actions{gap:16px;margin:14px 0 10px}#workspace-main .hero-actions a{font-size:11px}#workspace-main .hero .primary-link{padding:9px 12px}#workspace-main .tactical-art{flex-basis:250px;min-width:200px;max-width:280px}#workspace-main .tactical-map{max-height:150px}#workspace-main .hero-note{font-size:9px}.points-store>.eyebrow{font-size:9px;letter-spacing:1px}@media(max-width:800px){#workspace-main .hero{padding:18px}#workspace-main .tactical-art{display:none}}

.sidebar-shop a[aria-current="page"]{background:#eee;color:#111;font-weight:700}

body[data-view="shop"] [data-view-section="shop"]{display:block!important}body[data-view="shop"] #player-home,body[data-view="shop"] #workspace-main > #player-card,body[data-view="shop"] #job-card{display:none!important}.sidebar-shop a{line-height:1.5}

.premium-plan>.eyebrow{font-size:clamp(22px,2.4vw,30px);font-weight:800;line-height:1.2;letter-spacing:.2px;color:#fff;margin:0 0 14px;text-transform:none}

.custom-points{display:block;padding-top:10px}.custom-points .custom-points-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.custom-points .custom-points-note{font-size:10px;line-height:1.3;color:#aaa;margin:0;max-width:125px}

/* Prominent individual sidebar buttons. */
.workspace-sidebar nav{gap:10px}.workspace-sidebar nav a,.workspace-sidebar .sidebar-shop a{font-size:16px;font-weight:750;line-height:1.4;color:#eee;background:#202020;border:1px solid #454545;border-radius:6px;padding:14px 12px}.workspace-sidebar nav a:hover,.workspace-sidebar .sidebar-shop a:hover{background:#2b2b2b;border-color:#888}.workspace-sidebar nav a[aria-current="page"],.workspace-sidebar .sidebar-shop a[aria-current="page"]{background:#eee;color:#111;border-color:#eee}.workspace-sidebar .sidebar-shop{padding-top:16px;margin-top:16px}.workspace-sidebar a:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:850px){.workspace-sidebar nav{gap:8px}.workspace-sidebar nav a,.workspace-sidebar .sidebar-shop a{font-size:14px;padding:10px 12px}.workspace-sidebar .sidebar-shop{display:block;margin-top:10px;padding-top:10px}.workspace-sidebar .sidebar-shop a{display:inline-block}}

.workspace-sidebar .sidebar-shop a{display:block;font-size:19px;font-weight:850;padding:20px 14px;line-height:1.45;border:2px solid #8a8a8a;background:linear-gradient(135deg,#353535,#202020);min-height:100px}.workspace-sidebar .sidebar-shop a:hover{border-color:#ddd;background:#383838}.workspace-sidebar .sidebar-shop a[aria-current="page"]{background:#eee;color:#111;border-color:#fff}@media(max-width:850px){.workspace-sidebar .sidebar-shop a{display:block;font-size:17px;min-height:0;padding:16px}}

.workspace-sidebar .sidebar-shop .sidebar-points-cta{position:relative;overflow:hidden;padding:18px 14px;background:radial-gradient(ellipse at top right,#ffffff22,transparent 65%),linear-gradient(145deg,#353535,#191919);border:1px solid #aaa;box-shadow:0 6px 20px #0005;transition:transform .18s,border-color .18s,box-shadow .18s}.sidebar-points-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ddd;border-radius:50%;font-size:13px;font-weight:900;background:#ececec;color:#151515;margin-bottom:12px}.sidebar-points-title{display:block;font-size:20px;font-weight:850;line-height:1.2}.sidebar-points-title>span{float:right;color:#ddd}.sidebar-points-tagline{display:block;font-size:12px;font-weight:600;color:#ddd;margin-top:9px}.sidebar-points-plans{display:block;font-size:10px;font-weight:500;color:#aaa;margin-top:5px}.workspace-sidebar .sidebar-shop .sidebar-points-cta:hover{transform:translateY(-2px);border-color:#fff;box-shadow:0 8px 24px #0008}.workspace-sidebar .sidebar-shop .sidebar-points-cta[aria-current="page"]{background:#e9e9e9;color:#111}.sidebar-points-cta[aria-current="page"] .sidebar-points-tagline,.sidebar-points-cta[aria-current="page"] .sidebar-points-plans,.sidebar-points-cta[aria-current="page"] .sidebar-points-title>span{color:#444}@media(prefers-reduced-motion:reduce){.workspace-sidebar .sidebar-shop .sidebar-points-cta{transition:none}.workspace-sidebar .sidebar-shop .sidebar-points-cta:hover{transform:none}}

.sidebar-points-badge{width:58px;height:48px;border-radius:5px;flex-direction:column;background:#eee;border:1px solid #fff;box-shadow:3px 3px 0 #ffffff26;font-size:23px;font-weight:900;letter-spacing:-1.4px;line-height:1}.sidebar-points-badge>span{font-size:7px;letter-spacing:1.7px;font-weight:750;margin-top:5px}

.points-bonus{display:inline-block;margin:6px 0;padding:4px 8px;border:1px solid #b8e65b;border-radius:4px;color:#d5ff89;font-size:11px;font-weight:800;letter-spacing:.5px}

/* Compact package cards with aligned totals, prices and bonus details. */
.points-package-grid{gap:12px;align-items:stretch}
.points-package{display:flex;flex-direction:column;position:relative;overflow:hidden;padding:18px 16px 14px;border:1px solid #414141;border-radius:12px;background:linear-gradient(145deg,#262626,#151515);box-shadow:0 6px 18px #0003;transition:border-color .18s,transform .18s}
.points-package:hover{transform:translateY(-2px);border-color:#777}
.points-package h3{font-size:14px;font-weight:750;letter-spacing:.3px;margin:0 0 9px;color:#d8d8d8}
.points-package .points-amount{font-size:clamp(28px,3vw,38px);font-weight:900;line-height:1.1;letter-spacing:-1.2px;font-variant-numeric:tabular-nums;margin:10px 0 7px;color:#fff;white-space:nowrap}
.points-package .points-amount span{font-size:12px;font-weight:700;letter-spacing:.5px;color:#a8a8a8}
.points-package .points-price{font-size:22px;font-weight:750;letter-spacing:-.4px;margin:auto 0 12px;padding-top:16px}
.points-package button{border-radius:7px;min-height:34px;font-size:10px;padding:8px 6px}
.points-package-bonus{border-color:#798c49;background:linear-gradient(145deg,#303622,#171b14)}
.points-package-bonus:hover{border-color:#b8dc70}
.points-package-bonus .points-amount{color:#e7ffc5}
.points-bonus{align-self:flex-start;display:inline-flex;margin:0;padding:5px 7px;border:0;border-radius:5px;background:#c7ee8c;color:#20300b;font-size:9px;font-weight:900;letter-spacing:.6px;line-height:1.25}
.points-package:not(.points-package-bonus) h3{margin-bottom:30px}
.points-breakdown{margin:0 0 4px;font-size:11px;line-height:1.4;color:#aaa;min-height:16px}
.points-breakdown span{color:#d0eca7;font-weight:700}
@media(max-width:520px){.points-package{padding:14px 12px}.points-package .points-amount{font-size:30px}.points-package .points-price{font-size:20px}.points-bonus{font-size:8px}}
@media(prefers-reduced-motion:reduce){.points-package{transition:none}.points-package:hover{transform:none}}

.demo-sources{margin:14px 0 18px;padding:15px 16px;border:1px solid #3c3c3c;border-radius:9px;background:#1b1b1b}
.demo-sources h3{margin:0 0 6px;font-size:15px}.demo-sources>p{margin:0 0 12px;color:#aaa;font-size:12px;line-height:1.5}
.demo-source-links{display:flex;flex-wrap:wrap;gap:8px}.demo-source-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 12px;border:1px solid #494949;border-radius:6px;background:#242424;color:#eee;font-size:12px;font-weight:700;text-decoration:none}
.demo-source-links a:hover{background:#303030;border-color:#aaa}.demo-source-links a:focus-visible{outline:2px solid #d1edac;outline-offset:3px}.demo-source-links a span{color:#aaa}
@media(max-width:520px){.demo-source-links a{flex:1 1 100%}}

.header-add-match{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:11px 15px;border:1px solid #e7e7e7;border-radius:7px;background:#eee;color:#141414;font-size:12px;font-weight:850;letter-spacing:.5px;text-decoration:none;white-space:nowrap}
.header-add-match:hover{background:#fff;border-color:#fff}.header-add-match:focus-visible{outline:2px solid #d1edac;outline-offset:3px}
@media(max-width:600px){.header-add-match{font-size:10px;padding:9px 11px}}

body[data-view="home"] #workspace-main .hero{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);align-items:center;gap:28px}
.home-demo-guide{padding:20px;border:1px solid #454545;border-radius:10px;background:linear-gradient(140deg,#272727,#181818)}
.home-demo-guide h2{font-size:22px;line-height:1.2;margin:0 0 8px}.home-demo-guide>p:not(.eyebrow){font-size:12px;line-height:1.5;color:#aaa;margin:0 0 14px}
.home-demo-guide .demo-source-links{display:grid;grid-template-columns:1fr}.home-demo-guide .demo-source-links a{padding:10px 12px}
.home-demo-guide .home-demo-guide-note{margin:12px 0 0!important;font-size:11px!important;color:#d5e5bd!important}
@media(max-width:800px){body[data-view="home"] #workspace-main .hero{grid-template-columns:1fr;gap:18px}.home-demo-guide{padding:16px}}

.library-heading{flex-wrap:wrap;gap:12px}.library-heading-tools{display:flex;gap:8px;flex-wrap:wrap}
.library-upload-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0;padding:18px 20px;border:1px solid #66724f;border-radius:10px;background:linear-gradient(120deg,#292e22,#1a1d18)}
.library-upload-bar strong{font-size:17px;color:#f1f1f1}.library-upload-bar p{margin:5px 0 0;font-size:12px;line-height:1.5;color:#b9c0b1}
#library-upload{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#dbefb3;color:#1c2610;border:1px solid #e9fac9;border-radius:7px;padding:13px 22px;font-size:14px;font-weight:850;min-height:46px;box-shadow:0 3px 10px #0003}
#library-upload:hover{background:#e9fac9}#library-upload:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){.library-upload-bar{align-items:stretch;flex-direction:column;gap:14px;padding:16px}#library-upload{width:100%}}
/* Compact workspace redesign */
.site-header{min-height:80px;padding-top:18px;padding-bottom:18px}.header-points-link{font-size:12px;font-weight:750;border:1px solid #707070;border-radius:8px;padding:10px 13px;white-space:nowrap}.notification-toggle{position:relative;font-size:19px;padding:7px 12px}.notification-toggle span{font-size:10px;border-radius:20px;background:#eee;color:#111;padding:2px 5px}.compact-account-links{display:grid;gap:5px}.compact-account-links a{padding:10px;border-radius:6px;font-size:13px}.compact-account-links a:hover{background:#303030}.compact-account-links #logout{text-align:left;margin:5px 0}.account-wallet-menu{min-width:125px}.account-wallet-menu[open]>.account-wallet-content{width:290px}.account-wallet-content #wallet-card .balance{font-size:30px}.settings-page{padding:28px 0}.settings-page h1,.studio-start h1{font-size:clamp(32px,4vw,48px);line-height:1.1;margin:12px 0 18px}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:25px}.settings-grid .card{height:fit-content}.settings-grid h3{margin-top:28px}.studio-start{padding:32px;background:radial-gradient(ellipse at right top,#ffffff0d,transparent 65%),#191919}.studio-start button{margin:12px 0;padding:14px 23px}.floating-settings{position:fixed;right:20px;bottom:20px;z-index:20;background:#242424;border:1px solid #555;border-radius:8px;padding:10px 15px;font-size:12px;box-shadow:0 6px 20px #0008}#notifications-dialog{width:min(520px,calc(100vw - 32px));max-height:80vh;overflow:auto;background:#191919;color:#eee;border:1px solid #555;border-radius:14px;padding:24px}#notifications-dialog::backdrop{background:#0009}.notification-item{padding:16px 0;border-bottom:1px solid #333}.notification-item p{margin:0 0 8px}.notification-item small{color:#aaa}.notification-item button{margin-left:15px}.notification-item.unread{border-left:3px solid #ddd;padding-left:12px}body:not([data-view="settings"]) #settings-page,body:not([data-view="movies"]) #studio-start{display:none!important}body[data-view="settings"] #settings-page{display:block!important}body[data-view="settings"] #workspace-main>[data-view-section]:not([data-view-section="settings"]){display:none!important}body[data-view="settings"] .workspace-flow,body[data-view="settings"] #workspace-overview{display:none!important}#movies .row{background:#1e1e1e;border:1px solid #383838;border-radius:10px;padding:18px;margin-bottom:12px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-width:850px){.settings-grid{grid-template-columns:1fr}.header-points-link{font-size:11px;padding:8px}.header-account-area{gap:7px}.floating-settings{bottom:12px;right:12px}.studio-start{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:850px){.workspace-sidebar .sidebar-shop .sidebar-points-cta{padding:12px 15px;min-height:0;display:flex;align-items:center;gap:12px}.sidebar-points-badge{margin:0;flex-shrink:0}.sidebar-points-title{font-size:15px}.sidebar-points-tagline,.sidebar-points-plans{display:none}.workspace-sidebar{padding:12px}.workspace-sidebar nav{flex-wrap:wrap}}
/* Dedicated montage editor */
body:not([data-view="studio"]) #studio-editor-page{display:none!important}body[data-view="studio"] #studio-editor-page{display:block!important}body[data-view="studio"] #workspace-main>[data-view-section]:not([data-view-section="studio"]){display:none!important}body[data-view="studio"] #workspace-overview,body[data-view="studio"] .workspace-flow{display:none!important}.studio-editor-page{padding-top:24px}.studio-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0 4px}.studio-back{padding:10px 14px;border-radius:7px;font-size:12px}.movie-builder{grid-template-columns:180px minmax(260px,1fr) 260px;grid-template-areas:"heading heading heading" "library preview settings" "timeline timeline settings";gap:18px}.movie-copy h3{font-size:28px}.movie-cta{text-align:left;min-width:0}.movie-cta .movie-name-label{font-size:15px!important;margin:18px 0 7px!important}.movie-cta button{margin-top:9px;padding:11px 14px;font-size:12px}.movie-cta select,.movie-cta input{font-size:12px}.movie-cta>p{font-size:11px}.studio-library-summary{max-height:320px;overflow:auto;margin:12px 0}.studio-library-summary .small{border-top:1px solid #333;padding:10px 0;margin:0}.studio-branding{border:1px solid #383838;border-radius:8px;padding:12px;margin:22px 0}.studio-branding legend{font-weight:750;font-size:13px}.studio-branding label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.studio-branding input[type="checkbox"]{width:auto;margin:0}.studio-branding .small{width:100%;padding-left:22px}.studio-audio{border-bottom:1px solid #383838;padding-bottom:16px}.studio-audio h4{font-size:14px;margin:0}.studio-audio button:disabled,.studio-branding input:disabled{cursor:not-allowed}.timeline-transition-button{align-self:center;flex-shrink:0;padding:10px;min-width:58px;max-width:90px}#studio-clips-dialog{width:min(700px,calc(100vw - 32px));max-height:85vh;overflow:auto;background:#191919;color:#eee;border:1px solid #555;border-radius:14px;padding:24px}#studio-clips-dialog::backdrop{background:#000a}#studio-clips-list{max-height:45vh;overflow:auto;margin:16px 0}.studio-clip-choice{display:flex;align-items:center;gap:14px;margin:0;padding:15px;border-bottom:1px solid #333;color:#eee}.studio-clip-choice input{width:auto;margin:0;flex-shrink:0}.studio-clip-choice:has(input:checked){background:#ffffff0a}.studio-clip-choice span{overflow-wrap:anywhere}.studio-start h1{margin-bottom:20px}#movie-sequence-list{min-height:140px}.movie-order-card{background:#202020;border-radius:9px}@media(max-width:1150px){.movie-builder{grid-template-columns:180px minmax(240px,1fr);grid-template-areas:"heading heading" "library preview" "timeline timeline" "settings settings"}}@media(max-width:700px){.movie-builder{display:flex;flex-direction:column}.editor-library{order:2}.movie-cta{order:4;width:100%}.studio-toolbar>*{flex:1;text-align:center}.studio-clip-choice{padding:12px}}
#studio-editor-home .movie-builder{display:grid!important}#studio-editor-home .movie-copy{grid-area:heading}#studio-editor-home .movie-cta{grid-area:settings}@media(max-width:700px){#studio-editor-home .movie-builder{display:flex!important}}
/* ZeTaX creator workspace: black, grey, and white. */
:root{--bg:#101010;--surface:#191919;--border:#343434;--muted:#aaaaaa;--accent:#e4e4e4;--game-accent:#e4e4e4}body[data-game="cs2"]{--game-accent:#e4e4e4}body{background:radial-gradient(ellipse at 90% 0,#e4e4e408,transparent 40%),#101010}.site-header{max-width:none;margin:0;padding:20px 30px;background:#131313;border-bottom:1px solid #343434}.brand-motto{display:none!important}.site-header .logo .brand-word{font-size:27px}.site-header .logo .brand-short{color:#e4e4e4}.header-add-match{background:#e4e4e4!important;color:#171717!important;border-radius:9px!important;font-size:12px!important}.header-points-link{border-color:#606060;background:#e4e4e409}.workspace-sidebar{background:#151515;border-color:#303030;margin:20px 0 0 20px;width:190px;border-radius:12px;padding:20px 12px}.workspace-sidebar nav a{border:0!important;padding:12px!important;font-size:13px!important}.workspace-sidebar nav a[aria-current="page"]{background:#e4e4e414!important;color:#e4e4e4!important;box-shadow:inset 3px 0 #e4e4e4}.workspace-sidebar .sidebar-shop .sidebar-points-cta{background:#202020;border:1px solid #424242;box-shadow:none;padding:16px 12px}.sidebar-points-title{font-size:17px}.sidebar-points-badge{background:#e4e4e4;color:#171717;border:0}.sidebar-points-tagline{font-size:11px}#workspace-main{margin-left:235px;padding:30px;max-width:1700px}.card{background:#191919;border-color:#343434;border-radius:12px;padding:24px;box-shadow:none}.workspace-page-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:0 0 28px}.workspace-page-heading h1{font-size:clamp(30px,3.5vw,45px);line-height:1.13;letter-spacing:-1.5px;margin:8px 0 12px;font-weight:800}.workspace-page-heading p{margin:0;max-width:660px}.primary-link{background:#e4e4e4!important;color:#181818!important;border-radius:8px!important;white-space:nowrap;padding:12px 18px!important;font-size:12px!important;box-shadow:none!important}.eyebrow{color:#e4e4e4;letter-spacing:2px;font-size:10px}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.dashboard-metrics a{background:#191919;border:1px solid #343434;border-radius:10px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.dashboard-metrics span{color:#aaaaaa;font-size:12px}.dashboard-metrics strong{font-size:28px;color:#f0f0f0}.creator-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px}.creator-dashboard-grid .card{margin:0}.dashboard-matches{grid-column:1}.dashboard-next{grid-column:2;border-top:2px solid #e4e4e4}.dashboard-latest{grid-column:1}.dashboard-studio{grid-column:2}.dashboard-match-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #343434}.dashboard-match-row:last-child{border:0}.dashboard-match-row>div{flex:1;min-width:0}.dashboard-match-row strong{font-size:13px;display:block;overflow-wrap:anywhere}.dashboard-match-row p{margin:5px 0 0}.dashboard-match-row button{padding:9px 12px;flex-shrink:0}.match-monogram{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:9px;font-size:12px;font-weight:850;color:#e4e4e4;background:linear-gradient(140deg,#333333,#202020);border:1px solid #555555}.dashboard-next h2,.dashboard-studio h2{font-size:25px;line-height:1.25;margin:14px 0}.dashboard-next p,.dashboard-studio p{font-size:13px;line-height:1.7}.dashboard-next .primary-link,.dashboard-studio .primary-link{display:inline-block;margin-top:12px}.dashboard-price-note{display:flex;align-items:baseline;gap:10px;border-top:1px solid #343434;margin-top:26px;padding-top:18px}.dashboard-price-note strong{font-size:27px;color:#e4e4e4}.dashboard-price-note span{font-size:12px;color:#aaaaaa}#dashboard-latest-clips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.vault-clip-card{min-width:0;background:#191919;border:1px solid #343434;border-radius:10px;overflow:hidden;padding-bottom:15px}.vault-clip-cover{width:100%;aspect-ratio:16/10;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;position:relative;overflow:hidden;border:0;border-radius:0;padding:18px;background:linear-gradient(145deg,#3d3d3d,#242424 65%,#191919);color:#f4f4f4}.vault-clip-cover:before{content:"";position:absolute;inset:-60% -20%;transform:rotate(-32deg);border:1px solid #e4e4e415;box-shadow:0 0 0 25px #e4e4e405,0 0 0 60px #e4e4e404;pointer-events:none}.clip-cover-mark{position:relative;font-size:clamp(15px,2vw,22px);font-weight:850;color:#e4e4e4}.vault-clip-cover>strong{font-size:13px;position:relative;margin-top:7px}.clip-cover-play{position:absolute;right:15px;top:15px;width:30px;height:30px;display:grid;place-items:center;background:#ffffff13;border:1px solid #ffffff20;border-radius:50%;font-size:10px}.vault-clip-card>strong,.vault-clip-card>p{display:block;margin:12px 14px 0;overflow-wrap:anywhere}.vault-clip-card>strong{font-size:12px}.vault-clip-card>p{font-size:10px}.vault-clip-card>.secondary{margin:12px 14px 0;font-size:10px;padding:8px 10px}.clip-vault-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.clip-vault-tools{display:flex;gap:15px;align-items:center;justify-content:space-between}.clip-vault-tools label{width:min(400px,100%);margin:0}.vault-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:30px 0;color:#aaaaaa;font-size:12px}body[data-view="clips"] [data-view-section="clips"]{display:block!important}.demo-library-row{background:transparent!important;border:0!important;border-bottom:1px solid #343434!important;border-radius:0!important;padding:18px 0!important}.demo-library-row>div{flex:1;min-width:0}.demo-library-row strong{font-size:14px;overflow-wrap:anywhere}.demo-state-ready{color:#cccccc!important}.library-upload-bar{background:#252525!important;border-color:#3b3b3b!important}.demo-sources{border-color:#3b3b3b!important}#projects,#movies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#projects .montage-draft-card,#movies .montage-export-card{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:0 0 16px!important;background:#212121!important;border:1px solid #343434!important;border-radius:10px;margin:0!important;overflow:hidden}.montage-cover{aspect-ratio:16/9;display:grid;place-items:center;letter-spacing:3px;font-weight:850;font-size:18px;color:#e4e4e4;background:repeating-linear-gradient(135deg,transparent,transparent 38px,#e4e4e408 39px,#e4e4e408 40px),linear-gradient(140deg,#333333,#212121)}.montage-draft-card>strong,.montage-draft-card>button,.montage-export-card>div:not(.montage-cover),.montage-export-card>button{margin-left:16px;margin-right:16px}#quick-points-dialog{width:min(570px,calc(100vw - 32px));background:#191919;color:#f7f7f7;border:1px solid #505050;border-radius:16px;padding:26px;box-shadow:0 30px 90px #0008}#quick-points-dialog::backdrop{background:#090909bf;backdrop-filter:blur(7px)}.quick-point-option{display:flex;align-items:center;gap:14px;border:1px solid #3b3b3b;border-radius:9px;padding:17px;margin:12px 0;background:#151515}.quick-point-option input{width:auto;margin:0;accent-color:#e4e4e4}.quick-point-option span{flex:1}.quick-point-option strong{font-size:14px}.quick-point-option small{display:block;color:#aaaaaa;font-size:11px;margin-top:5px}.quick-point-option:has(input:checked){border-color:#e4e4e4;background:#e4e4e409}.quick-points-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;font-size:12px}.match-breadcrumb{display:inline-block;margin-bottom:18px}.match-detail-banner{display:flex;align-items:center;gap:20px;background:#252525;padding:24px;border-radius:10px;border:1px solid #3b3b3b}.match-detail-banner .match-monogram{width:70px;height:70px;font-size:18px}.match-banner-copy{flex:1;min-width:0}.match-banner-copy h2{font-size:25px;overflow-wrap:anywhere;margin:6px 0}.match-banner-copy p{font-size:12px;margin:0}.match-price-badge{text-align:right;flex-shrink:0}.match-price-badge strong{display:block;font-size:22px;color:#e4e4e4}.match-price-badge span{font-size:11px;color:#aaaaaa}.match-detail-tabs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid #3b3b3b;margin-bottom:20px;font-size:12px}.match-detail-tabs a[aria-current]{color:#e4e4e4;border-bottom:2px solid #e4e4e4;padding:10px 0}.highlight-browser{display:flex!important;flex-wrap:wrap;gap:14px;background:#191919;padding:16px;border:1px solid #343434;border-radius:10px}.highlight-browser[hidden]{display:none!important}.highlight-browser label{flex:1;min-width:130px;margin:0}.highlight-browser p{width:100%;font-size:12px;margin:4px 0 0}#clips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.highlight-card{display:flex!important;flex-direction:column;align-items:stretch;gap:14px;background:#212121;border:1px solid #3b3b3b!important;border-radius:10px;padding:18px!important;position:relative}.highlight-card>label{align-items:flex-start}.highlight-card label input{position:absolute;top:18px;right:15px;accent-color:#e4e4e4}.highlight-card label>div{min-width:0;padding-right:15px}.highlight-card strong{font-size:12px;overflow-wrap:anywhere}.highlight-kill-badge{display:block;color:#e4e4e4;font-size:23px;font-weight:850;margin-bottom:14px;line-height:1.2}.highlight-card p{font-size:11px}.highlight-card button{font-size:11px;padding:9px}.render-price-summary{font-weight:750;color:#e4e4e4;padding:10px}.highlight-actions{align-items:center}.movie-builder{background:#191919!important;border-color:#3b3b3b!important}.editor-library,.movie-cta{background:#212121!important;border-color:#3b3b3b!important}.floating-settings{background:#202020;border-color:#3b3b3b}button:disabled{cursor:not-allowed}.points-package-grid{gap:16px}.points-package{background:#212121!important;border-color:#3b3b3b!important}.points-price{color:#e4e4e4!important}a:hover{color:#e4e4e4}button:hover{filter:brightness(1.08)}
@media(max-width:1150px){.creator-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr)}.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.clip-vault-grid,#clips{grid-template-columns:repeat(3,minmax(0,1fr))}#projects,#movies{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-match-row{flex-wrap:wrap}.dashboard-match-row button{margin-left:auto}.dashboard-metrics strong{font-size:24px}}
@media(max-width:850px){.workspace-sidebar{width:auto;margin:14px 16px;padding:8px;position:static;float:none}.workspace-sidebar .sidebar-shop{display:none!important}.workspace-sidebar nav{gap:4px}.workspace-sidebar nav a{padding:10px!important;font-size:12px!important}#workspace-main{margin-left:0;padding:20px 16px}.site-header{padding:16px}.creator-dashboard-grid{grid-template-columns:1fr}.creator-dashboard-grid>.card{grid-column:1}.workspace-page-heading{align-items:flex-start;flex-wrap:wrap;gap:18px}.workspace-page-heading h1{font-size:34px}.clip-vault-grid,#clips{grid-template-columns:repeat(2,minmax(0,1fr))}.match-detail-banner{padding:18px;gap:12px;flex-wrap:wrap}.match-detail-banner .match-monogram{width:48px;height:48px;font-size:12px}.match-banner-copy h2{font-size:20px}.match-price-badge{margin-left:auto}.brand-motto{display:none!important}.site-header .logo .brand-word{font-size:24px}}
@media(max-width:500px){.dashboard-metrics a{padding:14px;align-items:flex-start;flex-direction:column;gap:5px}.dashboard-metrics strong{font-size:25px}#dashboard-latest-clips{grid-template-columns:1fr 1fr}#dashboard-latest-clips .vault-clip-card:last-child{display:none}.clip-vault-grid,#clips{gap:10px}.highlight-card{padding:14px!important}.highlight-kill-badge{font-size:20px}.clip-vault-tools{align-items:flex-end}.clip-vault-tools button{padding:10px}.quick-points-footer{flex-direction:column;align-items:stretch}.match-detail-banner .match-price-badge{width:100%;text-align:left}.highlight-browser label{min-width:110px}#projects,#movies{grid-template-columns:1fr}}
#workspace-main>.hero[hidden]{display:none!important}body[data-view="home"] #creator-dashboard{display:block!important}
body[data-view="help"] [data-view-section="help"]{display:block!important}.help-search{max-width:560px;margin:0 0 25px}.help-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}#help-topics{position:sticky;top:20px;background:#191919;border:1px solid #343434;border-radius:10px;padding:17px}#help-topics>.eyebrow{margin:20px 8px 8px;font-size:9px}#help-topics>.eyebrow:first-child{margin-top:0}.help-topic{display:block;width:100%;text-align:left;background:transparent;color:#aaaaaa;font-size:12px;padding:10px 8px;border-radius:5px;margin:2px 0}.help-topic:hover,.help-topic[aria-current]{background:#e4e4e412;color:#e4e4e4}.help-article{scroll-margin-top:25px}.help-article p:not(.eyebrow){color:#c3c3c3;font-size:14px;line-height:1.85;max-width:840px}.help-article h2{font-size:24px;line-height:1.3}@media(max-width:850px){.help-layout{grid-template-columns:1fr}#help-topics{position:static;display:flex;flex-wrap:wrap;gap:5px}#help-topics .eyebrow{width:100%;margin:10px 6px!important}.help-topic{width:auto;font-size:11px;padding:8px}.help-article{padding:20px}}
body[data-view="library"][data-match-view="detail"] #library-card,body[data-view="library"][data-match-view="list"] #detail{display:none!important}
#clips>.row[hidden]{display:none!important}
#clips>.highlight-card{margin:0;min-width:0}.highlight-card button{margin-left:0}.highlight-card:hover{background:#292929}.clip-vault-grid .vault-clip-card:hover{border-color:#707070}
/* Points retain their warm identity within the monochrome workspace. */
:root{--points-accent:#efc48a}
.sidebar-points-badge{background:var(--points-accent);color:#171717}
.header-points-link{color:var(--points-accent);border-color:#635540;background:#efc48a09}
.workspace-sidebar .sidebar-shop .sidebar-points-cta{border-color:#635540}
.sidebar-points-title,.points-amount,.points-bonus{color:var(--points-accent)}
.points-price{color:var(--points-accent)!important}
.dashboard-metrics a[href="#buy-points"] strong,.dashboard-price-note strong,.match-price-badge strong,.render-price-summary{color:var(--points-accent)}
#quick-points-dialog .eyebrow,.quick-point-option>strong{color:var(--points-accent)}
.quick-point-option input{accent-color:var(--points-accent)}
.quick-point-option:has(input:checked){border-color:var(--points-accent);background:#efc48a09}

/* Keep custom amounts and plan comparison visible beside package choices. */
.quick-points-footer{display:grid;grid-template-columns:1fr;gap:14px}
#quick-points-full{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:14px 17px;border:1px solid var(--points-accent);border-radius:8px;background:#efc48a12;color:var(--points-accent);font-size:14px;font-weight:750;text-decoration:none}
#quick-points-full:hover{background:#efc48a22;border-color:#ffe0b6}
.quick-points-footer>button{width:100%;padding:12px}
.match-table-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:22px 0}.match-table-filters label{margin:0;font-size:10px;color:#999;min-width:120px}.match-table-filters select{padding:8px 10px;font-size:12px}.match-table-filters .tag{align-self:center}.match-table-sort{margin-left:auto;align-self:center}#demos{overflow-x:auto;padding:0}.match-results-table{width:100%;border-collapse:collapse;text-align:left;min-width:650px}.match-results-table th{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#999;padding:12px 14px;border-bottom:1px solid #363636}.match-results-table td{padding:17px 14px;border-bottom:1px solid #303030;font-size:12px;color:#bbb}.match-results-table tr:last-child td{border-bottom:0}.match-results-row:hover{background:#ffffff04}.match-result-identity{display:flex;align-items:center;gap:13px}.match-result-mark{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(135deg,#3a3a3a,#222);border:1px solid #505050;border-radius:7px;font-size:13px;font-weight:850;color:#eee}.match-result-identity strong{display:block;color:#eee;font-size:14px;text-transform:capitalize;overflow-wrap:anywhere}.match-result-identity p{margin:4px 0 0;font-size:10px}.match-result-identity small{display:block;font-size:10px;color:#888;margin-top:4px;overflow-wrap:anywhere}.match-result-score{font-size:16px!important;font-weight:750;color:#eee!important}.match-result-status{display:inline-block;background:#ffffff08;border:1px solid #444;padding:4px 8px;border-radius:5px;font-size:10px;white-space:nowrap}.match-result-status.state-ready{color:#eee;background:#ffffff0e}.match-result-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.match-result-actions>button{min-width:65px;font-size:11px;padding:9px 13px}.match-result-menu{position:relative;border:0;margin:0;padding:0}.match-result-menu summary{list-style:none;border:1px solid #444;border-radius:5px;padding:3px 10px;font-size:20px;line-height:1.4;color:#eee}.match-result-menu summary::-webkit-details-marker{display:none}.match-result-menu[open] button{position:absolute;right:0;top:calc(100% + 5px);z-index:5;min-width:115px;box-shadow:0 5px 20px #000a}.library-heading h2{font-size:29px}.library-heading p{font-size:12px;margin:8px 0 0}.library-heading-tools{flex-wrap:wrap;justify-content:flex-end}.match-table-filters .tag{font-size:10px}@media(max-width:700px){.library-heading{align-items:flex-start;flex-direction:column}.library-heading-tools{justify-content:flex-start}.match-table-filters{gap:8px}.match-table-filters label{min-width:95px;flex:1}.match-table-sort{width:100%;margin:0;text-align:right}.match-results-table th,.match-results-table td{padding-left:10px;padding-right:10px}}
#add-match-dialog{width:min(580px,calc(100vw - 32px));max-height:90vh;overflow:auto;background:#191919;color:#eee;border:1px solid #505050;border-radius:15px;padding:26px;box-shadow:0 25px 90px #0009}#add-match-dialog::backdrop{background:#080808bd;backdrop-filter:blur(6px)}#add-match-dialog .eyebrow{color:#aaa;margin:0 0 7px}#add-match-title{font-size:25px}.match-import-option{display:flex;align-items:center;gap:14px;border:1px solid #363636;border-radius:9px;background:#141414;padding:16px;margin:12px 0}.match-import-option>div{flex:1}.match-import-option strong{font-size:13px}.match-import-option p{font-size:11px;color:#aaa;line-height:1.6;margin:5px 0 0}.match-import-option .secondary{padding:9px 12px;font-size:10px;white-space:nowrap;border-radius:6px}.import-service-mark{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border:1px solid #444;background:#252525;color:#ddd;font-weight:850;border-radius:7px}.match-import-divider{display:flex;align-items:center;gap:12px;margin:25px 0 15px;color:#999;text-transform:uppercase;letter-spacing:1.5px;font-size:9px;font-weight:750}.match-import-divider:before,.match-import-divider:after{content:"";height:1px;background:#363636;flex:1}.match-link-preview input{font-size:12px;opacity:.55}.add-match-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%;padding:24px;margin-top:20px;border:1px dashed #777;border-radius:9px;background:#ffffff04;color:#eee;font-size:13px}.add-match-dropzone>span{font-size:25px;color:#bbb}.add-match-dropzone small{font-size:11px;font-weight:400;color:#999}.add-match-dropzone:hover,.add-match-dropzone.drag-over{background:#ffffff0b;border-color:#ddd}.add-match-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:11px;margin-top:16px}.add-match-footer .small{text-align:right;font-size:10px}#add-match-file-status:empty{display:none}@media(max-width:500px){#add-match-dialog{padding:20px}.match-import-option{padding:12px;gap:10px}.add-match-footer{flex-direction:column;align-items:flex-start}.add-match-footer .small{text-align:left}}
.studio-library-tabs{display:flex;gap:8px;border-top:1px solid #383838;margin-top:22px;padding-top:18px}.studio-library-tabs a{padding:10px 16px;border:1px solid #444;border-radius:7px;color:#aaa;font-size:12px;font-weight:700}.studio-library-tabs a[aria-current="page"]{color:#111;background:#eee;border-color:#eee}body[data-view="movies"][data-studio-tab="drafts"] #movies-card,body[data-view="movies"][data-studio-tab="exports"] #projects-card{display:none!important}

.steam-history-setup{margin:20px 0;padding:18px;border:1px solid #505050;border-radius:10px;background:#202020}
.steam-history-setup .eyebrow{display:block;margin-bottom:12px;color:#c5c5c5}
.steam-history-codes-button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:14px 18px;border:1px solid #fff;border-radius:7px;background:#ededed;color:#111!important;font-size:15px;font-weight:800;text-decoration:none!important;line-height:1.4}
.steam-history-codes-button:hover{background:#fff;box-shadow:0 0 0 3px #ffffff18}
.steam-history-codes-button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.steam-history-codes-button>span:last-child{font-size:23px;flex-shrink:0}
.steam-history-setup .small{margin:12px 0 0;color:#bcbcbc;line-height:1.6}

img.match-result-mark{display:block;width:64px;height:44px;object-fit:cover;border-radius:6px;border:1px solid #484848;background:#252525}

.match-result-status.state-ready{color:#46d891;background:#174c343b;border-color:#286044;font-weight:750}


.match-detail-banner{display:flex;align-items:center;gap:22px;padding:20px;border:1px solid #393939;border-radius:9px;background:#191919}
#match-header-image{width:150px;height:94px;object-fit:cover;border-radius:5px;flex-shrink:0}
.match-title-line{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.match-title-line h2{font-size:32px;margin:0;font-weight:850}
#match-header-score{font-size:26px;color:#46d891}
#match-header-meta{font-size:12px;margin:10px 0 0;color:#aaa}
.match-banner-copy{flex:1;min-width:0}
.match-header-stats{display:flex;align-items:center;gap:25px;margin-left:auto}
.match-header-stats>div{display:flex;flex-direction:column;gap:9px;white-space:nowrap}
.match-header-stats strong{font-size:23px;font-weight:850;color:#eee}
.match-header-stats span{font-size:10px;font-weight:750;letter-spacing:.6px;color:#999}
@media(max-width:1000px){.match-detail-banner{flex-wrap:wrap}.match-header-stats{margin-left:0;width:100%;padding-top:10px}}
@media(max-width:600px){#match-header-image{width:95px;height:70px}.match-title-line h2{font-size:24px}#match-header-score{font-size:22px}.match-header-stats{gap:20px}.match-header-stats strong{font-size:20px}}

.match-detail-tabs button[aria-current='page']{color:#fff;border-color:#eee;background:#ffffff0c}


#match-header-kd-count+span{display:block;font-size:14px;font-weight:800;letter-spacing:1px;color:#bfbfbf;margin-top:2px}


.match-render-progress{padding:18px 20px;margin:20px 0;border:1px solid #505050;border-radius:8px;background:#202020}
.match-render-progress>div{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
#match-render-stage{color:#bcbcbc;font-size:12px}
#match-render-meter{display:block;width:100%;height:10px;accent-color:#e4e4e4;border-radius:6px;overflow:hidden}
.match-render-progress .small{margin:12px 0 0;color:#bcbcbc}
.match-render-progress[hidden]{display:none!important}

#checkout-success-dialog{width:min(460px,calc(100vw - 32px));box-sizing:border-box;background:#191919;color:#f4f4f4;border:1px solid #555;border-radius:16px;padding:36px;text-align:center;box-shadow:0 24px 80px #0009}#checkout-success-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}#checkout-success-close{position:absolute;right:12px;top:12px;padding:5px 12px;font-size:22px}.checkout-success-mark{display:grid;place-items:center;width:56px;height:56px;border:1px solid #777;border-radius:50%;font-size:28px;margin:0 auto 24px}#checkout-success-title{font-size:26px;margin:10px 0 18px}#checkout-success-points{color:#efc48a;font-size:40px;font-weight:850;margin:0 0 18px}#checkout-success-message{line-height:1.6;margin-bottom:26px}#checkout-success-done{width:100%;padding:12px}

.premium-editor-controls{margin:18px 0;padding:16px;border:1px solid #55513a;border-radius:12px;background:linear-gradient(145deg,#24231a,#171919)}.premium-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.premium-editor-heading h4{margin:0}.creator-badge{font-size:10px;letter-spacing:1.3px;color:#e9cd78;border:1px solid #796737;padding:4px 7px;border-radius:5px}.premium-editor-controls label{display:block;margin-top:13px;font-size:12px}.premium-editor-controls input[type=range]{width:100%;accent-color:#dbc471}.premium-editor-controls select{width:100%;margin-top:6px}.premium-editor-controls output{float:right;color:#e9cd78;font-variant-numeric:tabular-nums}.creator-assistant{border-top:1px solid #3b3c35;margin-top:18px;padding-top:12px}.creator-assistant ol{padding-left:20px;font-size:12px;line-height:1.8}.creator-trim-dialog{width:min(820px,90vw);padding:24px;border:1px solid #555;border-radius:16px;background:#171b1c;color:#eee}.creator-trim-dialog::backdrop{background:#000c}.creator-trim-dialog video{width:100%;max-height:46vh;background:#000;border-radius:8px}.creator-trim-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end;margin:16px 0}.creator-trim-fields label{display:flex;flex-direction:column;gap:6px}.creator-trim-fields input{width:100%;box-sizing:border-box}.creator-trim-button{border-color:#796737!important;color:#e9cd78!important}@media(max-width:540px){.creator-trim-fields{grid-template-columns:1fr}.creator-trim-dialog{padding:15px}}

@media(min-width:1101px){#studio-editor-home #movie-builder{align-items:start;grid-template-columns:190px minmax(280px,1fr) 270px;gap:16px}#studio-editor-home #movie-builder .movie-cta{width:auto;box-sizing:border-box;max-height:510px;overflow-y:auto;scrollbar-width:thin}#studio-editor-home .editor-library{max-height:480px}#studio-editor-home .editor-preview-pane{min-height:300px;max-height:510px}#studio-editor-home #movie-builder .movie-name-label{font-size:12px;letter-spacing:0;margin-bottom:7px}#studio-editor-home #movie-builder .movie-cta button{min-height:38px;font-size:12px;padding:9px 11px}}

.creator-trim-dialog{box-sizing:border-box;max-height:92vh;overflow:auto}.creator-trim-dialog .card-head{margin:0 0 12px}.creator-trim-dialog video{max-height:32vh}.creator-trim-fields label{margin:0;font-size:12px}.creator-trim-fields button{font-size:12px;padding:10px;min-height:40px}.creator-trim-dialog>.actions button{font-size:12px;min-height:40px}.creator-trim-dialog>.small{margin:12px 0}.creator-trim-dialog #creator-trim-status{font-size:12px;margin:8px 0}

#creator-ai-brief{width:100%;box-sizing:border-box;resize:vertical;min-height:72px;background:#111;color:#eee;border:1px solid #555;border-radius:6px;padding:10px;font:12px/1.5 system-ui;margin-top:6px}.creator-assistant #creator-ai-suggest{border:1px solid #9c8750;background:#d8c17f;color:#171717}.creator-assistant #creator-ai-status{min-height:2.8em}

#studio-editor-home .movie-builder[hidden]{display:none!important}

.vault-clip-cover{aspect-ratio:16/9}.vault-clip-cover .clip-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vault-clip-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.8));pointer-events:none}.clip-cover-mark,.vault-clip-cover>strong,.clip-cover-play{z-index:1;text-shadow:0 1px 4px #000}

.studio-choice-frame,.timeline-clip-frame{position:relative;overflow:hidden;background:#303030;flex-shrink:0;border-radius:6px}.studio-choice-frame{width:112px;aspect-ratio:16/9}.studio-choice-frame .clip-thumbnail,.timeline-clip-frame .clip-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.timeline-clip-frame{grid-column:1/-1;aspect-ratio:16/9;width:100%;border:1px solid #444;color:#fff;font-size:23px;padding:0;text-shadow:0 1px 5px #000}.timeline-clip-frame .clip-thumbnail{z-index:0}.timeline-clip-frame:after{content:'▶';position:absolute;inset:0;display:grid;place-items:center;background:#0002;pointer-events:none}.timeline-clip-frame:hover:after{background:#0005}.studio-clip-choice>span:last-child{min-width:0;flex:1}.studio-choice-frame:empty:after{content:'Clip';position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#aaa}@media(max-width:600px){.studio-choice-frame{width:80px}.studio-clip-choice{gap:10px}}

/* ZeTaX gameplay moment map */
.studio-library-summary{max-height:520px}.studio-library-summary h4{font-size:15px;margin:0 0 8px}.moment-map-stats{font-size:12px;color:#e5e5e5;font-weight:700}.moment-map-hint{font-size:11px;line-height:1.6;color:#999}.moment-map{display:flex;gap:5px;overflow-x:auto;padding:12px 0 8px}.moment-map-play{display:flex;flex:0 0 32px;flex-direction:column;align-items:center;gap:7px;background:transparent;border:1px solid transparent;border-radius:5px;padding:4px;color:#aaa}.moment-map-play:hover,.moment-map-play:focus-visible{border-color:#e0e0e0;background:#ffffff10}.moment-map-play strong{font-size:10px}.moment-map-play small{font-size:9px}.moment-map-track{display:flex;align-items:flex-end;height:70px;width:14px;background:#ffffff08;border-radius:3px;overflow:hidden}.moment-map-bar{display:block;width:100%;background:#777777;border-radius:3px}.moment-map-peak .moment-map-bar{background:#e0e0e0}.moment-map-peak strong{color:#e0e0e0}.moment-map-peak-note{color:#e0e0e0;font-size:9px;letter-spacing:1.2px;border-bottom:1px solid #383838;padding-bottom:12px}.moment-map-entry{display:block;width:100%;text-align:left;background:transparent;color:#bbb;font-size:11px;line-height:1.6;border:0;border-bottom:1px solid #333;border-radius:0;padding:10px 0;overflow-wrap:anywhere}.moment-map-entry:hover,.moment-map-entry:focus-visible{color:#e0e0e0}

.moment-map-context{display:block;color:#999999;font-size:10px;margin-top:4px}.moment-map-entry span{display:block}

.sequence-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sequence-controls span{font-size:12px;color:#e0e0e0}.studio-sequence-video{display:block;width:100%;max-height:65vh;background:#000;border-radius:8px}.movie-order-card.sequence-active{outline:2px solid #e0e0e0;outline-offset:-2px;background:#ffffff10}

/* Studio panels follow the page's vertical scroll. */
#studio-editor-home #movie-builder .movie-cta,#studio-editor-home .editor-library,#studio-editor-home .studio-library-summary{max-height:none;overflow:visible} .timeline-transition-button{width:106px;max-width:106px;min-width:106px;margin:0;font-size:11px;padding:10px 7px}


/* Keep clip panels in normal page flow at every viewport size. */
#movie-builder .editor-library,#movie-builder .studio-library-summary,#movie-builder .movie-cta{max-height:none;overflow:visible}
#movie-builder .moment-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(27px,1fr));gap:5px;overflow:visible}
#movie-builder .moment-map-play{min-width:0;width:100%;padding:4px 2px}
#movie-builder .moment-map-hint,#movie-builder .moment-map-entry{white-space:normal;overflow-wrap:anywhere}

#editor-preview-pane{position:relative}.studio-transition-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;pointer-events:none;z-index:2}

/* Stack preview and timeline independently of the tall side panels. */
@media(min-width:701px){
 #studio-editor-home #movie-builder{grid-template-areas:"heading heading heading" "library center settings";grid-template-columns:190px minmax(280px,1fr) 270px;align-items:start}
 .studio-center-workspace{grid-area:center;display:flex;flex-direction:column;gap:18px;min-width:0}
 .studio-center-workspace .editor-preview-pane,.studio-center-workspace .movie-sequence{width:100%;min-width:0}
}
@media(min-width:701px) and (max-width:1100px){#studio-editor-home #movie-builder{grid-template-columns:170px minmax(240px,1fr);grid-template-areas:"heading heading" "library center" "settings settings"}}
@media(max-width:700px){.studio-center-workspace{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0;order:1}}

/* Compact timeline play cards; source names remain in hover details. */
#movie-sequence-list .movie-order-card{flex:0 0 132px;padding:8px;gap:5px}
#movie-sequence-list .movie-order-copy{gap:4px}
#movie-sequence-list .movie-order-copy strong{font-size:12px}
#movie-sequence-list .movie-order-role{font-size:8px;letter-spacing:1px}
#movie-sequence-list .movie-order-preview{gap:4px;flex-wrap:wrap}
#movie-sequence-list button:not(.timeline-clip-frame){font-size:9px;padding:5px 6px}
#movie-sequence-list .movie-order-position select{padding:5px;font-size:10px;margin-top:3px}
#movie-sequence-list .movie-order-position,#movie-sequence-list .movie-time-range{font-size:9px;margin:0}
#movie-sequence-list .timeline-transition-button{min-width:82px;max-width:82px;width:82px;font-size:10px;padding:7px 4px}

/* Preview grows with player chrome rather than centering overflowing content. */
#studio-editor-home .studio-center-workspace #editor-preview-pane{display:block;max-height:none;height:auto;min-height:0;overflow:hidden;grid-area:auto}
#studio-editor-home #editor-preview-pane #player-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:0;padding:12px}
#studio-editor-home #editor-preview-pane #native-player,#studio-editor-home #editor-preview-pane #clip-player{display:block;width:100%;max-width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9}
#studio-editor-home #editor-preview-pane .card-head{flex-wrap:wrap}
#studio-editor-home #editor-preview-pane .player-brand-flow{flex-wrap:wrap}
#studio-editor-home .studio-center-workspace .movie-sequence{grid-area:auto}

.clip-preview-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#090909;color:#f5f5f5;overflow:auto}.clip-preview-dialog::backdrop{background:#000d}.clip-preview-header{max-width:none;margin:0;padding:12px 20px;display:flex;gap:16px;border-bottom:1px solid #303030}.clip-preview-header strong{font-size:18px;font-style:italic}.clip-preview-header span{color:#999999;font-size:12px}.clip-preview-header button{margin-left:auto;background:transparent;color:#aaa;font-size:24px;padding:0 8px}.clip-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:calc(100dvh - 55px)}.clip-preview-main{padding:24px;min-width:0}.clip-preview-details{padding:24px 20px;background:#161616;border-left:1px solid #303030}.clip-preview-details h2{font-size:27px;font-style:italic;margin:10px 0}.clip-preview-details h4{margin-top:30px;color:#999;font-size:12px;text-transform:uppercase}.clip-preview-details p{overflow-wrap:anywhere;font-size:12px}.clip-preview-details #player-download{width:100%;background:#e0e0e0;color:#181818;padding:13px}.clip-preview-dialog #player-card{padding:0;margin:0;border:0;background:transparent}.clip-preview-dialog #player-card>.section-kicker,.clip-preview-dialog #player-card>.card-head,.clip-preview-dialog #player-brand{display:none}.clip-player-stage{position:relative;min-width:0;background:#000;overflow:hidden;border-radius:7px}.clip-preview-dialog #native-player{display:block;width:100%;height:auto;min-height:0;aspect-ratio:16/9;max-height:72vh}.clip-preview-watermark{position:absolute;right:18px;top:14px;font-size:27px;font-style:italic;font-weight:900;color:#e0e0e0;text-shadow:0 2px 6px #000;pointer-events:none}.clip-preview-navigation{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.clip-preview-navigation button{background:#292929;color:white;font-size:23px;padding:4px 16px}#clip-preview-filmstrip{display:flex;gap:8px;overflow-x:auto;padding:8px 2px}.clip-preview-thumb{position:relative;flex:0 0 116px;height:70px;border:2px solid transparent;padding:0;overflow:hidden;background:#20272e}.clip-preview-thumb.selected{border-color:#e0e0e0}.clip-preview-thumb img{width:100%;height:100%;object-fit:cover}.clip-preview-thumb span{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:4px;font-size:10px;text-align:left;background:#0009;color:white}@media(max-width:800px){.clip-preview-layout{grid-template-columns:1fr}.clip-preview-details{border-left:0;border-top:1px solid #303030}.clip-preview-main{padding:12px}.clip-preview-watermark{font-size:20px}}

#clips-page{background:#101010;padding:22px;border-radius:8px}#clips-page h1{font-size:36px;font-style:italic;letter-spacing:-1px;margin:0 0 8px}#clips-page .workspace-page-heading{margin-bottom:20px}#clips-page .workspace-page-heading .eyebrow{display:none}#clips-page .clip-vault-tools{display:flex;flex-wrap:wrap;align-items:end;gap:10px}#clips-page .clip-vault-tools label{margin:0;flex:0 1 155px}#clips-page .clip-vault-tools input,#clips-page .clip-vault-tools select{padding:7px;font-size:11px}#clips-page .vault-category{padding:9px 14px;background:#282828;font-size:11px;font-style:italic;font-weight:900;border:1px solid #444444;border-radius:4px}#clips-page .clip-vault-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 12px}#clips-page .vault-clip-card{padding:0;border:0;background:transparent;min-width:0}#clips-page .vault-clip-cover{border-radius:4px;width:100%;aspect-ratio:16/9;min-height:0}#clips-page .vault-clip-cover>strong{position:absolute;left:12px;bottom:35px;font-size:22px}#clips-page .clip-cover-mark{position:absolute;left:9px;bottom:7px;top:auto;font-size:20px;font-style:italic;font-weight:900;background:transparent;padding:0;border:0}#clips-page .clip-cover-play{position:absolute;right:7px;bottom:7px;font-size:11px;font-style:italic;color:#e0e0e0;left:auto;top:auto;transform:none}#clips-page .vault-clip-footer{display:flex;align-items:baseline;gap:7px;margin-top:6px;min-width:0}#clips-page .vault-clip-footer strong{font-size:12px;white-space:nowrap}#clips-page .vault-clip-footer p{margin:0;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#clips-page .vault-clip-card>.secondary{font-size:9px;padding:4px 7px;margin-top:5px}#clips-page .vault-selected{outline:2px solid #e0e0e0;outline-offset:0}.vault-selection-mark{position:absolute;top:7px;right:9px;z-index:3;font-size:22px;color:#e0e0e0}@media(max-width:1200px){#clips-page .clip-vault-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:950px){#clips-page .clip-vault-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){#clips-page .clip-vault-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#clips-page{padding:12px}}@media(max-width:380px){#clips-page .clip-vault-grid{grid-template-columns:1fr}}

body[data-view="movies"] #studio-start{position:relative;background:#101010;border:0;border-radius:0;margin-bottom:0;padding:24px}#studio-start h1{font-size:36px;font-style:italic;letter-spacing:-1px}#studio-start>.eyebrow,#studio-start>.small{display:none}#studio-start #create-montage{background:#e0e0e0;color:#181818;position:absolute;right:24px;top:32px}#studio-start>.muted{max-width:65%}.studio-library-tabs{border-top:0;margin-top:20px;padding-top:0}.studio-library-tabs a{border:0;border-bottom:3px solid transparent;border-radius:0;font-style:italic;text-transform:uppercase}.studio-library-tabs a[aria-current="page"]{background:#242424;color:#fff;border-bottom-color:#e0e0e0}body[data-view="movies"] #projects-card,body[data-view="movies"] #movies-card{background:#101010;border:0;border-radius:0;padding:10px 24px 24px}body[data-view="movies"] #projects-card>.section-kicker,body[data-view="movies"] #projects-card>.muted,body[data-view="movies"] #movies-card>.section-kicker{display:none}#projects,#movies{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#projects .montage-draft-card,#movies .montage-export-card{display:block;padding:0;overflow:hidden;background:#191919;border:1px solid #303030;border-radius:6px;margin:0;min-width:0}.montage-cover{position:relative;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:auto;aspect-ratio:16/8;background:#262626;overflow:hidden;cursor:pointer}.montage-collage-frame{position:relative;min-width:0;min-height:0;overflow:hidden}.montage-collage-frame:first-of-type{grid-row:1/3}.montage-collage-frame .clip-thumbnail,.montage-cover>.clip-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.montage-card-body{position:relative;padding:15px}.montage-card-body>strong{font-size:20px;font-style:italic;display:block;margin-right:28px;overflow-wrap:anywhere}.montage-card-body p{font-size:11px;margin:5px 0}.montage-card-body>button{font-size:10px;padding:6px 9px;margin-top:8px}.montage-card-menu{position:absolute;top:12px;right:10px;border:0;margin:0;padding:0}.montage-card-menu summary{font-size:20px;padding:0 6px}.montage-card-menu[open]{background:#252525;z-index:2;padding:6px}.montage-new-tile{min-height:235px;border:1px dashed #3a3a3a;background:transparent;color:#e0e0e0;font-size:18px}#movies .montage-export-card>div:not(.montage-cover){padding:12px}#movies .montage-export-card>button{margin:0 12px 12px}#movies .montage-export-card strong{font-size:18px;font-style:italic}@media(max-width:1100px){#projects,#movies{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){#projects,#movies{grid-template-columns:repeat(2,minmax(0,1fr))}#studio-start #create-montage{position:static}#studio-start>.muted{max-width:none}}@media(max-width:450px){#projects,#movies{grid-template-columns:1fr}}

.new-montage-dialog{width:min(560px,calc(100vw - 32px));padding:24px;background:#191919;color:#f5f7f8;border:1px solid #3c3c3c;border-radius:9px}.new-montage-dialog::backdrop{background:#000000cc;backdrop-filter:blur(5px)}.new-montage-dialog h2{font-size:23px;font-style:italic;font-weight:900}.new-montage-dialog .card-head>button{background:transparent;border:0;font-size:24px;padding:0 5px;color:#aaaaaa}.new-montage-dialog input{background:#111111;border-color:#444444;padding:10px}.new-montage-dialog input:focus{outline:2px solid #e0e0e0;outline-offset:1px}.new-montage-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.new-montage-actions button{text-transform:uppercase;font-style:italic;padding:10px 22px}.new-montage-actions button[type=submit]{background:#e0e0e0;color:#181818}.new-montage-actions button:disabled{cursor:default;opacity:.4}

/* Dedicated ZeTaX montage editing surface. */
body[data-view="studio"] .site-header,body[data-view="studio"] .workspace-sidebar,body[data-view="studio"] #workspace-main>footer,body[data-view="studio"] .floating-settings{display:none}
body[data-view="studio"]{background:#101010}body[data-view="studio"] #workspace-main{margin:0;max-width:none;width:100%;padding:0}body[data-view="studio"] .studio-editor-page{padding:0}.studio-command-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #333333;background:#141414;flex-wrap:wrap}.studio-return{font-size:12px;color:#aaaaaa;white-space:nowrap}.studio-command-bar #movie-name{width:180px;margin:0;padding:6px 8px;background:transparent;font-weight:800}.studio-command-bar #project-edit-state{font-size:10px;margin:0;flex:1}.studio-command-bar button{font-size:11px;padding:8px 13px}.studio-command-bar #make-movie{background:#e0e0e0;color:#181818}.studio-command-bar #preview-movie{background:#282828;color:#fff}.studio-source-browser input{font-size:11px;padding:8px;margin:0 0 12px}.studio-source-row{display:flex;gap:9px;align-items:center;padding:7px;border:1px solid #333333;border-radius:5px;margin-bottom:6px;background:#1a1a1a}.studio-source-frame{position:relative;width:66px;aspect-ratio:16/9;padding:0;overflow:hidden;flex-shrink:0;background:#080808}.studio-source-frame img{width:100%;height:100%;object-fit:cover}.studio-source-row>span{font-size:11px;font-weight:750;flex:1;min-width:0}.studio-source-row small{display:block;font-size:9px;color:#999999;font-weight:400}.studio-source-add{padding:3px 7px;background:transparent;color:#e0e0e0;font-size:18px}
body[data-view="studio"] #studio-library-summary{border-top:1px solid #333333;padding-top:12px;margin-bottom:0}body[data-view="studio"] .moment-map-entry{display:none}
body[data-view="studio"] #movie-builder .movie-copy>h3,body[data-view="studio"] #movie-builder .movie-copy>.eyebrow,body[data-view="studio"] #movie-builder .movie-copy>p:not(.movie-selection),body[data-view="studio"] #movie-builder .movie-cta>.movie-name-label[for="movie-name"]{display:none}
body[data-view="studio"] #movie-builder .movie-copy{padding:0}body[data-view="studio"] .studio-toolbar{margin:0}body[data-view="studio"] .studio-back{display:none}body[data-view="studio"] #movie-selection{font-size:11px;margin:8px 0 0}
body[data-view="studio"] #studio-editor-home #movie-builder{background:#101010;border:0;border-radius:0;padding:14px;gap:14px;grid-template-columns:240px minmax(300px,1fr) 300px;grid-template-areas:"heading heading heading" "library preview settings" "timeline timeline timeline";align-items:start}
body[data-view="studio"] .studio-center-workspace{display:contents}body[data-view="studio"] #studio-editor-home .studio-center-workspace #editor-preview-pane{grid-area:preview;min-height:360px;background:#000}body[data-view="studio"] #studio-editor-home .studio-center-workspace .movie-sequence{grid-area:timeline;border-top:1px solid #333333;padding-top:15px;margin-top:4px}body[data-view="studio"] .editor-library,body[data-view="studio"] .movie-cta{background:#1a1a1a;border:1px solid #333333;border-radius:7px;padding:14px}body[data-view="studio"] .editor-panel-head h4{font-style:italic;text-transform:uppercase}body[data-view="studio"] .editor-panel-head>span{display:none}body[data-view="studio"] .editor-empty-preview{min-height:360px}body[data-view="studio"] .movie-order-card{background:#202020}
@media(max-width:1100px){body[data-view="studio"] #studio-editor-home #movie-builder{grid-template-columns:200px minmax(250px,1fr);grid-template-areas:"heading heading" "library preview" "timeline timeline" "settings settings"}}@media(max-width:700px){body[data-view="studio"] #studio-editor-home #movie-builder{display:flex;flex-direction:column}.studio-command-bar #project-edit-state{flex-basis:100%}body[data-view="studio"] .studio-center-workspace{display:flex;width:100%}}

@media(min-width:1101px){body[data-view='studio'] #studio-editor-home #movie-builder{grid-template-rows:auto min(55vh,560px) auto}body[data-view='studio'] #studio-editor-home #movie-builder .editor-library,body[data-view='studio'] #studio-editor-home #movie-builder .movie-cta{height:100%;max-height:min(55vh,560px);overflow-y:auto}body[data-view='studio'] #studio-editor-home .studio-center-workspace #editor-preview-pane{height:100%;min-height:0}body[data-view='studio'] .editor-empty-preview{height:100%;min-height:0}body[data-view='studio'] #studio-library-summary{overflow:visible;max-height:none}}


body[data-view="notifications"] #notifications-page{display:block!important}#notifications-page{padding:28px;background:#101010;border-radius:8px}#notifications-page h1{font-size:36px;font-style:italic;font-weight:900;margin:0 0 10px;letter-spacing:-1px}#notifications-page .workspace-page-heading{align-items:center}#notifications-page .actions{margin:0}#notifications-page .actions a{padding:10px 14px;font-size:11px;border-radius:5px}#notifications-page .notification-tabs{display:flex;gap:10px;padding:20px 0}#notifications-page .notification-tabs button{font-style:italic;text-transform:uppercase;font-size:11px}#notifications-page .notification-tabs button[aria-pressed=true]{border-bottom:3px solid #e0e0e0}#notifications-page #notifications-list{background:#1a1a1a;border:1px solid #333333;border-radius:6px;padding:0 18px}#notifications-page .notification-item{display:flex;align-items:center;gap:18px;padding:20px 10px;border-bottom:1px solid #333333}#notifications-page .notification-item p{margin:0;flex:1;font-weight:750;font-size:13px}#notifications-page .notification-item small{color:#999999;font-size:10px}#notifications-page .notification-item.unread{border-left:3px solid #e0e0e0}#notifications-page .notification-item button{font-size:10px;padding:7px 10px}#notifications-page .notification-item:last-child{border-bottom:0}@media(max-width:650px){#notifications-page{padding:14px}#notifications-page .notification-item{flex-wrap:wrap}#notifications-page .notification-item p{flex-basis:100%}}

#settings-page{background:#101010;padding:28px}#settings-page>h1{font-size:36px;font-style:italic;font-weight:900;margin:0 0 25px}#settings-page>.section-kicker,#settings-page>.muted{display:none}#settings-page .settings-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px;align-items:start}#settings-page .settings-grid>.settings-section-nav{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:5px}#settings-page .settings-grid>*:not(.settings-section-nav){grid-column:2;grid-row:1}#settings-page .settings-section-nav button{text-align:left;background:transparent;color:#999999;border-left:3px solid transparent;border-radius:0;padding:12px;font-size:12px}#settings-page .settings-section-nav button[aria-current=page]{color:#fff;border-left-color:#e0e0e0;background:#222222}#settings-page .card{background:#1a1a1a;border:1px solid #383838;border-radius:7px}#settings-page #account h2{font-size:23px;font-style:italic;text-transform:uppercase}#settings-page #account .tag{display:none}#settings-page .settings-account-links{position:relative;padding:22px}#settings-page .settings-account-links h3{margin:0}#settings-page .settings-account-links p{font-size:12px;color:#999999}#settings-page .settings-account-links a{display:inline-block;padding:9px 14px;border-radius:5px;font-size:11px}#account-wallet-menu .account-menu-arrow{display:none}@media(max-width:650px){#settings-page{padding:14px}#settings-page .settings-grid{grid-template-columns:1fr}#settings-page .settings-grid>.settings-section-nav{grid-column:1;grid-row:1;flex-direction:row;flex-wrap:wrap}#settings-page .settings-grid>*:not(.settings-section-nav){grid-column:1;grid-row:2}}

#settings-page #account .card-head{justify-content:flex-start;flex-wrap:wrap;gap:14px}#settings-page .settings-steam-identity{color:#aaaaaa;font-size:12px;font-style:normal;font-weight:400}

#settings-page #account .card-head #logout{margin-left:auto;font-size:10px;text-transform:uppercase;font-style:italic;padding:8px 12px}

/* ZeTaX monochrome theme across all workspace surfaces. */
:root{--bg:#101010;--surface:#1a1a1a;--border:#333;--muted:#aaa;--accent:#e0e0e0;color-scheme:dark}
body{background:#101010;color:#f4f4f4}input,select,textarea{accent-color:#ddd}
.primary-link,.primary-button{background:#e0e0e0;color:#171717;border-color:#ddd}
.premium-editor-controls{background:#1b1b1b;border-color:#444}.creator-badge{color:#ccc;border-color:#555;background:#242424}.creator-trim-button{border-color:#555!important;color:#ddd!important}.premium-editor-controls input[type=range]{accent-color:#ddd}.premium-editor-controls output{color:#ddd}
.sidebar-points-cta,.sidebar-points-badge{background:#242424;color:#eee;border-color:#555}
.clip-preview-watermark{color:#e0e0e0}.moment-map-peak .moment-map-bar{background:#e0e0e0}.moment-map-peak strong,.moment-map-peak-note{color:#ddd}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#ddd}

/* White is ZeTaX's primary accent. */
:root{--accent:#fff}
#new-montage-create,#create-montage,#studio-command-bar #make-movie,.studio-command-bar #make-movie,#clip-preview-actions #player-download{background:#fff;color:#111}
.clip-preview-watermark,.moment-map-peak strong,.moment-map-peak-note,.studio-source-add{color:#fff}
.moment-map-peak .moment-map-bar{background:#fff}
#notifications-page .notification-item.unread{border-left-color:#fff}
#settings-page .settings-section-nav button[aria-current=page],.studio-library-tabs a[aria-current=page]{border-color:#fff}

.dashboard-match-picture{width:80px;height:50px;object-fit:cover;flex-shrink:0;border-radius:5px;background:#242424;border:1px solid #383838}

body[data-view="library"] .other-match-clip,body[data-view="library"] #add-other-demos,body[data-view="library"] #other-demo-status{display:none!important}.studio-picker-filters{display:flex;gap:14px;flex-wrap:wrap}.studio-picker-filters label{flex:1;min-width:160px}

#studio-project-loading{display:none}body[data-studio-loading="true"] #studio-project-loading{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#101010;color:#fff}#studio-project-loading p{font-size:12px;color:#999}.studio-loading-logo{font-size:36px;font-weight:900;font-style:italic;margin-bottom:20px}

.montage-plan-tabs{display:flex;gap:5px;margin:12px 0}.montage-plan-tabs button{flex:1;background:#222;color:#aaa;border:1px solid #444;font-size:10px!important;padding:8px!important}.montage-plan-tabs button[aria-pressed=true]{background:#eee;color:#111;border-color:#fff}.montage-plan-summary{padding:12px;border:1px solid #444;border-radius:6px;background:#202020;margin-bottom:14px}.montage-plan-summary strong{font-size:12px}.montage-plan-summary p{font-size:11px;color:#aaa;line-height:1.6;margin:7px 0 0}.creator-look-library{border-top:1px solid #444;padding-top:10px;margin-top:14px}.creator-look-library .actions{gap:6px;margin:6px 0}.creator-look-library .actions button{flex:1;margin:0!important}#premium-locked-preview ul{padding-left:17px;font-size:12px;color:#bbb;line-height:1.9}#premium-locked-preview .primary-link{display:block;padding:10px;text-align:center;font-size:11px;border-radius:5px}

/* Hide unrouted sections before the deferred app finishes initializing. */
body:not([data-view]) #workspace-main>[data-view-section]{display:none!important}
#workspace-startup-screen{position:fixed;inset:0;z-index:9998;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#101010;color:#fff}
#workspace-startup-screen strong{font-size:36px;font-weight:900;font-style:italic}#workspace-startup-screen p{font-size:12px;color:#aaa}
body[data-view] #workspace-startup-screen{display:none}

/* Keep the stitched preview inside the editor's bounded preview row. */
body[data-view="studio"] #studio-editor-home #editor-preview-pane #player-card{height:100%;display:flex;flex-direction:column;gap:6px;overflow:hidden}
body[data-view="studio"] #studio-editor-home #editor-preview-pane #player-card[hidden]{display:none}
body[data-view="studio"] #studio-editor-home #editor-preview-pane .clip-player-stage{flex:1;min-height:0;width:100%}
body[data-view="studio"] #studio-editor-home #editor-preview-pane #native-player{height:100%;width:100%;aspect-ratio:auto;border:0}
body[data-view="studio"] #studio-editor-home #editor-preview-pane #player-brand,body[data-view="studio"] #studio-editor-home #editor-preview-pane #player-card>.section-kicker{display:none}
body[data-view="studio"] #studio-editor-home #editor-preview-pane #player-card>.card-head{flex:none;margin:0}
body[data-view="studio"] #studio-editor-home #editor-preview-pane #player-card p{margin:0;font-size:12px}
body[data-view="studio"] #studio-editor-home #editor-preview-pane .studio-sequence-video{height:100%;max-height:100%;object-fit:contain}

#player-card[data-kind="frag_movie_preview"] .clip-preview-watermark{display:none}
#studio-play-sequence,#studio-stop-sequence{display:none!important}
.premium-editor-controls .premium-badge{display:none}

.clip-save-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.studio-command-bar #save-project{background:#fff;color:#111;border:1px solid #fff;font-weight:800;min-width:90px;padding:10px 20px}
.studio-command-bar{position:sticky;top:0;z-index:20}

#studio-timeline-save{background:#fff;color:#111;border:1px solid #fff;font-weight:800;min-width:90px;padding:10px 20px}
/* ZeTaX public landing page. Scoped to keep workspace styles independent. */
.landing-v2{--blue:#12b8f4;--ink:#0c1218;background:var(--ink);color:#f6f8fa;font-family:Arial,Helvetica,sans-serif;margin:0;overflow-x:hidden}.landing-v2 *{box-sizing:border-box}.landing-v2 main{max-width:none;margin:0;padding:0;display:block}.landing-v2 a{color:inherit;text-decoration:none}.landing-v2 h1,.landing-v2 h2,.landing-v2 h3{font-weight:900;letter-spacing:-.045em}.landing-v2 h1,.landing-v2 h2{text-transform:uppercase;font-style:italic}.landing-v2 h2{font-size:clamp(30px,4vw,52px);line-height:1.05;margin:0 0 22px}.landing-v2 h3{font-size:24px;line-height:1.2}.landing-v2 p{line-height:1.65}.landing-v2 .eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;color:var(--blue);margin:0 0 18px}.landing-header{position:absolute;z-index:10;top:0;width:100%;min-height:88px;padding:20px max(5vw,24px);display:flex;align-items:center;gap:28px;border-bottom:1px solid #ffffff17;background:#0c121855}.landing-logo{font-size:25px;font-weight:900;font-style:italic;white-space:nowrap}.landing-logo span{color:var(--blue);font-size:33px;margin-right:10px}.landing-header nav{display:flex;gap:26px;margin-left:auto;font-size:13px;font-weight:700}.landing-v2 .landing-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(115deg,#009be2,#29c5fa);color:#fff;border:1px solid #16b8ef;border-radius:4px;padding:16px 25px;font-size:13px;font-weight:900;font-style:italic;text-transform:uppercase;box-shadow:0 8px 35px #009ce21a}.landing-v2 .landing-button:hover{filter:brightness(1.15)}.landing-v2 .landing-outline{background:#11182066;border-color:#ffffff40;box-shadow:none}.landing-hero{position:relative;min-height:740px;display:flex;align-items:center;background:linear-gradient(0deg,#0c1218 0%,#0c121859 55%,#0c121875 100%),linear-gradient(90deg,#0c1218ed 0%,#0c1218b5 35%,#0c121825 100%),url('/maps/de_nuke.webp?v=d3d0ec4b5622') center 45%/cover}.landing-hero-content{padding:160px max(5vw,24px) 90px;width:min(1080px,100%)}.landing-v2 h1{font-size:clamp(42px,5.7vw,82px);line-height:1.02;margin:0 0 28px;max-width:950px}.landing-v2 h1 em{color:var(--blue)}.landing-hero-content>p:not(.eyebrow){max-width:530px;color:#ccd4db;font-size:18px}.landing-actions{display:flex;flex-wrap:wrap;gap:16px;margin:34px 0 45px}.landing-hero-meta{display:flex;gap:25px;font-size:10px;letter-spacing:.1em;color:#93a4b2}.landing-map-label{position:absolute;bottom:60px;right:5vw;color:#9aafbe;font-size:10px;letter-spacing:.13em}.landing-section{max-width:1320px;margin:auto;padding:80px max(5vw,24px);scroll-margin-top:30px}.landing-lead{color:#aab7c4;font-size:17px;max-width:650px;margin-bottom:36px}.landing-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:38px}.landing-feature p{color:#aab7c4;max-width:490px}.landing-feature>a,.landing-step-panel a{color:var(--blue);font-weight:700;font-size:13px}.landing-feature-art{height:320px;position:relative;padding:28px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border:0}.art-nuke{background:linear-gradient(90deg,#0b121add,#0b121a40),url('/maps/de_nuke.webp?v=d3d0ec4b5622') center/cover}.art-mirage{background:linear-gradient(90deg,#0b121add,#0b121a40),url('/maps/de_mirage.webp?v=b47c76f6e464') center/cover}.landing-feature-art strong{font-size:52px;font-weight:900;font-style:italic;line-height:.98;text-transform:uppercase;letter-spacing:-.04em}.landing-art-tag{position:absolute;top:24px;left:28px;background:var(--blue);padding:7px 10px;color:#07121b;font-size:10px;font-weight:900;letter-spacing:.08em}.landing-art-caption{position:absolute;bottom:24px;font-size:10px;font-weight:800;letter-spacing:.13em}.landing-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:55px;border-top:1px solid #ffffff18;padding-top:30px}.landing-benefits article>span{color:var(--blue);font-size:13px;font-weight:800}.landing-benefits h3{font-size:20px;margin:12px 0}.landing-benefits p{color:#aab7c4;font-size:14px}.landing-platforms{border-block:1px solid #ffffff18;padding:25px 0;margin-top:35px;display:flex;gap:40px;justify-content:space-between;color:#8394a4;font-size:10px;letter-spacing:.1em}.landing-platforms b{display:block;color:#e4ebf0;margin-top:10px;font-size:13px;letter-spacing:0}.landing-how{padding-top:45px}.landing-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:35px}.landing-v2 .landing-steps button{background:#131c25;border:1px solid #283643;color:#b1bdc9;border-radius:3px;text-align:left;padding:20px 14px;font-weight:800;font-size:12px;display:flex;align-items:center;gap:14px;box-shadow:none}.landing-steps button span{font-size:22px;font-style:italic}.landing-v2 .landing-steps button[aria-selected=true]{border-color:var(--blue);color:#fff;background:#12b8f417}.landing-step-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:38px 0}.landing-step-panel[hidden]{display:none}.landing-step-panel>div>p:not(.eyebrow){color:#aab7c4}.landing-workflow-preview{background:#141e28;border:1px solid #293744;border-radius:8px;padding:28px;box-shadow:0 20px 60px #0004}.landing-workflow-preview>strong{font-size:25px;display:block;margin-bottom:25px}.landing-workflow-preview>div{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid #ffffff12;font-size:14px}.landing-workflow-preview>div span{color:var(--blue)}.landing-workflow-preview b{margin-left:auto;color:var(--blue)}.landing-workflow-preview small{display:block;font-size:9px;letter-spacing:.15em;color:#8296a8;margin-top:12px}.landing-account{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;border-top:1px solid #ffffff12}.landing-v2 .welcome-signin{background:#141e28;border:1px solid #2a3a47;border-radius:8px;box-shadow:none;padding:30px;position:static;min-width:0}.landing-v2 .welcome-signin h2{font-size:28px}.landing-v2 .welcome-signin button{border-radius:4px}.landing-v2 .welcome-provider-note{background:#0c141c;border-color:#293744}.landing-v2 .muted,.landing-v2 .small{color:#aab7c4}.landing-v2 #points-packages,.landing-v2 #premium-card{max-width:calc(1320px - 10vw);width:90%;margin:45px auto;background:#111a23;border:1px solid #273542;border-radius:8px;padding:35px;box-shadow:none;scroll-margin-top:24px}.landing-v2 .points-package,.landing-v2 .premium-plan{background:#17222d;border-color:#344453;box-shadow:none;border-radius:5px}.landing-v2 .points-package-bonus,.landing-v2 .premium-featured{border-color:var(--blue)}.landing-v2 .points-package h3{font-style:italic;text-transform:uppercase}.landing-v2 .points-amount,.landing-v2 .points-price{color:#fff}.landing-v2 .points-bonus,.landing-v2 .premium-status{color:var(--blue)}.landing-v2 .premium-billing-options>div{background:#0f1821;border-color:#31404e}.landing-v2 button:disabled{color:#aab7c4;opacity:.65}.landing-faq details{border:0;border-bottom:1px solid #2b3742;background:transparent;border-radius:0;padding:22px 0}.landing-faq summary{font-weight:700;font-size:17px;cursor:pointer}.landing-faq details p{color:#aab7c4;max-width:780px}.landing-final{text-align:center;padding:85px 24px 100px;background:radial-gradient(ellipse at bottom,#12b8f421,transparent 65%);border-bottom:1px solid #ffffff18}.landing-final h2{margin-bottom:30px}.landing-v2 .landing-footer{max-width:1320px;margin:auto;padding:40px max(5vw,24px);display:flex;flex-wrap:wrap;gap:30px;align-items:center;border:0;color:#aab7c4;font-size:12px}.landing-footer nav{display:flex;flex-wrap:wrap;gap:24px;margin-left:auto}.landing-footer p{width:100%;font-size:11px;color:#708291}.landing-v2 a:focus-visible,.landing-v2 button:focus-visible,.landing-v2 summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.landing-v2 .skip-link{z-index:20}
@media(min-width:1500px){.landing-hero-content{margin-left:calc((100vw - 1320px)/2);padding-left:66px}}@media(max-width:900px){.landing-header nav{display:none}.landing-header .landing-button{margin-left:auto}.landing-hero{min-height:670px}.landing-map-label{display:none}.landing-section{padding-top:60px;padding-bottom:60px}.landing-feature-art{height:270px}.landing-feature-art strong{font-size:40px}.landing-steps{grid-template-columns:repeat(2,1fr)}.landing-step-panel{gap:25px}.landing-account{gap:25px}.landing-platforms{gap:20px}}@media(max-width:600px){.landing-header{padding:16px 20px;min-height:75px;gap:12px}.landing-logo{font-size:20px}.landing-logo span{font-size:27px;margin-right:4px}.landing-header .landing-button{padding:12px;font-size:10px}.landing-hero{min-height:670px}.landing-hero-content{padding:150px 24px 65px}.landing-hero-content>p:not(.eyebrow){font-size:16px}.landing-actions{gap:12px}.landing-actions .landing-button{width:100%}.landing-hero-meta{gap:12px;font-size:8px}.landing-feature-grid,.landing-account,.landing-step-panel{grid-template-columns:1fr}.landing-feature-grid{gap:35px}.landing-feature-art{height:300px}.landing-benefits{grid-template-columns:1fr;gap:12px}.landing-platforms{flex-direction:column}.landing-v2 #points-packages,.landing-v2 #premium-card{padding:24px 18px;width:calc(100% - 48px);max-width:none}.landing-v2 #points-title,.landing-v2 #premium-title{font-size:28px}.landing-v2 .points-package-grid{grid-template-columns:1fr 1fr}.landing-v2 .premium-comparison{grid-template-columns:1fr}.landing-v2 .landing-footer nav{margin:0}.landing-v2 .premium-heading{flex-wrap:wrap}.landing-v2 .points-store .card-head{flex-wrap:wrap}.landing-steps button{min-height:75px}}@media(prefers-reduced-motion:reduce){.landing-v2{scroll-behavior:auto}.landing-v2 *{animation:none!important;transition:none!important}}

/* Always-visible authenticated workspace logout. */
.header-account-area .header-logout{flex-shrink:0;padding:10px 14px;border:1px solid #707070;background:#242424;color:#f4f4f4;font-size:12px;font-weight:700;white-space:nowrap}
@media(max-width:650px){.header-account-area{flex-wrap:wrap;gap:8px}.header-account-area .header-logout{padding:9px 11px}.header-account-area #account-wallet-menu{min-width:95px}}
/* ZeTaX uses its established monochrome identity across its public page. */
.landing-v2{--blue:#f4f4f4;--ink:#0e0e0e;background:var(--ink)}
.landing-v2 .landing-button{background:linear-gradient(115deg,#fafafa,#c9c9c9);border-color:#ededed;color:#151515;box-shadow:0 8px 35px #ffffff0d}
.landing-v2 .landing-outline{background:#14141466;border-color:#ffffff40;color:#f4f4f4;box-shadow:none}
.landing-v2 .landing-header{background:#0e0e0e66}
.landing-v2 .landing-hero{background:linear-gradient(0deg,#0e0e0e 0%,#0e0e0e59 55%,#0e0e0e75 100%),linear-gradient(90deg,#0e0e0eed 0%,#0e0e0eb5 35%,#0e0e0e25 100%),url('/maps/de_nuke.webp?v=d3d0ec4b5622') center 45%/cover}
.landing-v2 .landing-workflow-preview,.landing-v2 .welcome-signin,.landing-v2 #points-packages,.landing-v2 #premium-card{background:#181818;border-color:#383838}
.landing-v2 .points-package,.landing-v2 .premium-plan{background:#202020;border-color:#444}
.landing-v2 .points-package-bonus,.landing-v2 .premium-featured{border-color:#bfbfbf}
.landing-v2 .premium-billing-options>div,.landing-v2 .welcome-provider-note{background:#151515;border-color:#383838}
.landing-v2 .landing-steps button{background:#202020;border-color:#444;color:#aaa}
.landing-v2 .landing-steps button[aria-selected=true]{background:#ffffff10;border-color:#ddd;color:#fff}
.landing-v2 .landing-final{background:radial-gradient(ellipse at bottom,#ffffff12,transparent 65%)}
.landing-v2 h1 em{font-style:italic}
/* Full-width public page with consistent responsive gutters. */
.landing-v2{--landing-gutter:clamp(24px,4vw,80px)}
.landing-v2 .landing-header{max-width:none;width:100%;margin:0;padding-inline:var(--landing-gutter)}
.landing-v2 main{width:100%;max-width:none;margin:0}
.landing-v2 .landing-section,.landing-v2 .landing-footer{width:100%;max-width:none;margin-inline:0;padding-inline:var(--landing-gutter)}
.landing-v2 .landing-hero{min-height:100svh}
.landing-v2 .landing-hero-content{width:100%;max-width:none;margin-left:0;padding-inline:var(--landing-gutter)}
.landing-v2 #points-packages,.landing-v2 #premium-card{max-width:none;width:calc(100% - var(--landing-gutter) * 2);margin-inline:var(--landing-gutter)}
.landing-v2 .landing-map-label{right:var(--landing-gutter)}
@media(min-width:1500px){.landing-v2 h1{font-size:clamp(82px,5.7vw,120px);max-width:none}.landing-v2 .landing-feature-art{height:clamp(320px,25vw,560px)}}
@media(max-width:600px){.landing-v2 .landing-header{padding-inline:20px}.landing-v2 .landing-hero{min-height:max(670px,100svh)}}
/* A full-screen mosaic of narrow map slices, using local map artwork. */
.landing-v2 .landing-hero{background:#101010;isolation:isolate;overflow:hidden}
.landing-map-slices{position:absolute;inset:0;display:grid;grid-template-columns:repeat(28,minmax(0,1fr));z-index:-2;pointer-events:none}
.map-slice{min-width:0;overflow:hidden;border-right:1px solid #ffffff18}
.map-slice img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% center;filter:saturate(.75);opacity:.85}
.map-slice:nth-child(3n) img{object-position:65% center}
.map-slice:nth-child(3n + 1) img{object-position:35% center}
.landing-v2 .landing-hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#0e0e0e 0%,#0e0e0e20 38%,#0e0e0e25 100%),linear-gradient(90deg,#0e0e0ed4 0%,#0e0e0e85 42%,#0e0e0e25 100%)}
@media(max-width:1400px){.landing-map-slices{grid-template-columns:repeat(21,minmax(0,1fr))}.map-slice:nth-child(n + 22){display:none}}
@media(max-width:1000px){.landing-map-slices{grid-template-columns:repeat(14,minmax(0,1fr))}.map-slice:nth-child(n + 15){display:none}}
@media(max-width:600px){.landing-map-slices{grid-template-columns:repeat(7,minmax(0,1fr))}.map-slice:nth-child(n + 8){display:none}}
/* Full-image map slideshow. */
.landing-map-slideshow{position:absolute;inset:0;z-index:-2;pointer-events:none;background:#101010}
.landing-map-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .8s ease;filter:saturate(.85)}
.landing-map-slide.is-active{opacity:1}
.landing-slideshow-controls{position:absolute;right:var(--landing-gutter);bottom:40px;display:flex;align-items:center;gap:18px;color:#ddd;font-size:10px;letter-spacing:.1em}
.landing-v2 #landing-slideshow-pause{padding:9px 12px;background:#10101088;border:1px solid #ffffff40;color:#eee;border-radius:4px;font-size:11px}
@media(max-width:600px){.landing-slideshow-controls{bottom:20px;left:var(--landing-gutter);right:auto;gap:14px}}
@media(prefers-reduced-motion:reduce){.landing-map-slide{transition:none}}

/* Smooth overlapping map fade, explicitly requested for the slideshow. */
.landing-v2 .landing-map-slide{transition:opacity 1.8s cubic-bezier(.4,0,.2,1)!important;will-change:opacity}

/* Keep the zTx wordmark recognizable within uppercase headings. */
.landing-v2 .ztx-wordmark{text-transform:none;white-space:nowrap}
.landing-v2 .landing-logo .landing-brand-divider{font-size:22px;font-style:normal;font-weight:400;color:#777;margin:0 12px 0 0}
.landing-v2 .landing-feature-art::after{content:'zTx / ZeTaX';position:absolute;bottom:23px;right:24px;font-size:14px;font-weight:900;font-style:italic;color:#fff;opacity:.8}
.landing-v2 .landing-art-caption{max-width:calc(100% - 150px);line-height:1.4}
@media(max-width:600px){.landing-v2 .landing-logo .landing-brand-divider{margin-right:6px;font-size:18px}.landing-v2 .landing-feature-art strong{font-size:40px}}
.landing-v2 .faq-premium-benefits{max-width:780px;padding-left:22px;color:#aab7c4;line-height:1.65;margin:18px 0}
.landing-v2 .faq-premium-benefits li{margin:9px 0}
.landing-v2 .landing-faq details a{text-decoration:underline;text-underline-offset:4px;color:#eee}

/* zTx workspace: compact navigation, useful dashboard, dedicated editing canvas. */
body[data-game="cs2"]{--bg:#0e0e0e;--surface:#191919;--border:#343434;background:#0e0e0e}
body[data-game="cs2"] .site-header{position:sticky;top:0;z-index:40;width:100%;max-width:none;min-height:72px;padding:14px 28px;background:#111;border-bottom:1px solid #333}
body[data-game="cs2"] .site-header .logo{font-style:italic;font-weight:900}
body[data-game="cs2"] .workspace-sidebar{position:fixed;top:72px;bottom:0;left:0;float:none;margin:0;width:208px;border:0;border-right:1px solid #303030;border-radius:0;padding:26px 16px;background:#141414;overflow-y:auto}
body[data-game="cs2"] .workspace-sidebar nav a{padding:13px 14px!important;border-radius:4px;font-size:13px!important}
body[data-game="cs2"] #workspace-main{margin:0 0 0 208px;width:calc(100% - 208px);max-width:none;min-height:calc(100svh - 72px);padding:32px clamp(22px,3vw,56px)}
body[data-game="cs2"] .workspace-page-heading h1{font-size:clamp(30px,3vw,50px);font-style:italic;font-weight:900;text-transform:uppercase;line-height:1.05}
body[data-game="cs2"] .card{border-radius:6px;border-color:#333;background:#191919;box-shadow:none}
body[data-game="cs2"] .card-head h2{font-size:18px;font-style:italic;font-weight:850;text-transform:uppercase}
body[data-game="cs2"] .primary-link{border-radius:4px!important}
body[data-game="cs2"] .dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body[data-game="cs2"] .dashboard-metrics a{border-radius:5px;padding:16px 20px}
body[data-game="cs2"] .creator-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);grid-template-areas:"matches next" "clips wallet" "studio queue";gap:20px;align-items:start}
body[data-game="cs2"] .creator-dashboard-grid>.card{margin:0;min-width:0;height:100%;padding:24px}
.dashboard-matches{grid-area:matches}.dashboard-next{grid-area:next}.dashboard-latest{grid-area:clips}.dashboard-studio{grid-area:studio}.dashboard-wallet-panel{grid-area:wallet}.dashboard-queue-panel{grid-area:queue}
.dashboard-wallet-value{font-size:52px;font-weight:850;letter-spacing:-2px;display:flex;align-items:baseline;gap:10px;margin:24px 0 10px}.dashboard-wallet-value small{font-size:13px;letter-spacing:.1em;color:#aaa}
.dashboard-wallet-panel .primary-link{display:inline-block;margin:12px 0}.dashboard-queue-panel p{color:#aaa;line-height:1.6;font-size:13px}.dashboard-queue-panel strong{display:block;margin:18px 0 10px;font-size:16px}.header-wallet-balance{font-weight:850;white-space:nowrap;font-size:13px}
body[data-game="cs2"] .dashboard-match-row{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #333}
body[data-game="cs2"] .dashboard-match-picture{width:72px;height:52px;object-fit:cover;border-radius:3px}
body[data-game="cs2"] #dashboard-latest-clips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body[data-game="cs2"] .match-detail-banner{padding:24px;border:1px solid #383838;border-radius:6px;background:#1a1a1a;margin-bottom:22px}
body[data-game="cs2"] .match-detail-tabs{border-bottom:1px solid #444;gap:16px;margin-bottom:22px}
body[data-game="cs2"] .match-results-table{min-width:620px}
body[data-game="cs2"] .match-results-table td{padding-block:18px}
body[data-game="cs2"] .match-result-mark{width:72px;height:48px;border-radius:3px;object-fit:cover}
body[data-game="cs2"] #studio-editor-home{width:100%;max-width:none}
body[data-view="studio"] #workspace-main{padding:18px 22px}
body[data-view="studio"] #studio-editor-home #movie-builder{width:100%;max-width:none;display:grid;grid-template-columns:clamp(200px,17vw,280px) minmax(0,1fr) clamp(260px,22vw,350px);grid-template-areas:"heading heading heading" "library preview settings" "timeline timeline timeline";grid-template-rows:auto minmax(360px,56vh) auto;gap:16px;padding:0;align-items:stretch}
body[data-view="studio"] .studio-center-workspace{display:contents}
body[data-view="studio"] #studio-editor-home .editor-library{grid-area:library;min-width:0;height:100%;max-height:none;overflow:auto}
body[data-view="studio"] #studio-editor-home .movie-cta{grid-area:settings;min-width:0;height:100%;max-height:none;overflow:auto;text-align:left}
body[data-view="studio"] #studio-editor-home .studio-center-workspace #editor-preview-pane{grid-area:preview;min-width:0;height:100%;min-height:0;max-height:none;display:flex;align-items:center;justify-content:center;background:#000;border-radius:6px;overflow:hidden}
body[data-view="studio"] #studio-editor-home .movie-sequence{grid-area:timeline;min-width:0;background:#191919;border:1px solid #333;border-radius:6px;padding:20px;margin:0}
body[data-view="studio"] .studio-command-bar{position:sticky;top:72px;z-index:15;background:#101010;padding:14px 0;margin-bottom:4px;border-bottom:1px solid #333;display:flex;align-items:center;flex-wrap:wrap;gap:12px}
body[data-view="studio"] .editor-empty-preview{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px;text-align:center}
body[data-view="studio"] .movie-cta button{border-radius:4px}
body[data-view="studio"] #make-movie{background:#f4f4f4;color:#111;font-weight:850}
body[data-game="cs2"] a:focus-visible,body[data-game="cs2"] button:focus-visible{outline:2px solid #eee;outline-offset:3px}
@media(max-width:1200px){body[data-view="studio"] #studio-editor-home #movie-builder{grid-template-columns:210px minmax(0,1fr);grid-template-areas:"heading heading" "library preview" "timeline timeline" "settings settings";grid-template-rows:auto 430px auto auto}body[data-view="studio"] #studio-editor-home .movie-cta{height:auto;max-height:none}}
@media(max-width:850px){body[data-game="cs2"] .site-header{padding:12px 16px;position:sticky}body[data-game="cs2"] .workspace-sidebar{position:fixed;top:auto;bottom:0;left:0;width:100%;height:auto;padding:8px 10px;border:0;border-top:1px solid #444;z-index:45;background:#111;overflow:visible}body[data-game="cs2"] .workspace-sidebar>.eyebrow,body[data-game="cs2"] .workspace-sidebar .sidebar-shop{display:none!important}body[data-game="cs2"] .workspace-sidebar nav{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;gap:4px}body[data-game="cs2"] .workspace-sidebar nav a{font-size:10px!important;padding:12px 8px!important;text-align:center;flex:1;white-space:nowrap}body[data-game="cs2"] .workspace-sidebar nav a[aria-current="page"]{box-shadow:inset 0 3px #eee}body[data-game="cs2"] #workspace-main{margin:0;width:100%;padding:24px 18px 100px}body[data-game="cs2"] .creator-dashboard-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"matches" "clips" "next" "studio" "wallet" "queue"}body[data-game="cs2"] .dashboard-metrics{gap:8px}body[data-game="cs2"] .dashboard-metrics a{padding:14px 12px;flex-direction:column;align-items:flex-start;gap:8px}body[data-game="cs2"] .dashboard-metrics span{font-size:10px}body[data-game="cs2"] .dashboard-metrics strong{font-size:24px}body[data-view="studio"] .studio-command-bar{top:90px}body[data-game="cs2"] .floating-settings{display:none}}
@media(max-width:600px){body[data-game="cs2"] .workspace-sidebar nav a[data-route="help"]{display:none}body[data-game="cs2"] .site-header .brand-word{font-size:20px}body[data-game="cs2"] .header-account-area{gap:7px}body[data-game="cs2"] .header-points-link{font-size:10px;padding:8px}body[data-game="cs2"] .creator-dashboard-grid>.card{padding:20px}body[data-game="cs2"] #dashboard-latest-clips{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-view="studio"] #studio-editor-home #movie-builder{display:flex;flex-direction:column}body[data-view="studio"] .studio-center-workspace{display:contents}body[data-view="studio"] #editor-preview-pane{order:1;min-height:260px!important}body[data-view="studio"] .movie-sequence{order:2}body[data-view="studio"] .editor-library{order:3;max-height:400px!important}body[data-view="studio"] .movie-cta{order:4}}
/* The dedicated Studio replaces the workspace shell and uses the entire canvas. */
body[data-view="studio"] #workspace-main{margin:0;width:100%;max-width:none;padding:18px 24px 32px;min-height:100svh}
body[data-view="studio"] .studio-command-bar{top:0}
body[data-view="studio"] #studio-editor-home #movie-builder>.movie-copy{padding:12px 0;background:transparent;border:0}
@media(max-width:600px){body[data-view="studio"] #workspace-main{padding:12px 14px 28px}}
.clip-watermark-choice{display:flex;align-items:center;gap:10px;color:#eee;font-weight:600}.clip-watermark-choice input{width:auto;margin:0}
#player-card[data-watermark-overlay="off"] .clip-preview-watermark{display:none}
.landing-v2 .welcome-free-start{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;background:#000;color:#fff;border:1px solid #ffffff65;border-radius:7px;padding:15px 20px;font-size:16px;font-weight:800;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}.landing-v2 .welcome-free-start:hover{background:#171717;border-color:#fff}.landing-v2 .welcome-free-start:focus-visible{outline:2px solid #fff;outline-offset:4px}

.danger-action{color:#f4a4a4!important;border-color:#633d3d!important}.danger-action:hover{background:#3e2525!important}

.clip-download-history{margin-top:24px}.download-history-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-top:1px solid #343434}.download-history-row strong,.download-history-row small{display:block;overflow-wrap:anywhere}.download-history-row small{color:#aaa;margin-top:5px}.download-history-row button{flex-shrink:0}.premium-support-benefit{font-size:12px;color:#eee}@media(max-width:560px){.download-history-row{align-items:flex-start;flex-direction:column}}

/* Keep permanent account removal separate from routine sign-in controls. */
#account .settings-danger-zone{display:grid;gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid #633d3d;min-width:0}
#account .settings-danger-zone h3{margin:0;font-size:16px;line-height:1.4;color:#f4a4a4}
#account .settings-danger-zone p{margin:0;max-width:60ch;color:#bdbdbd;line-height:1.6}
#account .settings-danger-zone .danger-action{justify-self:start;min-height:44px;margin:0;padding:12px 18px;white-space:normal}
#account .settings-danger-zone .danger-action:focus-visible{outline:2px solid #f4f4f4;outline-offset:4px}

.account-removal-confirm{width:min(520px,calc(100vw - 32px));max-height:calc(100svh - 40px);overflow:auto;padding:28px;border:1px solid #6a4141;border-radius:8px;background:#191919;color:#eee;box-shadow:0 24px 90px #000a}
.account-removal-confirm::backdrop{background:#000b}.account-removal-confirm h2{font-size:27px;margin:12px 0 20px}.account-removal-confirm p{line-height:1.6;color:#bdbdbd}.account-removal-confirm label{display:block;margin-top:23px;font-size:12px}.account-removal-confirm input{display:block;width:100%;margin-top:10px}.account-removal-confirm-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:14px;margin-top:24px}.account-removal-confirm-actions button{min-height:44px}.account-removal-confirm input:focus-visible,.account-removal-confirm button:focus-visible{outline:2px solid #eee;outline-offset:4px}

.clip-preview-watermark{top:auto;bottom:3.5%;right:2.5%;font-family:'Ztx Fira',sans-serif;font-size:clamp(12px,2.4vw,30px);opacity:.85;text-shadow:1px 2px 3px #0009}


.notification-item.notification-ready{margin:10px 0;padding:18px 20px;border:1px solid #3f8c60;border-radius:9px;background:#173323}.notification-ready>p{font-size:18px;line-height:1.5;font-weight:700;color:#89ecb2;margin:0;flex:1}.notification-ready>small{color:#b1d5bd}@media(max-width:600px){.notification-item.notification-ready{flex-wrap:wrap;gap:12px}.notification-ready>p{flex-basis:100%;font-size:17px}}