:root{color-scheme:dark;--bg:#1d252b;--panel:#29343c;--line:#46535d;--text:#fafbf4;--muted:#c0cbd1;--green:#d0ff85}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif;font-size:15px}button,a,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#34424b;color:var(--text);border-radius:9px;padding:13px 19px;transition:background .2s}button:hover{background:#465761}button:disabled{opacity:.45;cursor:wait}.primary{background:var(--green);color:#15200b;font-weight:650;border-color:var(--green)}.primary:hover{background:#d0ff8d}a{color:inherit;text-decoration:none}aside{width:244px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:34px 24px;background:#222d34;display:flex;flex-direction:column}.logo{font-size:23px;letter-spacing:-1px}.logo:first-letter{color:var(--green)}.workspace{font-size:10px;letter-spacing:1.6px;color:var(--muted);margin:56px 0 18px}nav{display:grid;gap:8px}nav button{text-align:left;background:none;border:0}nav button.active{background:#354936;color:var(--green)}.aside-bottom{margin-top:auto}.credit-card{display:grid;gap:12px;border:1px solid var(--line);padding:19px;border-radius:12px}.credit-card strong{font-size:32px}.credit-card span{font-size:11px;color:var(--muted)}.credit-card small{color:var(--muted)}main{margin-left:244px;padding:0 58px;max-width:1600px}header{height:92px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}header #signin{margin-left:auto}.pill{font-size:10px;padding:7px 10px;border:1px solid #45513a;color:var(--green);border-radius:30px;letter-spacing:1px}.quiet{background:none;border:0;color:var(--muted);padding-left:0}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;min-height:470px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);margin-top:34px}h1{font-size:clamp(38px,4.2vw,66px);font-weight:500;line-height:1.06;letter-spacing:-3px;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.lead{color:var(--muted);font-size:17px;line-height:1.65;margin-bottom:25px}.hero-art{position:relative;display:flex;justify-content:center}.frame{position:relative;overflow:hidden;width:224px;height:355px;border:1px solid #5c6552;border-radius:20px;background:linear-gradient(140deg,#23403a,#20262e 60%,#363d18);padding:20px;transform:rotate(7deg);box-shadow:0 30px 70px #0009}.tiny{font-size:9px;letter-spacing:2px}.orb{position:absolute;top:60px;left:55px;width:170px;height:170px;border-radius:50%;background:radial-gradient(at 25% 20%,#e1ffbb,#80a2a0 30%,#172524 75%);box-shadow:-15px 20px 40px #101810}.art-caption{position:absolute;bottom:65px;font-family:Georgia,serif;font-size:25px;line-height:1.1}.play{position:absolute;bottom:20px;font-size:15px}.floating{position:absolute;bottom:10px;left:8%;background:#242a27;border:1px solid #4a5842;padding:12px 18px;border-radius:9px;box-shadow:0 8px 25px #0005;font-size:12px}.section-title{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.section-title h2{font-size:23px;font-weight:500}.section-title span{color:var(--muted);font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.empty{border:1px dashed #3d4346;border-radius:15px;grid-column:1/-1;padding:36px;text-align:center;color:var(--muted)}.empty h3{color:var(--text);font-weight:500}.empty button{background:none;border:0;color:var(--green)}.video-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden}.video-card img{width:100%;height:150px;object-fit:cover}.video-card video{width:100%;height:240px;background:#0b0d0c}.video-card .details{padding:18px}.video-card h3{font-size:17px;overflow-wrap:anywhere}.video-card p{color:var(--muted);font-size:12px;line-height:1.6}.video-card a{font-size:12px;color:var(--green)}.status{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--green)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;margin:30px 0;max-width:960px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.grid.three{grid-template-columns:repeat(3,1fr)}label{display:grid;gap:10px;margin:0 0 24px;font-size:13px}input,textarea,select{width:100%;background:#1b262e;color:var(--text);border:1px solid #52626e;border-radius:8px;padding:13px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green)}textarea{resize:vertical;line-height:1.6}input[type=color]{height:48px}details{margin:0 0 24px}summary{color:var(--green);cursor:pointer;margin-bottom:18px}.muted{color:var(--muted);font-size:12px;line-height:1.7}.panel .muted{margin-bottom:24px}.panel>span{margin-left:16px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:40px 0}.plan{border:1px solid var(--line);border-radius:16px;padding:27px;background:var(--panel)}.plan.featured{border-color:var(--green)}.plan>span{color:var(--green);font-size:12px}.plan h2{font-size:20px;font-weight:500}.price{font-size:42px;font-weight:500;margin:28px 0 12px}.price small{font-size:13px;color:var(--muted)}.plan p,.plan li{font-size:13px;color:var(--muted)}.plan ul{padding:15px;line-height:2.3}.plan button{width:100%;font-size:13px}footer{border-top:1px solid var(--line);margin:48px 0 0;padding:25px 0;color:var(--muted);display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}dialog{max-width:440px;width:90%;background:var(--panel);border:1px solid #41494e;color:var(--text);border-radius:18px;padding:30px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:30px;font-weight:500}dialog p{color:var(--muted);font-size:13px}.close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:25px}dialog .primary{width:100%}dialog .quiet{margin-top:16px}.error{color:#ff9c8c!important}#notice{padding:14px 18px;border-radius:9px;background:#293322;color:var(--green);margin:20px 0}section[hidden],button[hidden]{display:none!important}@media(max-width:1050px){aside{width:200px;padding:28px 18px}main{margin-left:200px;padding:0 30px}.cards,.plan-grid{grid-template-columns:repeat(2,1fr)}.hero-art{transform:scale(.85)}.intro{grid-template-columns:1.2fr 1fr}}@media(max-width:700px){aside{position:relative;width:100%;padding:20px;border-right:0;border-bottom:1px solid var(--line)}.workspace,.aside-bottom{display:none}nav{display:flex;margin-top:20px;gap:2px;overflow:auto}nav button{font-size:11px;padding:10px;white-space:nowrap}main{margin-left:0;padding:0 20px}header{height:64px;font-size:10px}.intro{grid-template-columns:1fr;gap:12px}.hero-art{display:none}h1{letter-spacing:-2px;font-size:45px}.cards,.plan-grid,.grid,.grid.three{grid-template-columns:1fr}.section-title{align-items:start;gap:12px}.section-title span{max-width:120px}footer{gap:20px}.panel{padding:20px}}
:root{--editor-accent:#bdf46a}
.editor-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.draft-status{display:grid;gap:12px;color:var(--muted);font-size:12px;text-align:right;padding-bottom:24px}.editor-top{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.editor-top .panel{margin:12px 0;max-width:none}.look-panel .eyebrow{margin-top:0}.editor-form audio{display:block;width:100%;margin-top:16px}.editor-form audio[hidden]{display:none}.check{display:flex;align-items:center;gap:10px;line-height:1.6}.check input{width:18px;height:18px;flex-shrink:0;accent-color:var(--green)}.scene-list{display:grid;gap:18px}.scene-card{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:22px;display:grid;grid-template-columns:170px 1fr;gap:24px}.scene-visual{display:grid;align-content:start;gap:12px}.scene-visual img,.scene-visual video{width:100%;height:170px;object-fit:contain;border-radius:10px;background:#101315}.scene-number{height:150px;border-radius:12px;background:linear-gradient(140deg,#314736,#182525);display:grid;place-items:center;color:var(--green);font-size:42px}.scene-body .grid{gap:16px}.scene-body label{margin-bottom:16px}.scene-actions{display:flex;gap:7px;flex-wrap:wrap}.scene-actions button{font-size:11px;padding:8px 10px}.scene-caption{font-size:11px;color:var(--muted);line-height:1.5}.render-bar{border:1px solid #48533a;background:#1e291d;border-radius:16px;padding:24px;margin-top:24px}.toolbar{display:flex;gap:12px;flex-wrap:wrap}.draft-library{display:grid;gap:10px}.draft-row{display:flex;align-items:center;gap:15px;border:1px solid var(--line);padding:16px;border-radius:12px}.draft-row strong{flex:1}.draft-row span{color:var(--muted);font-size:12px}.asset-card{padding:16px;background:var(--panel);border-radius:12px;border:1px solid var(--line)}.asset-card img,.asset-card video{width:100%;height:160px;object-fit:contain}.asset-card p{overflow-wrap:anywhere}.version-picker{max-width:220px}.dirty{color:#eac878}.editor-heading h1{font-size:clamp(38px,3.8vw,60px)}@media(max-width:1100px){.editor-top{grid-template-columns:1fr}.scene-card{grid-template-columns:130px 1fr}}@media(max-width:700px){.scene-card{grid-template-columns:1fr}.scene-visual{grid-template-columns:90px 1fr}.scene-number{height:90px;font-size:30px}.scene-visual img,.scene-visual video{height:90px}.editor-heading{align-items:center}.draft-row{flex-wrap:wrap}.editor-heading h1{font-size:42px}.section-title{flex-wrap:wrap}}

#short-preview{max-width:100%;max-height:360px;background:#101214;margin:16px 0}#short-transcript{max-height:260px;overflow:auto;line-height:1.8}

/* Cinematic stills frame the studio without competing with editing controls. */
.cinematic-hero{position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;min-height:480px;margin:28px 0 12px;border:1px solid #40463d;border-radius:22px;background:#17221b}
.hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:68% center}
.cinematic-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,15,13,.83),rgba(8,15,13,.50) 39%,rgba(8,15,13,0) 82%),linear-gradient(0deg,rgba(8,15,13,.48),transparent 38%)}
.hero-copy{padding:42px 40px 70px;max-width:700px}.hero-copy .eyebrow{margin-top:0;font-size:10px;letter-spacing:2.1px}.hero-copy h1{font-size:clamp(40px,4vw,64px);margin:24px 0}.hero-copy .lead{color:#e0e5d9;font-size:16px}.hero-copy .primary{box-shadow:0 5px 24px #0003}
.hero-cue{position:absolute;bottom:24px;left:40px;right:30px;display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1.8px;color:#d9dece}
.inspiration-heading{padding:20px 0 18px}.inspiration-heading .eyebrow{margin:0 0 10px;font-size:9px}.inspiration-heading h2{margin:0;font-size:21px}.inspiration-heading>span{max-width:none}
.inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}
.inspiration-card{position:relative;isolation:isolate;min-height:228px;overflow:hidden;padding:0;text-align:left;border-radius:15px;border:1px solid #444b42;background:#18211c;transition:transform .2s,border-color .2s}
.inspiration-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .45s}.inspiration-card>img.city-crop{object-position:center 62%}
.inspiration-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,13,12,.88),rgba(7,13,12,.06) 75%);z-index:-1}
.inspiration-card:hover{transform:translateY(-3px);border-color:var(--green);background:#18211c}.inspiration-card:hover>img{transform:scale(1.035)}.inspiration-card:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.inspiration-copy{display:grid;gap:10px;padding:90px 20px 22px}.inspiration-copy small{font-size:8px;color:#d8e4ca;letter-spacing:1.4px}.inspiration-copy strong{font-size:18px;line-height:1.3;font-weight:500}.inspiration-copy>span{font-size:11px;color:var(--green)}
.cinema-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:34px;margin-top:30px}.cinema-heading h1{font-size:clamp(38px,3.8vw,60px)}.cinema-heading .eyebrow{margin-top:0}.cinema-heading .lead{max-width:500px}
.section-visual{position:relative;margin:0;overflow:hidden;border:1px solid #42483d;border-radius:18px;min-height:250px;align-self:stretch;background:#18221c}.section-visual img{display:block;width:100%;height:100%;min-height:250px;max-height:330px;object-fit:cover}.section-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07100b91,transparent 60%)}.section-visual figcaption{position:absolute;bottom:22px;left:24px;z-index:1;color:#e7eadf;font-size:9px;letter-spacing:2px}.portrait-visual{height:330px;max-width:440px}.portrait-visual img{object-position:center 68%}
.brand-cinema{position:relative;isolation:isolate;overflow:hidden;min-height:350px;border:1px solid #49483b;border-radius:20px;margin-top:30px;display:flex;align-items:center}.brand-cinema>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:65% center}.brand-cinema::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101610d1,#10161085 43%,#10161000 90%)}.brand-copy{padding:30px 38px;max-width:640px}.brand-copy .eyebrow{margin-top:0}.brand-copy h1{font-size:clamp(38px,3.7vw,60px)}.brand-copy .lead{color:#e0e1d5;max-width:460px}
@media(max-width:1050px){.hero-copy{padding-left:28px}.hero-cue{left:28px}.inspiration-grid{gap:12px}.inspiration-copy{padding:90px 14px 18px}.inspiration-copy strong{font-size:16px}.cinema-heading{gap:24px;grid-template-columns:1fr 1fr}}
@media(max-width:700px){.cinematic-hero{min-height:440px;margin-top:20px;border-radius:17px}.hero-copy{padding:30px 24px 64px}.hero-copy h1{font-size:43px;letter-spacing:-2px}.hero-copy .lead{font-size:14px}.hero-image{object-position:62% center}.cinematic-hero::after{background:linear-gradient(90deg,#08100dc9,#08100d57),linear-gradient(0deg,#08100d80,transparent)}.hero-cue{left:24px;right:24px;font-size:7px;letter-spacing:1px}.hero-cue span:last-child{display:none}.inspiration-heading{align-items:center;gap:16px}.inspiration-heading h2{font-size:19px}.inspiration-heading>span{max-width:95px;font-size:10px;line-height:1.5;text-align:right}.inspiration-grid{grid-template-columns:1fr;gap:14px}.inspiration-card{min-height:180px}.inspiration-copy{padding:72px 22px 20px}.inspiration-copy strong{font-size:20px}.cinema-heading{grid-template-columns:1fr;gap:8px}.section-visual,.section-visual img{min-height:200px;max-height:250px}.portrait-visual{max-width:none;height:230px}.brand-cinema{min-height:320px}.brand-copy{padding:24px}.brand-copy h1{font-size:39px;letter-spacing:-2px}.brand-copy .lead{font-size:14px}.brand-cinema::after{background:linear-gradient(90deg,#101610d1,#10161070)}.brand-cinema>img{object-position:66% center}}
@media(prefers-reduced-motion:reduce){.inspiration-card,.inspiration-card>img{transition:none}.inspiration-card:hover{transform:none}.inspiration-card:hover>img{transform:none}}

/* Brighter colour grade and clear foreground contrast. */
.hero-image,.inspiration-card>img,.brand-cinema>img,.section-visual img{filter:brightness(1.13) saturate(1.08)}
.hero-copy h1,.brand-copy h1{text-shadow:0 2px 18px rgba(0,0,0,.28)}
.hero-copy .lead,.brand-copy .lead{color:#f1f4e9;text-shadow:0 1px 8px #0006}
.inspiration-copy strong,.inspiration-copy small,.section-visual figcaption{color:#fffef4;text-shadow:0 1px 8px #0008}
.credit-card{background:#293740}.empty{background:#253139;border-color:#586872}.draft-row{background:#253139}.pill{background:#31402d;border-color:#6d8650}.render-bar{background:#2a3d2a;border-color:#688457}

.google-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#fff;color:#1f1f1f;border:1px solid #747775;border-radius:6px;font-size:14px;font-weight:500;min-height:44px}.google-mark{font-size:22px;font-weight:700;color:#4285f4}.auth-divider{text-align:center;font-size:12px;color:#aeb8c0;margin:16px 0}#google-setup-note{font-size:12px}

.drama-hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:28px;margin:28px 0;padding:32px;background:linear-gradient(125deg,#13314c,#335d68);border-radius:22px;color:#f0f8ff}.drama-hero h1{font-size:clamp(32px,4vw,56px);margin:10px 0}.drama-hero img{width:100%;height:240px;object-fit:cover;border-radius:16px}.drama-cast{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.drama-character img{width:100%;height:180px;object-fit:contain;border-radius:12px}.drama-shot{margin-bottom:18px;border-left:3px solid #6ad5d9}.drama-dialogue{display:grid;grid-template-columns:150px 1fr 140px auto;gap:12px;align-items:end;padding:14px 0;border-bottom:1px solid #ffffff18}#drama-form .toolbar{flex-wrap:wrap}#drama-form select{max-width:100%}@media(max-width:850px){.drama-dialogue{grid-template-columns:1fr 1fr}.drama-hero{grid-template-columns:1fr}.drama-hero img{height:170px}}

/* Dedicated clipping workspace. */
.timeline-panel{margin:20px 0;border:1px solid #648b9b}.timeline-panel .toolbar{align-items:end}.timeline-panel .toolbar label{margin:0}#timeline-video{display:block;width:100%;max-height:430px;background:#0c171b;border-radius:12px}#timeline-video[hidden]{display:none}#timeline-shots{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}#timeline-shots button{font-size:12px;padding:9px 12px}.delivery-lines{padding:16px;margin:20px 0;border:1px solid #56737c;border-radius:12px}.delivery-line{display:grid;grid-template-columns:1fr 150px 150px;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #ffffff20}.delivery-line p{line-height:1.6}.delivery-line label{font-size:12px}.male-sample{display:grid;gap:12px;padding:16px;border:1px solid #597888;border-radius:12px;margin-top:12px}.male-sample audio{width:100%}.video-results{padding:20px;margin-top:18px;background:#243b45;border:1px solid #759aa6;border-radius:12px}.video-results p{line-height:1.6}@media(max-width:900px){.delivery-line{grid-template-columns:1fr 1fr}.delivery-line p{grid-column:1/-1}}
.scene-body .grid[hidden]{display:none}.quality-report{margin-top:16px;padding:16px;border:1px solid #76965f;border-radius:12px;background:#263b34;line-height:1.6}.quality-report small{color:var(--muted)}
.polish-panel{border:1px solid #7498a2;background:linear-gradient(120deg,#24434c,#31463d);margin-bottom:22px}.polish-panel h2{margin:8px 0}.polish-panel .toolbar{flex-wrap:wrap}.polish-panel details{margin-top:18px}.polish-panel #polish-status{line-height:1.6;color:#d9f9ad}.polish-shots{margin-top:24px;padding-top:12px;border-top:1px solid #ffffff25}.polish-shot{margin:16px 0;padding:18px;background:#172d35;border:1px solid #45646c;border-radius:14px}.polish-shot>video,.polish-shot>img{width:100%;max-height:210px;object-fit:contain;background:#0c171b;border-radius:10px;margin:10px 0}.shot-passage{color:#e4f1e8;line-height:1.6}.shot-candidates{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:18px}.shot-candidate{display:grid;gap:10px;padding:10px;border:1px solid #6c898f;border-radius:12px}.shot-candidate video{width:100%;height:130px;background:#101214}.shot-candidate small{line-height:1.4}.polish-shot .grid{grid-template-columns:1fr 1fr}@media(max-width:700px){.polish-shot .grid{grid-template-columns:1fr}}
.clip-hero{padding:32px 38px;margin:28px 0 18px;border:1px solid #6197a3;border-radius:24px;background:linear-gradient(120deg,#174c61,#346c73 65%,#435e50)}.clip-hero h1{margin:12px 0;font-size:clamp(36px,4vw,58px)}.clip-hero .lead{max-width:650px;color:#f2f7ef}.clip-steps{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.clip-steps span{padding:10px 16px;border-radius:30px;background:#ffffff17;border:1px solid #ffffff30}.clip-status{padding:15px 20px;background:#263e48;border-left:3px solid #78dce3;border-radius:8px;min-height:52px;line-height:1.5}.clip-upload-panel{display:grid;grid-template-columns:1fr 1fr;gap:32px}.clip-upload-panel h2{margin-top:0}.clip-edit-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:start}.clip-source-panel{position:sticky;top:20px}.clip-source-panel video{width:100%;max-height:350px;background:#101214;border-radius:12px}.clip-timeline{height:28px;position:relative;border:1px solid #587581;border-radius:8px;overflow:hidden;margin-top:16px;background:repeating-linear-gradient(90deg,#243c47 0 14px,#355260 14px 16px)}#clip-selection{position:absolute;top:0;bottom:0;background:#bdf46a80;border:2px solid #bdf46a;border-radius:5px}.clip-range{color:#d9f9ad;font-weight:600}#clip-selection-error{color:#ffcfab}.clip-presets{margin:14px 0}.clip-presets button{padding:8px 15px}.clip-preview-wrap{min-height:200px;display:flex;justify-content:center;align-items:center;background:#14212a;border-radius:12px;padding:12px}.clip-preview-wrap canvas{display:block;max-width:100%;max-height:350px;width:auto;height:auto;border:1px solid #66808b;border-radius:8px}.clip-preview-note{font-size:12px}.clip-export-panel{border:1px solid #76965f;background:#2a3e37}.clip-tray-item{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #ffffff20}.clip-tray-item strong{flex:1;min-width:180px}.clip-tray-item span{font-size:12px}.clip-tray-item button{padding:8px 12px}.clip-moment{display:flex;flex-direction:column;gap:10px}.clip-moment small{color:#a8e1e5;letter-spacing:1px}.clip-moment button{margin-top:auto}.clip-transcript-line{display:block;width:100%;text-align:left;margin:8px 0;line-height:1.6;font-weight:400}.clip-transcript-line:hover{border-color:#bdf46a}#clip-analysis-progress{width:100%;margin-top:12px}#short-form .toolbar{flex-wrap:wrap}#short-form h2{font-size:21px}#short-form details{margin:14px 0}#short-form input[type=range]{cursor:pointer}#short-form button:focus-visible{outline:2px solid #bdf46a;outline-offset:3px}
@media(max-width:1050px){.clip-edit-grid{grid-template-columns:1fr}.clip-source-panel{position:static}.clip-look-panel .grid{grid-template-columns:1fr 1fr}.clip-preview-wrap canvas{max-height:400px}}
@media(max-width:700px){.clip-hero{padding:24px}.clip-upload-panel{grid-template-columns:1fr;gap:20px}.clip-steps span{font-size:12px;padding:8px 12px}.clip-look-panel .grid{grid-template-columns:1fr}.clip-tray-item{align-items:flex-start}.clip-tray-item strong{flex-basis:100%}.clip-source-panel video{max-height:260px}}