/* 4.9.1 */
.announcement{background:linear-gradient(100deg,#991e32,#df354a 50%,#a21f38);color:#fff}.announcement button{color:#fff}
.ruble-icon,.studio-balance-value .ruble-icon,.generate-button .ruble-icon{box-sizing:border-box;display:inline-grid!important;place-items:center;width:18px!important;height:18px!important;min-width:18px;min-height:18px;flex:0 0 18px;padding:0!important;margin:0 2px;line-height:18px!important;font-family:Arial,sans-serif;font-size:12px!important;letter-spacing:0!important;text-indent:0;vertical-align:middle;border-radius:50%;overflow:hidden;transform:none!important}
.studio-rail-toggle{width:100%;display:flex;align-items:center;flex-direction:column;gap:8px;padding:8px 2px;cursor:pointer}.studio-rail-toggle-label{font-size:9px;line-height:1.3;overflow-wrap:anywhere;text-align:center;white-space:normal}.studio-rail-toggle:disabled{opacity:.6;cursor:wait}
.library-card{cursor:pointer}.library-card:focus-visible{outline:2px solid var(--acid);outline-offset:4px}.library-card .card-thumb{pointer-events:none}
.refresh-icon{width:18px;height:18px;vertical-align:middle;flex:none;transition:transform .4s}[data-action="regenerate-item"]:hover .refresh-icon{transform:rotate(70deg)}
.guarantee-banner{overflow:visible;z-index:20}.guarantee-glow{border-radius:inherit}.guarantee-tooltip{z-index:1000;width:min(280px,70vw)}.guarantee-asterisk:focus-within .guarantee-tooltip{opacity:1}
.billing-period{display:flex;align-items:stretch;justify-content:center;gap:6px;padding:6px;margin:24px auto 12px;background:#181b1e;border:1px solid #363b3e;border-radius:18px;max-width:430px}.billing-period button{flex:1;border:0;border-radius:13px;background:transparent;color:#c4c9cb;padding:13px 18px;font:inherit;cursor:pointer}.billing-period button[aria-pressed="true"]{background:var(--acid);color:#10150c;box-shadow:0 3px 16px #c6fa1720}.billing-period span{display:inline-block;font-size:11px;border:1px solid currentColor;border-radius:20px;padding:2px 6px;margin-left:5px}.billing-period small{display:block;margin-top:5px;font-size:11px}.annual-note{text-align:center;color:#aeb5b8;font-size:12px;margin-bottom:24px}.plan-current-price small{display:block;font-size:12px;color:#aeb5b8;margin-top:6px}
.seedance-bg-gradient{background:radial-gradient(ellipse at 15% 25%,#5e25886b,transparent 47%),radial-gradient(ellipse at 85% 65%,#21bca955,transparent 45%),radial-gradient(ellipse at 55% 85%,#c7f53a3d,transparent 50%),#090d13;animation:aurora-drift 18s ease-in-out infinite alternate;filter:blur(24px);inset:-15%}.seedance-bg::after{content:"";position:absolute;inset:-30%;background:repeating-conic-gradient(from 25deg at 50% 50%,transparent 0deg 23deg,#adf8dc0a 26deg,transparent 30deg 60deg);filter:blur(12px);animation:aurora-turn 70s linear infinite;mix-blend-mode:screen}
@keyframes aurora-drift{0%{transform:translate(-3%,-2%) scale(1) rotate(-8deg)}100%{transform:translate(4%,3%) scale(1.18) rotate(12deg)}}@keyframes aurora-turn{to{transform:rotate(360deg)}}
@media(min-width:1000px){.seedance-center{max-width:1100px;padding:40px 32px 24px}.seedance-title{font-size:clamp(84px,10vw,144px)}.seedance-kicker{font-size:18px}.seedance-subtitle{font-size:26px;max-width:850px}.seedance-highlight{font-size:20px}.seedance-home{min-height:960px}.studio-recent{display:none}}
@media(prefers-reduced-motion:reduce){.seedance-bg-gradient,.seedance-bg::after{animation:none}.refresh-icon{transition:none}}
/* 4.9.3: normal centered shell uses studio-layout.css; fullscreen only via .is-expanded. */
.home-cinema{position:relative;width:100%;height:calc(100svh - 97px);min-height:320px;isolation:isolate;overflow:hidden;background:#090d13}
.home-cinema .seedance-bg{position:absolute;inset:0;z-index:-1}.home-cinema-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.home-video-control{position:absolute;right:22px;bottom:20px;z-index:2;border:1px solid #ffffff40;border-radius:50%;width:44px;height:44px;background:#12171a88;color:white;cursor:pointer;backdrop-filter:blur(10px)}
.home-cinema-video[hidden],.home-video-control[hidden]{display:none}
.attachment-strip{display:flex;gap:10px;overflow-x:auto;max-height:174px;padding:5px 2px 10px}
.attachment-strip .attached{display:grid;grid-template-columns:1fr auto;gap:5px;flex:0 0 128px;min-width:128px;padding:8px;border:1px solid #43484c;border-radius:12px;background:#1c2229;cursor:grab;position:relative}
.attached .reference-thumb{display:block;width:100%;height:65px;object-fit:cover;border-radius:7px;grid-column:1/-1;pointer-events:none}
.attached .reference-symbol{display:grid;place-items:center;background:linear-gradient(125deg,#394d4b,#2f2944);color:#dcfa7b;font-size:30px}
.attached>b{font-size:10px;color:var(--acid)}.attached>span[title]{grid-column:1/-1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:112px;font-size:10px}
.attached button{cursor:pointer;font-size:10px;border:1px solid #ffffff20;border-radius:5px;background:#ffffff0b;color:#eef1f2;padding:3px 6px}.attached [data-action="remove-attachment"]{position:absolute;right:9px;top:9px;background:#14181be8;font-size:16px;width:22px;height:22px;padding:0}.attached.reference-dragging{opacity:.4}.attached.reference-drop{border-color:var(--acid);box-shadow:0 0 0 2px #d1fe1744}
.reference-trimmer video{display:block;width:100%;max-height:360px;border-radius:12px;background:#000}.reference-trimmer audio{width:100%;margin:16px 0}.trim-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.trim-fields label,.trim-sliders label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#bfc7cc}.trim-fields input{width:100%;padding:10px;border:1px solid #43494f;border-radius:8px;background:#161c20;color:white}.trim-sliders{display:grid;gap:12px}.trim-sliders input{width:100%;accent-color:var(--acid)}.trim-help{color:#a2abb2;font-size:11px;line-height:1.6}#trimStatus{font-size:13px;color:#d1fe9a}
.studio-shell .attachment-strip{max-height:190px;flex-wrap:nowrap;overflow-x:auto;overflow-y:auto;padding:4px 2px 10px;align-items:stretch}
.studio-shell .attachment-strip .attached{flex:0 0 144px;min-width:144px;max-width:144px;grid-template-rows:65px auto auto auto;align-content:start;align-items:center}
.studio-shell .attached .reference-thumb{width:100%;height:65px}
.studio-shell .attached [data-action="trim-reference"]{grid-column:1/-1}
@media(max-width:600px){.studio-shell .attachment-strip{max-height:172px}.studio-shell .attachment-strip .attached{flex-basis:128px;min-width:128px;max-width:128px}}

/* Text restored above the single background video, not in place of it. */
.home-cinema{display:flex;align-items:center;justify-content:center;padding:28px 20px;height:auto;min-height:calc(100svh - 97px)}
.home-cinema .seedance-center{width:100%;flex:none;margin:auto;z-index:2;background:radial-gradient(ellipse at center,#0b1016a8,#0b101640 70%,transparent);text-shadow:0 2px 20px #0008;backdrop-filter:blur(3px)}
.home-cinema::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#070c1230,#070c1255);pointer-events:none}
.home-video-control{z-index:4}
@media(min-width:1000px){.studio-shell.workbench.is-expanded{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;max-height:none;border:0;border-radius:0;z-index:90}}
@media(max-width:600px){.home-cinema{padding:24px 12px}.home-cinema .seedance-kicker{font-size:8px;letter-spacing:.08em}.home-cinema .seedance-highlight{flex-wrap:wrap;justify-content:center}.home-cinema .seedance-cta{display:flex;width:fit-content;margin:22px auto 0}}

.home-cinema .seedance-title span{text-shadow:none}

/* 4.9.4: sound is opt-in, normal studio grows vertically only. */
.home-video-sound{left:22px;right:auto;display:grid;place-items:center}
.home-video-sound svg{width:22px;height:22px}
.home-video-sound[aria-pressed="true"]{color:var(--acid);border-color:var(--acid)}
.home-video-control:focus-visible{outline:2px solid var(--acid);outline-offset:4px}
/* 4.9.5: same width, 5% shorter than 4.9.4 (0.95 * (100dvh - 88px)). */
@media(min-width:1000px){.studio-shell.workbench:not(.is-expanded){height:calc(95dvh - 84px);min-height:min(660px,calc(95dvh - 84px));max-height:none}}

/* 4.9.6: компактные референсы, высокое поле промпта, крупная кнопка «+» слева. */
.studio-shell .attachment-strip{max-height:132px;padding:2px 2px 8px;gap:8px}
.studio-shell .attachment-strip .attached{flex:0 0 96px;min-width:96px;max-width:96px;grid-template-rows:38px auto auto auto;padding:6px;border-radius:10px}
.studio-shell .attached .reference-thumb{width:100%;height:38px;border-radius:6px}
.studio-shell .attached .reference-symbol{font-size:20px}
.attached>span[title]{max-width:82px}
.studio-shell .attached [data-action="trim-reference"]{font-size:9px;padding:2px 4px}
.attached [data-action="remove-attachment"]{right:6px;top:6px;width:20px;height:20px;font-size:14px}
.studio-shell .studio-prompt-row{align-items:flex-start}
.studio-shell .studio-prompt-row textarea{height:118px;min-height:118px;max-height:240px}
.studio-attach-button{width:58px;height:58px;padding:15px;border-radius:14px;border-width:2px;flex:0 0 58px}
.studio-attach-button svg{width:26px;height:26px}
@media(max-width:700px){.studio-shell .studio-prompt-row textarea{height:96px;min-height:96px;max-height:180px}.studio-attach-button{width:50px;height:50px;flex-basis:50px;padding:12px}.studio-shell .attachment-strip .attached{flex-basis:88px;min-width:88px;max-width:88px}}

/* 4.9.6: вкладки источника референса во всплывающем меню «+». */
.attach-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 14px;padding:5px;background:#141619;border:1px solid #35393d;border-radius:14px}
.attach-tab{flex:1 1 auto;border:0;border-radius:10px;background:transparent;color:#c8ccc9;padding:10px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.attach-tab:hover{background:#26292d;color:#fff}
.attach-tab.active{background:var(--acid);color:#131a08;box-shadow:0 4px 18px #c6fa172e}
.attach-slots{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.attach-slot{border:1px solid #41464b;border-radius:999px;background:#202226;color:#d8dad6;padding:7px 11px;font:inherit;font-size:11px;cursor:pointer}
.attach-slot.active{border-color:var(--acid);color:var(--acid);background:#27301b}
.attach-hint{font-size:11px;color:#a9adae;margin:0 0 10px}
.attach-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:9px;max-height:330px;overflow:auto;padding:2px}
.attach-library-item{border:1px solid #41464b;border-radius:12px;background:#1b1e22;color:#dfe3dc;padding:6px;cursor:pointer;display:grid;gap:6px;text-align:left}
.attach-library-item:hover{border-color:var(--acid);box-shadow:0 0 0 2px #d1fe1730}
.attach-library-item img,.attach-library-item video{display:block;width:100%;height:62px;object-fit:cover;border-radius:8px;background:#0c0e10}
.attach-library-symbol{display:grid;place-items:center;height:62px;border-radius:8px;background:linear-gradient(125deg,#394d4b,#2f2944);color:#dcfa7b;font-size:26px}
.attach-library-item small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px}
.attach-empty{border:1px dashed #4a5048;border-radius:14px;padding:22px;text-align:center;color:#c9cdc5}
.attach-empty p{font-size:12px;line-height:1.6;color:#a9adae}
.attach-generate{border:1px solid #4a5048;border-radius:16px;padding:24px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#33401f55,transparent 70%),#1b1e1a}
.attach-generate-icon{font-size:34px;color:var(--acid)}
.attach-generate h3{margin:10px 0 8px}
.attach-generate p{font-size:12px;line-height:1.7;color:#c4c9be;max-width:420px;margin:0 auto 16px}

/* 4.9.6: плашка ожидания видео и серая анимированная кнопка «Видео генерируется». */
.pending-video{display:grid;justify-items:center;gap:10px;text-align:center;border:1px dashed #5d6653;border-radius:16px;background:radial-gradient(ellipse at 50% 0%,#39491f66,transparent 72%),#191d17;padding:30px 22px;margin:14px 0;color:#e7ebdf}
.pending-video strong{font-size:16px;line-height:1.45}
.pending-video-spinner{width:42px;height:42px;border-radius:50%;border:4px solid #3d4437;border-top-color:var(--acid);animation:pending-spin 1s linear infinite}
@keyframes pending-spin{to{transform:rotate(360deg)}}
.pending-video-clock{font-size:13px;color:#c6cdbc;font-variant-numeric:tabular-nums}
.pending-video-clock b{color:var(--acid)}
.pending-video-note{font-size:11px;color:#9aa193;line-height:1.6}
.composer .generate-button.is-generating,.studio-shell .composer .generate-button.is-generating{background:#4a4d4f!important;color:#eceee9!important;box-shadow:0 4px 0 #2c2f30!important;cursor:wait;animation:generating-pulse 1.8s ease-in-out infinite}
@keyframes generating-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22)}}
.generate-button .generate-dots{display:inline-flex;padding:0 0 0 3px;gap:3px}
.generate-button .generate-dots i{width:5px;height:5px;background:#eceee9}
@media(prefers-reduced-motion:reduce){.pending-video-spinner,.composer .generate-button.is-generating{animation:none}.generate-button .generate-dots i{animation:none;opacity:.75}}

/* 4.9.6: миниатюры референсов в карточках «Моих генераций». */
.item-references{margin:14px 0}
.item-references-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.item-reference{display:grid;justify-items:center;gap:4px;width:64px}
.item-reference img,.item-reference video{display:block;width:64px;height:46px;object-fit:cover;border-radius:9px;border:1px solid #454b40;background:#101312}
.item-reference-symbol{display:grid;place-items:center;width:64px;height:46px;border-radius:9px;border:1px solid #454b40;background:linear-gradient(125deg,#394d4b,#2f2944);color:#dcfa7b;font-size:22px}
.item-reference small{font-size:9px;color:#a9ada4;text-align:center;line-height:1.3}
.item-references.compact{margin:8px 0 4px}
.item-references.compact .item-references-row{margin-top:5px;gap:5px}
.item-references.compact .item-reference{width:34px}
.item-references.compact .item-reference img,.item-references.compact .item-reference video,.item-references.compact .item-reference-symbol{width:34px;height:26px;border-radius:6px;font-size:14px}
.item-references.compact .item-reference.more{display:grid;place-items:center;height:26px;border:1px solid #454b40;border-radius:6px;color:#cfd4c8;font-size:10px}
.item-references-label{display:block;color:#8f968a;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.trim-final{font-size:15px;color:#eef3e4;margin:10px 0}
.trim-final b{color:var(--acid);font-variant-numeric:tabular-nums}

/* === 4.9.7: шапка, рейка, кнопка 16:9, новые ошибки, значки смартфонов === */
.nav-actions .nav-library-link{color:var(--acid);border-color:rgba(209,254,23,.35);background:rgba(209,254,23,.08);font-weight:700;white-space:nowrap}
.nav-actions .nav-library-link:hover{background:rgba(209,254,23,.14)}
@media(max-width:700px){body .nav-actions .nav-library-link,body.is-studio .nav-actions .nav-library-link{display:none}}
.history-library-top{display:flex;justify-content:flex-end;margin:14px 0 16px}
@media(min-width:601px){
 .studio-shell.workbench{grid-template-columns:106px minmax(0,1fr)}
 .studio-rail-item{width:86px}
 .studio-rail-toggle-wrap{width:86px}
 .studio-rail-toggle-wrap:hover::after{left:96px}
 .studio-rail-toggle-label{white-space:nowrap;overflow-wrap:normal;font-size:9.5px;letter-spacing:0;line-height:1.25}
}
.studio-attach-button{width:72px;height:auto;aspect-ratio:9/16;flex:0 0 72px;padding:0}
@media(max-width:700px){.studio-attach-button{width:60px;height:auto;flex-basis:60px}}
.error-toggle.has-new-errors{border-color:#ff5a4e;background:#3a1f1e;color:#ffb3ab;box-shadow:0 0 0 1px rgba(255,90,78,.35),0 0 18px rgba(255,90,78,.22);animation:errorPulse 1.6s ease-in-out infinite}
.error-toggle.has-new-errors input{accent-color:#ff5a4e}
@keyframes errorPulse{0%,100%{box-shadow:0 0 0 1px rgba(255,90,78,.35),0 0 10px rgba(255,90,78,.15)}50%{box-shadow:0 0 0 1px rgba(255,90,78,.6),0 0 22px rgba(255,90,78,.35)}}
@media(prefers-reduced-motion:reduce){.error-toggle.has-new-errors{animation:none}}
.status-badge{white-space:normal;line-height:1.25;text-align:center}
.generate-clock b{font-variant-numeric:tabular-nums;color:#fff}
.glyph-icon{width:1em;height:1em;display:inline-block;vertical-align:-.14em;flex:none}
.level-card{margin:12px 0 4px;padding:12px 14px;border:1px solid #4a5640;border-radius:11px;background:#1d231c}
.level-card .level-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.level-card .level-head b{font-size:15px;color:#dff3c9}
.level-card .level-head span{font-size:11px;color:#b8e07f;font-weight:700}
.level-bar{height:8px;border-radius:99px;background:#12160f;border:1px solid #3d4a34;margin:9px 0 6px;overflow:hidden}
.level-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#9fe14b,#d3f171);transition:width .5s ease}
.level-card small{color:#a9b3a2;font-size:11px;line-height:1.5;display:block}
.creator-level{color:#b5f263;font-weight:800;white-space:nowrap}
.upscale-page .upscale-tabs{margin:18px 0}
.upscale-panel{max-width:640px;display:flex;flex-direction:column;gap:14px}
.upscale-panel .upload-box input{width:100%}
.upscale-source{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #4a5640;border-radius:11px;background:#1d231c;padding:12px 14px}
.upscale-source p{margin:0;color:#dff3c9;font-size:13px;flex:1;min-width:160px}
.upscale-factors{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.upscale-factors button{border:1px solid #4a5640;background:#20261f;color:#e6eedd;font-weight:800;font-size:13px;padding:9px 16px;border-radius:9px;cursor:pointer}
.upscale-factors button.selected{background:var(--acid);border-color:var(--acid);color:#171b0b}
.upscale-quote{border:1px solid #4a5640;border-radius:11px;background:#1d231c;padding:12px 14px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.upscale-quote strong{color:var(--acid);font-size:20px}
.upscale-quote small{color:#a9b3a2;font-size:11px;line-height:1.5}
.upscale-note{color:#9da69a;font-size:11px;line-height:1.6;margin:0}
.upscale-mini{border:1px solid #596149;background:#2b3027;color:#dff3c9;font-size:10px;font-weight:800;padding:3px 8px;border-radius:7px;cursor:pointer}
.upscale-mini:hover{background:var(--acid);color:#171b0b;border-color:var(--acid)}
@media(pointer:coarse){body{font-variant-emoji:text}}

/* BytePlus face-reference workflow and widened studio composer */
.studio-shell-video .composer{width:min(1180px,100%)}
.studio-upload-actions{display:flex;align-items:flex-start;gap:8px;flex:none}
.studio-face-attach-button{color:#d8dadd;border-style:dotted;border-color:rgba(220,224,229,.55);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));}
.studio-face-attach-button svg{width:52%;height:78%;}
.studio-face-attach-button:hover,.studio-face-attach-button[aria-expanded="true"]{color:#f2f4f7;border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.09);box-shadow:0 0 18px rgba(255,255,255,.1)}
.studio-face-attach-button:focus-visible,.studio-attach-button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
.reference-filename{font-weight:650}
.attached .ordinary-reference-name{color:#b7f17e}
.attached .face-reference-name{color:#ff727b}
.face-upload-dialog h2{margin:10px 0 8px;font-size:clamp(22px,3vw,32px);line-height:1.14;max-width:720px}
.face-upload-dialog>p{color:#b9c0c7;font-size:13px;line-height:1.55;margin:8px 0 14px}
.face-upload-instruction{padding:11px 13px;border-left:3px solid #d1fe17;border-radius:0 9px 9px 0;background:rgba(209,254,23,.075);color:#eef2e7!important;font-weight:700}
.face-upload-list{display:grid;gap:8px;max-height:min(45vh,390px);overflow:auto;padding:2px 4px 2px 0}
.face-upload-item{display:flex;align-items:center;gap:12px;min-width:0;padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:linear-gradient(120deg,rgba(255,255,255,.055),rgba(255,255,255,.025));cursor:pointer}
.face-upload-item img,.face-file-kind{display:grid;place-items:center;flex:none;width:48px;height:48px;object-fit:cover;border-radius:9px;background:#272a2d;color:#e7ebef;font-size:21px}
.face-upload-filename{display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef0f1;font-size:12px;font-weight:650}
.face-upload-filename small{margin-top:4px;color:#8f969d;font-size:10px;font-weight:500}
.face-upload-item input[type=checkbox],.face-rights-confirm input{accent-color:#d1fe17;flex:none;width:18px;height:18px}
.face-upload-mark-label{font-size:11px;color:#d8e7c4;white-space:nowrap}
.face-rights-confirm{display:flex;align-items:flex-start;gap:10px;margin:14px 0 4px;padding:12px 13px;border:1px solid rgba(209,254,23,.23);border-radius:11px;background:rgba(209,254,23,.055);color:#e6eadf;font-size:12px;line-height:1.5;cursor:pointer}
.face-rights-confirm input{margin-top:1px}
.face-rights-hint{display:block;margin-top:7px;color:#ff9a8e;font-size:11px}
.video-generation-confirm{max-width:760px;padding:4px 2px}
.video-generation-confirm h2{font-size:clamp(24px,4vw,38px);line-height:1.13;margin:12px 0}
.video-generation-confirm p{color:#b8c0c5;line-height:1.6;font-size:13px}
@media(max-width:700px){.studio-upload-actions{gap:6px}.studio-face-attach-button svg{width:54%;height:76%}.studio-shell-video .composer{width:100%}.face-upload-item{gap:8px;padding:8px}.face-upload-item img,.face-file-kind{width:40px;height:40px}.face-upload-mark-label{font-size:10px}}

/* ===== Stadia 8.1 ===== */
/* Метка @imageN — синяя подсветка; имя файла — нейтральное белое */
.studio-shell .attached b{background:var(--acid);color:#131a08}
.studio-shell .attached.face-ref b{background:#3f9df7;color:#0b1520}
.attached .ordinary-reference-name{color:#eef0f1}
.attached .face-reference-name{color:#eef0f1}
/* Кнопка «референс с лицом» при наведении подсвечивается синим */
.studio-face-attach-button:hover,.studio-face-attach-button[aria-expanded="true"]{color:#7cc2ff;border-color:rgba(124,194,255,.8);background:rgba(63,157,247,.14);box-shadow:0 0 18px rgba(63,157,247,.25)}
/* Убраны стрелки-шевроны со всех селектов настроек (разрешение, контейнер, модель и т.д.) */
.field select,.dock-field select,.profile-form select,.auth-form select,.model-search,.studio-layout select{appearance:none;-webkit-appearance:none;background-image:none;padding-right:12px}

/* 8.2: prompt grows upward from a grab bar at the top edge. */
.studio-shell .studio-prompt-resize-handle{height:12px;display:flex;align-items:center;justify-content:center;margin:-8px 0 2px;cursor:ns-resize;touch-action:none;user-select:none}
.studio-shell .studio-prompt-resize-handle span{display:block;width:42px;height:3px;border-radius:9px;background:#9ca39c66;transition:background .18s, width .18s}
.studio-shell .studio-prompt-resize-handle:hover span,.studio-shell .studio-prompt-resize-handle:active span{width:64px;background:#d1fe17}
.studio-shell .studio-prompt-row textarea{resize:none!important;max-height:none!important}
.studio-shell .studio-prompt-row{align-items:stretch}
/* Attached reference thumbnails preserve full frame (contain); no faces or edges are cropped. */
.studio-shell .attached .reference-thumb,.studio-shell .attached img,.studio-shell .attached video,.item-reference img,.item-reference video{object-fit:contain!important;background:#101416}
/* PRO badge sits above the card, not on top of the content. */
.pricing-grid .price-tile.pro-popular{position:relative;overflow:visible;margin-top:0}
.pricing-grid .pro-popular .popular-badge{top:-44px;left:50%;right:auto;transform:translateX(-50%);z-index:8;white-space:nowrap}
/* Green abstract wave animation, confined to the studio stage. */
.studio-wave-backdrop{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 48% 53%,#071a14 0%,#0d1210 52%,#0a0d0c 100%)}
.studio-wave-backdrop .wave-layer{position:absolute;inset:-38%;border-radius:44%;filter:blur(26px);opacity:.6;mix-blend-mode:screen;will-change:transform}
.studio-wave-backdrop .wave-layer-one{background:radial-gradient(ellipse at 34% 48%,#1b875844 0%,#1b875800 48%),radial-gradient(ellipse at 67% 56%,#76bb372e 0%,transparent 50%);animation:studioWaveA 22s ease-in-out infinite alternate}
.studio-wave-backdrop .wave-layer-two{background:radial-gradient(ellipse at 68% 42%,#168b6640 0%,transparent 47%),radial-gradient(ellipse at 40% 67%,#5eab3340 0%,transparent 43%);animation:studioWaveB 28s ease-in-out infinite alternate}
.studio-wave-backdrop .wave-layer-three{background:radial-gradient(ellipse at 55% 55%,#4cc98020 0%,transparent 54%);animation:studioWaveC 34s ease-in-out infinite alternate}
.studio-wave-backdrop .wave-grain{position:absolute;inset:0;background:radial-gradient(ellipse at center,#07100b00 15%,#080c0a88 100%);pointer-events:none}
@keyframes studioWaveA{0%{transform:translate(-7%,-4%) rotate(-10deg) scale(1)}100%{transform:translate(8%,7%) rotate(14deg) scale(1.18)}}
@keyframes studioWaveB{0%{transform:translate(7%,4%) rotate(12deg) scale(1.08)}100%{transform:translate(-6%,-5%) rotate(-15deg) scale(.94)}}
@keyframes studioWaveC{0%{transform:translate(1%,8%) rotate(0) scale(.9)}100%{transform:translate(-5%,-3%) rotate(20deg) scale(1.2)}}
.studio-rail-agent{position:relative;font:inherit;cursor:pointer;text-align:left;color:inherit}
.studio-rail-agent:hover::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);width:210px;padding:10px 12px;background:#1c1e21;color:#d0d4d8;border:1px solid #ffffff1f;border-radius:10px;font-size:10px;line-height:1.45;box-shadow:0 8px 24px #0007;z-index:80;pointer-events:none}
.agent-panel{position:absolute;inset:auto 0 calc(100% + 10px);width:min(680px,calc(100vw - 32px));max-height:min(65vh,620px);margin:auto;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;overflow:hidden;padding:16px;background:#171a19f5;border:1px solid #46504a;border-radius:18px;box-shadow:0 24px 70px #000b;z-index:60;pointer-events:auto;backdrop-filter:blur(24px)}
.agent-panel .popover-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #ffffff14}
.agent-panel .popover-title small{display:block;color:#909a91;font-size:10px;font-weight:500;margin:4px 0 0 27px}
.agent-mark{color:#d1fe17;margin-right:8px}.agent-thread{min-height:190px;overflow:auto;padding:15px 4px;display:flex;flex-direction:column;gap:12px}.agent-message{align-self:flex-start;max-width:88%;padding:13px 15px;border:1px solid #ffffff14;border-radius:14px 14px 14px 4px;background:#222925;color:#eef2ed}.agent-message p{margin:7px 0 0;color:#b5beb6;font-size:12px;line-height:1.55}.agent-unavailable{display:flex;align-items:center;gap:12px;margin:auto;padding:14px;border:1px solid #79914a45;border-radius:12px;background:#8dbb1710;color:#d9e8c0}.agent-unavailable>span{font-size:22px;color:#c8f144}.agent-unavailable small{display:block;margin-top:5px;color:#97a28d;line-height:1.45}.agent-composer{display:flex;gap:10px;padding-top:12px;border-top:1px solid #ffffff14}.agent-composer textarea{flex:1;min-height:54px;resize:vertical;padding:12px;border:1px solid #424943;border-radius:10px;background:#111412;color:#eef2ed}.agent-composer button{padding:0 15px;border:0;border-radius:10px;background:#52612d;color:#aebc8c;font-weight:700}.support-contact{margin-top:26px;padding:24px;background:linear-gradient(140deg,#1e2821,#171a19 70%);border-color:#39463b}.support-contact-head h2{margin:8px 0;font-size:22px}.support-contact-head p{max-width:620px;color:#abb4ac;line-height:1.55}.support-contact .purchase-contacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:18px}.support-contact .purchase-contacts>a,.support-contact-missing{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #ffffff14;border-radius:12px;background:#ffffff06}.support-contact .purchase-contacts>a:hover{border-color:#d1fe174d;background:#d1fe170b}.support-contact .purchase-contacts a>span:nth-child(2),.support-contact-missing>span:nth-child(2){flex:1;min-width:0}.support-contact .purchase-contacts small{display:block;overflow-wrap:anywhere;color:#939d94;margin-top:4px}.support-hours{display:flex;align-items:center;gap:9px;margin-top:18px;color:#e4eadc;font-weight:700}.support-hours-dot{width:8px;height:8px;border-radius:50%;background:#83e886;box-shadow:0 0 12px #83e88688}
.age-privacy-note{display:block;margin-top:6px;color:#99a09a;font-size:11px;line-height:1.45}
@media(prefers-reduced-motion:reduce){.studio-wave-backdrop .wave-layer{animation:none}}

.auth-form select{background:#191a1c;color:#f5f5f5;border:1px solid #454649;border-radius:8px;width:100%;padding:10px 12px;outline:none}.auth-form select:focus{border-color:var(--acid)}
@media(max-width:620px){.support-contact{padding:18px}.support-contact .purchase-contacts{grid-template-columns:1fr}.agent-panel{width:calc(100vw - 22px);max-height:70vh}.studio-shell .studio-prompt-resize-handle{height:14px}}

/* Slideshow and the green side glow are independent studio background layers. */
.studio-wave-backdrop{
  position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;isolation:isolate;
  background:transparent;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 12%,transparent 36%,transparent 64%,#000 88%,#000 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 12%,transparent 36%,transparent 64%,#000 100%);
}
.studio-wave-backdrop .wave-layer{inset:-22%;filter:blur(36px);opacity:.75}
.studio-wave-backdrop .wave-layer-one{background:radial-gradient(ellipse 35% 58% at 4% 48%,#17a96a66,transparent 78%),radial-gradient(ellipse 32% 55% at 96% 53%,#7bcf3152,transparent 78%);animation:studioWaveA 22s ease-in-out infinite alternate}
.studio-wave-backdrop .wave-layer-two{background:radial-gradient(ellipse 28% 55% at 0% 62%,#168b6650,transparent 75%),radial-gradient(ellipse 32% 52% at 100% 38%,#5eab3350,transparent 76%);animation:studioWaveB 28s ease-in-out infinite alternate}
.studio-wave-backdrop .wave-layer-three{background:radial-gradient(ellipse 25% 48% at 2% 47%,#4cc98032,transparent 76%),radial-gradient(ellipse 28% 50% at 98% 53%,#4cc98032,transparent 76%);animation:studioWaveC 34s ease-in-out infinite alternate}
.studio-wave-backdrop .wave-grain{background:linear-gradient(90deg,#07100b22,transparent 34%,transparent 66%,#07100b22)}
@media(max-width:700px){.studio-wave-backdrop{-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 31%,transparent 69%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,transparent 31%,transparent 69%,#000 100%)}.studio-wave-backdrop .wave-layer{opacity:.58}}

/* Keep the entire plan row aligned with the page content; equal-height cards and contained ribbons. */
.pricing-page .slim-pricing{width:100%;max-width:none;margin-left:0;margin-right:0;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:14px}
.pricing-page .slim-pricing>.price-tile{height:100%;min-height:460px;overflow:hidden;box-sizing:border-box}
.pricing-page .slim-pricing{padding-top:20px}
.pricing-page .slim-pricing>.price-tile.pro-popular{margin-top:0;padding-top:0;overflow-x:clip;overflow-y:visible}
.pricing-page .slim-pricing>.price-tile.pro-popular .popular-badge{top:-44px;left:50%;right:auto;transform:translateX(-50%);max-width:calc(100% - 22px);white-space:nowrap;z-index:8}
.pricing-page .slim-pricing>.price-tile>.sale-ribbon{right:-40px;top:14px;width:130px;transform:rotate(38deg)}
.pricing-page .slim-pricing>.price-tile.pro-popular>.sale-ribbon{top:36px}
.pricing-page .slim-pricing>.price-tile .price-action{margin-top:auto}
@media(max-width:1150px){.pricing-page .slim-pricing{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-page .slim-pricing>.price-tile{min-height:430px}}
@media(max-width:700px){.pricing-page .slim-pricing{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pricing-page .slim-pricing>.price-tile{min-height:390px;padding:12px}}
@media(max-width:480px){.pricing-page .slim-pricing{grid-template-columns:1fr}.pricing-page .slim-pricing>.price-tile{min-height:0}}

/* Agent is an ordinary route/navigation item, not a highlighted action or overlay. */
.studio-rail-agent{box-shadow:none!important;filter:none!important;animation:none!important}
.agent-page .page-heading{margin-bottom:28px}
.agent-workspace{max-width:1050px;min-height:420px;display:flex;flex-direction:column;gap:24px;padding:clamp(20px,4vw,38px);background:linear-gradient(145deg,#1c211e,#202123 62%,#191c1a);border-color:#3b453c}
.agent-workspace-head{display:flex;align-items:center;gap:15px}
.agent-workspace-head .agent-mark{display:grid;place-items:center;width:48px;height:48px;margin:0;border:1px solid #ffffff18;border-radius:15px;background:#ffffff08;color:#b9c3ad;font-size:22px}
.agent-workspace-head h2{margin:0;font-size:21px}.agent-workspace-head p{margin:5px 0 0;color:#9fa79f;font-size:12px}
.agent-workspace .agent-unavailable{max-width:650px;width:100%;min-height:110px;margin:auto;padding:20px;background:#ffffff04;border-color:#ffffff16;color:#e0e5dc}
.agent-workspace .agent-unavailable>span{color:#b4bcb0}
.agent-workspace .agent-composer{width:100%;margin-top:auto}
@media(min-width:601px){.studio-rail-bottom .studio-rail-toggle{gap:4px;padding:5px 2px}.studio-rail-bottom .studio-rail-toggle-label{font-size:9px}.studio-rail-bottom .studio-rail-toggle-wrap{margin-top:1px}}
@media(min-width:1400px){.pricing-page .slim-pricing{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:1151px) and (max-width:1399px){.pricing-page .slim-pricing{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1400px){.pricing-page .slim-pricing{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}
.studio-shell-agent .agent-canvas{display:flex!important;align-items:center;justify-content:center;padding:78px 28px 200px}
.studio-shell-agent .agent-workspace{width:min(850px,100%);min-height:320px;margin:0 auto;position:relative}
.studio-shell-agent .agent-composer-zone{width:min(880px,calc(100% - 40px))}
.studio-shell-agent .agent-composer{width:100%;min-height:78px;padding:10px;border:1px solid var(--line2);border-radius:18px;background:var(--studio-glass);box-shadow:0 24px 70px #0009;backdrop-filter:blur(26px)}
.studio-shell-agent .agent-composer textarea{min-height:52px;background:transparent;border:0;resize:none}
.studio-shell-agent .agent-composer button{border-radius:10px;white-space:nowrap}
@media(max-width:700px){.studio-shell-agent .agent-canvas{padding:70px 14px 195px}.studio-shell-agent .agent-workspace{min-height:300px;padding:20px}.studio-shell-agent .agent-composer-zone{width:calc(100% - 24px)}}
/* Align the glow edge to the actual composer width so it stays outside the generator window. */
.studio-wave-backdrop{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 max(20px,calc((100% - 880px)/2)),transparent calc(max(20px,calc((100% - 880px)/2)) + 28px),transparent calc(100% - max(20px,calc((100% - 880px)/2)) - 28px),#000 calc(100% - max(20px,calc((100% - 880px)/2))),#000 100%);mask-image:linear-gradient(90deg,#000 0,#000 max(20px,calc((100% - 880px)/2)),transparent calc(max(20px,calc((100% - 880px)/2)) + 28px),transparent calc(100% - max(20px,calc((100% - 880px)/2)) - 28px),#000 calc(100% - max(20px,calc((100% - 880px)/2))),#000 100%)}
@media(max-width:700px){.studio-wave-backdrop{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 12px,transparent 30px,transparent calc(100% - 30px),#000 calc(100% - 12px),#000 100%);mask-image:linear-gradient(90deg,#000 0,#000 12px,transparent 30px,transparent calc(100% - 30px),#000 calc(100% - 12px),#000 100%)}}


/* Strong, full-stage green motion background. The central prompt panel stays opaque above it. */
.studio-wave-backdrop{
  position:absolute!important;inset:0!important;z-index:2!important;overflow:hidden;pointer-events:none;isolation:isolate;
  background:
    radial-gradient(ellipse 68% 115% at 0% 48%,rgba(22,190,91,.82) 0%,rgba(13,105,53,.72) 36%,rgba(7,47,27,.44) 62%,transparent 82%),
    radial-gradient(ellipse 67% 112% at 100% 54%,rgba(132,204,22,.70) 0%,rgba(24,129,64,.66) 37%,rgba(7,54,32,.42) 64%,transparent 84%),
    radial-gradient(ellipse 90% 70% at 50% 100%,rgba(18,91,47,.38),transparent 74%),
    linear-gradient(115deg,rgba(7,23,14,.72) 0%,rgba(16,23,19,.58) 48%,rgba(7,23,14,.72) 100%);
  -webkit-mask-image:none!important;mask-image:none!important;opacity:1!important;
}
.studio-wave-backdrop .wave-layer{position:absolute;inset:-30%;border-radius:43%;filter:blur(42px);mix-blend-mode:screen;opacity:.9;will-change:transform}
.studio-wave-backdrop .wave-layer-one{
  background:radial-gradient(ellipse 35% 42% at 18% 38%,rgba(76,255,145,.68),transparent 76%),radial-gradient(ellipse 34% 44% at 81% 66%,rgba(174,255,43,.57),transparent 76%),radial-gradient(ellipse 26% 38% at 53% 12%,rgba(23,181,93,.38),transparent 78%);
  animation:studioWaveA 17s ease-in-out infinite alternate
}
.studio-wave-backdrop .wave-layer-two{
  background:radial-gradient(ellipse 38% 35% at 30% 72%,rgba(18,218,120,.54),transparent 74%),radial-gradient(ellipse 42% 40% at 73% 24%,rgba(117,226,48,.52),transparent 76%),radial-gradient(ellipse 25% 32% at 51% 91%,rgba(35,146,74,.4),transparent 75%);
  animation:studioWaveB 23s ease-in-out infinite alternate
}
.studio-wave-backdrop .wave-layer-three{
  background:radial-gradient(ellipse 47% 45% at 10% 15%,rgba(51,226,108,.37),transparent 78%),radial-gradient(ellipse 43% 48% at 92% 84%,rgba(178,240,48,.39),transparent 78%);
  animation:studioWaveC 29s ease-in-out infinite alternate
}
.studio-wave-backdrop .wave-grain{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 22%,rgba(3,15,8,.18) 100%);pointer-events:none}
.studio-veil{z-index:1!important}
.studio-backdrop{z-index:0}
.studio-shell .studio-composer-zone .composer{background:rgba(12,16,14,.97);border-color:rgba(157,199,146,.28);backdrop-filter:blur(28px) saturate(125%)}
@media(prefers-reduced-motion:reduce){.studio-wave-backdrop .wave-layer{animation:none}}

.studio-page-studio{position:relative;isolation:isolate;z-index:0}
.studio-page-studio>.studio-shell{position:relative;z-index:1}
.studio-page-studio .studio-stage{background:#171a18}

/* Comparison modal: data and filters from the supplied HTML, restyled for the app. */
.dialog.comparison-dialog-full{width:min(1160px,calc(100vw - 28px));max-height:min(92vh,1050px);padding:clamp(17px,3vw,30px);background:radial-gradient(ellipse at 8% 0,rgba(87,127,91,.08),transparent 36%),#171a1c;border-color:rgba(180,200,190,.2)}
.seedance-comparison-dialog{color:#edf0ea}
.seedance-comparison-head{padding-right:30px}
.seedance-comparison-head .page-kicker{color:#a6b697;font-size:9px;font-weight:800;letter-spacing:.16em}
.seedance-comparison-head h2{margin:8px 0 8px;font-size:clamp(24px,4vw,36px);line-height:1.1;letter-spacing:-.045em}
.seedance-comparison-head h2 em{color:#c1c9a2;font-style:normal}
.seedance-comparison-sub{max-width:680px;margin:0;color:#adb5ad;font-size:12px;line-height:1.55}
.seedance-source-warning{display:grid;gap:5px;margin:16px 0 13px;padding:12px 14px;border:1px solid rgba(208,179,119,.24);border-left:3px solid #a98e5f;border-radius:9px;background:rgba(121,96,52,.09);color:#c5c2b3;font-size:10px;line-height:1.55}
.seedance-source-warning strong{color:#e2d2ad;font-size:11px}
.seedance-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0}
.seedance-stats>div{display:flex;align-items:baseline;justify-content:center;gap:8px;min-height:54px;padding:10px;border:1px solid rgba(194,205,190,.1);border-radius:10px;background:rgba(255,255,255,.025)}
.seedance-stats b{color:#d7dec5;font-size:19px;letter-spacing:-.04em}
.seedance-stats span{color:#9ba59c;font-size:10px}
.seedance-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:12px 0 15px;border-bottom:1px solid rgba(190,202,192,.1)}
.seedance-filter{min-width:0}
.seedance-filter-label{display:block;margin:0 0 6px 2px;color:#939e94;font-size:9px;font-weight:750;letter-spacing:.075em;text-transform:uppercase}
.seedance-tabs{display:flex;flex-wrap:wrap;gap:4px}
.seedance-tabs button{min-height:27px;padding:5px 8px;border:1px solid rgba(190,202,192,.1);border-radius:7px;background:rgba(255,255,255,.035);color:#abb4ac;font:inherit;font-size:9px;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.seedance-tabs button:hover{border-color:rgba(179,197,158,.38);color:#edf0ea}
.seedance-tabs button[aria-pressed="true"]{border-color:rgba(157,183,133,.38);background:rgba(133,161,112,.15);color:#d8e2c8}
.seedance-chart{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;padding-top:12px}
.seedance-service-group{min-width:0;padding:13px;border:1px solid rgba(190,202,192,.1);border-radius:12px;background:linear-gradient(155deg,rgba(31,36,34,.78),rgba(23,27,27,.82))}
.seedance-service-group>h3{display:flex;align-items:center;gap:8px;margin:0 0 9px;color:#e1e6dd;font-size:12px}
.seedance-service-group>h3>span{width:7px;height:7px;border-radius:50%;background:var(--service-color);box-shadow:0 0 12px color-mix(in srgb,var(--service-color) 45%,transparent)}
.seedance-service-note{margin:0 0 10px;color:#9b9381;font-size:9px;line-height:1.45}
.seedance-price-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:9px;align-items:center;padding:10px 1px;border-top:1px solid rgba(190,202,192,.075);animation:seedanceRowIn .35s both;animation-delay:var(--row-delay)}
@keyframes seedanceRowIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.seedance-row-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:7px}
.seedance-model-name{color:#e7ebe5;font-size:10px;font-weight:700}
.seedance-chips{display:flex;gap:4px}
.seedance-chip{padding:3px 5px;border:1px solid rgba(190,202,192,.11);border-radius:5px;color:#aeb8ad;font-size:8px;font-style:normal;line-height:1}
.seedance-chip.r480{color:#c4b6a0}.seedance-chip.r720{color:#acc1a0}.seedance-chip.r1080{color:#b4c7b7}.seedance-chip.r4k{color:#d0c49e}.seedance-chip.dur{color:#aeb6ae}
.seedance-unverified-badge{padding:3px 5px;border:1px solid rgba(190,163,110,.22);border-radius:5px;color:#b9a984;font-size:7px;line-height:1.15}
.seedance-bars{display:grid;gap:5px}
.seedance-bar-line{display:grid;grid-template-columns:68px minmax(30px,1fr) 82px;align-items:center;gap:6px;min-width:0}
.seedance-bar-label{overflow:hidden;color:var(--service-color,#9da79e);font-size:7px;font-weight:800;letter-spacing:.045em;text-overflow:ellipsis;white-space:nowrap}
.seedance-bar-label.ours{color:#bac7ae}
.seedance-track{height:5px;overflow:hidden;border-radius:99px;background:rgba(220,230,220,.08)}
.seedance-bar{display:block;width:0;height:100%;border-radius:inherit;transition:width .65s cubic-bezier(.2,.7,.3,1)}
.seedance-bar.ours{background:linear-gradient(90deg,#829a75,#b4c29a)}
.seedance-bar.comp{background:var(--service-color,#99a2a0);opacity:.74}
.seedance-bar-line>strong{overflow:hidden;color:#d0d5ce;font-size:8px;font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.seedance-difference{align-self:center;color:#b4c59f;font-size:15px;font-weight:750;text-align:center;font-variant-numeric:tabular-nums}
.seedance-difference.loss{color:#d0a395}
.seedance-difference small{display:block;margin-top:2px;color:#879187;font-size:7px;font-weight:500}
.seedance-empty{grid-column:1/-1;padding:30px;color:#aeb7ad;text-align:center}
.seedance-method{margin-top:12px;padding:10px 12px;border:1px solid rgba(190,202,192,.085);border-radius:9px;color:#909b91;font-size:9px;line-height:1.55}
.seedance-method b{color:#b8c2b0}
@media(max-width:900px){.seedance-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.seedance-chart{grid-template-columns:1fr}}
@media(max-width:560px){.dialog.comparison-dialog-full{width:calc(100vw - 16px);max-height:94vh;padding:16px 12px}.seedance-stats{gap:5px}.seedance-stats>div{flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:50px;padding:6px 3px}.seedance-stats b{font-size:16px}.seedance-stats span{font-size:8px;text-align:center}.seedance-filters{gap:8px}.seedance-filter-label{font-size:8px}.seedance-tabs button{font-size:8px;padding:5px 6px}.seedance-service-group{padding:10px}.seedance-price-row{grid-template-columns:minmax(0,1fr) 39px;gap:5px}.seedance-bar-line{grid-template-columns:60px minmax(20px,1fr) 70px;gap:4px}.seedance-bar-label{font-size:6px}.seedance-bar-line>strong{font-size:7px}.seedance-difference{font-size:13px}.seedance-unverified-badge{font-size:6px}}

/* Animated site background from the supplied reference; excluded from the home route. */
body.has-animated-background{position:relative;isolation:isolate;background:radial-gradient(1200px 800px at 10% -10%,rgba(206,255,13,.05),transparent 60%),radial-gradient(1000px 700px at 110% 0%,rgba(212,75,94,.06),transparent 60%),linear-gradient(170deg,#07080a 0%,#08090b 45%,#0a0e17 100%)}
#siteAmbient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#siteAmbient[hidden]{display:none!important}
body.has-animated-background>#app{position:relative;z-index:1}
body.has-animated-background>#announcement{position:relative;z-index:2}
.site-bg-grid{position:absolute;inset:0;z-index:0;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse 100% 60% at 50% 0%,#000 10%,transparent 75%);animation:siteGridShift 40s linear infinite}
@keyframes siteGridShift{to{background-position:46px 46px}}
.site-bg-orbs,.site-particles{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.site-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;will-change:transform}
.site-orb-1{width:620px;height:620px;left:-12%;top:-15%;background:radial-gradient(circle,rgba(206,255,13,.24),transparent 70%);animation:siteFloat1 22s ease-in-out infinite}
.site-orb-2{width:560px;height:560px;right:-14%;top:-5%;background:radial-gradient(circle,rgba(212,75,94,.22),transparent 70%);animation:siteFloat2 26s ease-in-out infinite}
.site-orb-3{width:640px;height:640px;left:28%;bottom:-28%;background:radial-gradient(circle,rgba(167,139,250,.16),transparent 70%);animation:siteFloat3 30s ease-in-out infinite}
.site-orb-4{width:420px;height:420px;right:12%;bottom:5%;background:radial-gradient(circle,rgba(74,216,232,.14),transparent 70%);animation:siteFloat2 34s ease-in-out infinite reverse}
@keyframes siteFloat1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(70px,80px) scale(1.07)}}
@keyframes siteFloat2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-60px,70px) scale(1.05)}}
@keyframes siteFloat3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,-60px) scale(1.08)}}
.site-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#ceff0d;opacity:0;animation:siteDrift linear infinite;box-shadow:0 0 6px rgba(206,255,13,.8)}
@keyframes siteDrift{0%{transform:translateY(100vh) translateX(0);opacity:0}10%{opacity:.7}90%{opacity:.5}100%{transform:translateY(-10vh) translateX(40px);opacity:0}}
.site-grain{position:absolute;inset:0;z-index:0;opacity:.035;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@media(prefers-reduced-motion:reduce){.site-bg-grid,.site-orb,.site-particle{animation:none!important}.site-orb{transform:none!important}}
@media(max-width:700px){.site-orb{filter:blur(75px);opacity:.43}.site-orb-1{width:460px;height:460px;left:-35%;top:-10%}.site-orb-2{width:420px;height:420px;right:-40%;top:1%}.site-orb-3{width:460px;height:460px;left:4%;bottom:-30%}.site-orb-4{width:330px;height:330px;right:-15%;bottom:2%}}

/* BytePlus character reference feedback: live scan, failure state, and themed scrollbar. */
.studio-shell .attachment-strip{
  scrollbar-width:thin;
  scrollbar-color:#72d64f rgba(32,42,36,.78);
  overscroll-behavior:contain;
  overflow-anchor:none;
  scroll-behavior:auto!important;
}
.studio-shell .attachment-strip::-webkit-scrollbar{width:9px;height:9px}
.studio-shell .attachment-strip::-webkit-scrollbar-track{background:rgba(33,43,36,.82);border:1px solid rgba(130,200,110,.12);border-radius:999px}
.studio-shell .attachment-strip::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a8ed62 0%,#62cd4d 52%,#368d53 100%);border:2px solid #18211b;border-radius:999px;box-shadow:0 0 8px rgba(111,220,86,.28)}
.studio-shell .attachment-strip::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c1ff79 0%,#79e65e 55%,#46ad62 100%);box-shadow:0 0 12px rgba(111,220,86,.48)}
.studio-shell .attachment-strip::-webkit-scrollbar-corner{background:transparent}
.studio-shell .attached .attachment-preview{position:relative;grid-column:1/-1;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;border-radius:6px;background:#101416}
.studio-shell .attached .attachment-preview>.reference-thumb{display:block;width:100%;height:100%;object-fit:contain!important;background:#101416}
.studio-shell .attached.asset-processing{border-color:rgba(133,235,91,.8)!important;box-shadow:0 0 0 1px rgba(133,235,91,.18),0 0 17px rgba(91,220,92,.2);}
.studio-shell .asset-scan-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:3px 5px;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,rgba(19,42,21,.04),rgba(15,37,22,.23));}
.studio-shell .asset-scan-overlay:before{content:"";position:absolute;top:-20%;bottom:-20%;left:-36%;width:32%;background:linear-gradient(90deg,transparent,rgba(158,255,114,.2) 20%,rgba(185,255,135,.92) 50%,rgba(102,236,117,.3) 78%,transparent);filter:blur(2px);box-shadow:0 0 14px rgba(129,255,110,.7);animation:characterAssetScan 1.8s ease-in-out infinite;}
.studio-shell .asset-scan-overlay:after{content:"";position:absolute;inset:0;border:1px solid rgba(143,236,101,.5);border-radius:inherit;box-shadow:inset 0 0 14px rgba(94,233,91,.16);}
.studio-shell .asset-scan-overlay b{position:relative;z-index:1;color:#e5ffd9;font-size:7px;line-height:1;letter-spacing:.12em;text-shadow:0 1px 5px #07120a;font-weight:850;}
@keyframes characterAssetScan{0%{transform:translateX(0) skewX(-14deg);opacity:.45}45%{opacity:1}100%{transform:translateX(440%) skewX(-14deg);opacity:.4}}
.studio-shell .attached.asset-failed{border-color:#ff5666!important;background:rgba(66,17,24,.35)!important;box-shadow:0 0 0 1px rgba(255,73,94,.58),0 0 18px rgba(255,45,67,.34);animation:characterAssetFailureGlow 2.4s ease-in-out infinite;cursor:help;}
.studio-shell .asset-failed .attachment-preview{outline:1px solid rgba(255,82,102,.85);outline-offset:-1px;}
.studio-shell .asset-failed .attachment-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(120,13,25,.12),rgba(255,38,63,.25));pointer-events:none;}
.studio-shell .asset-failed-overlay{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#fff;font:900 34px/1 system-ui,sans-serif;text-shadow:0 2px 8px #6e0612,0 0 14px #ff314a;background:rgba(119,12,26,.28);pointer-events:none;}
@keyframes characterAssetFailureGlow{0%,100%{box-shadow:0 0 0 1px rgba(255,73,94,.48),0 0 11px rgba(255,45,67,.2)}50%{box-shadow:0 0 0 1px rgba(255,73,94,.82),0 0 22px rgba(255,45,67,.42)}}
@media(prefers-reduced-motion:reduce){.studio-shell .asset-scan-overlay:before,.studio-shell .attached.asset-failed{animation:none!important}}
.studio-shell .studio-prompt-row textarea{scrollbar-width:thin;scrollbar-color:#72d64f rgba(32,42,36,.78);overscroll-behavior:contain}
.studio-shell .studio-prompt-row textarea::-webkit-scrollbar{width:8px}
.studio-shell .studio-prompt-row textarea::-webkit-scrollbar-track{background:rgba(33,43,36,.82);border-radius:999px}
.studio-shell .studio-prompt-row textarea::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a8ed62,#62cd4d 52%,#368d53);border:2px solid #18211b;border-radius:999px}
.studio-shell .studio-prompt-row textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c1ff79,#79e65e 55%,#46ad62)}

/* 9.8.2: file-backed RUB pricing — struck-through base tariff beside the final price. */
.base-price{opacity:.62;text-decoration:line-through;font-weight:500;margin-right:6px;white-space:nowrap}
.generate-button small .base-price{display:inline!important;font-size:inherit!important}
.generate-button small b{font-weight:800}
.upscale-quote .base-price{font-size:.75em}
.credit-pack strong{display:block}

/* 9.8.3: plan ribbons/example reflect PLANS x active DISCOUNTS; subscription price is never discounted. */
.plan-price-note{display:block;margin:6px 0 0;color:#9aa79a;font-size:10.5px;line-height:1.45}
.plan-example{margin:10px 0 0;padding:9px 10px;border:1px solid #4a5a44;border-radius:10px;background:#1d231c}
.plan-example small{display:block;color:#9fba8b;font-size:10px;letter-spacing:.04em;margin-bottom:4px}
.plan-example span{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.plan-example b{color:#cdf97e;font-size:16px;font-weight:800}
.plan-example .base-price{font-size:12px}
.credit-pack .rub-per-credit{display:block;margin:-8px 0 12px;color:#9aa79a;font-size:10.5px;letter-spacing:0}
.plan-campaign-hint{display:block;margin:8px 0 0;color:#e0b78a;font-size:10.5px;line-height:1.45}
.plan-campaign-hint strong{color:#ffd7a8;font-variant-numeric:tabular-nums}

/* 9.8.4: manual ribbons + independent top banner (Prices/RIBBONS.json, Prices/BANNER.json). */
.sale-ribbon.ribbon-red{background:linear-gradient(135deg,#e35e6c,#c2334d);box-shadow:0 4px 14px #0007,0 0 0 1px #ff97a355;color:#fff}
.sale-ribbon.ribbon-green{background:linear-gradient(135deg,#57d9a3,#2fae7d);box-shadow:0 4px 14px #0007,0 0 0 1px #8ff0c755;color:#08281c}
.sale-ribbon.ribbon-acid{background:linear-gradient(135deg,#cdf97e,#9fe14b);box-shadow:0 4px 14px #0007,0 0 0 1px #d6ff8f66;color:#1b2810}
.sale-ribbon.ribbon-violet{background:linear-gradient(135deg,#b18cf5,#7d4fd6);box-shadow:0 4px 14px #0007,0 0 0 1px #d3b6ff55;color:#fff}
.sale-ribbon.ribbon-blue{background:linear-gradient(135deg,#6fc2f7,#2b7fc4);box-shadow:0 4px 14px #0007,0 0 0 1px #a8dcff55;color:#04212f}
.sale-ribbon.ribbon-orange{background:linear-gradient(135deg,#ffb765,#ef8b2c);box-shadow:0 4px 14px #0007,0 0 0 1px #ffd6a555;color:#2b1602}
.sale-ribbon.ribbon-graphite{background:linear-gradient(135deg,#59605c,#333935);box-shadow:0 4px 14px #0007,0 0 0 1px #ffffff22;color:#eef3ea}
.sale-ribbon{font-size:10.5px;line-height:1.25;padding:5px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.announcement{display:flex;align-items:center;justify-content:center;gap:8px;transition:background .25s,color .25s}
.announcement:not(.is-clickable){cursor:default}
.announcement.banner-red{background:linear-gradient(100deg,#2a0f14,#5d1c28 45%,#2a0f14);color:#ffd9de;border-bottom-color:#ff97a344}
.announcement.banner-red .announcement-star,.announcement.banner-red button{color:#ffd9de}
.announcement.banner-green{background:linear-gradient(100deg,#0c2019,#17513c 45%,#0c2019);color:#c9ffe8;border-bottom-color:#8ff0c744}
.announcement.banner-green .announcement-star,.announcement.banner-green button{color:#c9ffe8}
.announcement.banner-acid{background:linear-gradient(100deg,#101210,#1a1d18 45%,#101210);color:var(--acid);border-bottom-color:rgba(209,254,23,.18)}
.announcement.banner-violet{background:linear-gradient(100deg,#190f2a,#3d2263 45%,#190f2a);color:#e6d8ff;border-bottom-color:#d3b6ff44}
.announcement.banner-violet .announcement-star,.announcement.banner-violet button{color:#e6d8ff}
.announcement.banner-blue{background:linear-gradient(100deg,#0a1a26,#164a6e 45%,#0a1a26);color:#d3ecff;border-bottom-color:#a8dcff44}
.announcement.banner-blue .announcement-star,.announcement.banner-blue button{color:#d3ecff}
.announcement.banner-orange{background:linear-gradient(100deg,#241405,#6b3d0c 45%,#241405);color:#ffe4c2;border-bottom-color:#ffd6a544}
.announcement.banner-orange .announcement-star,.announcement.banner-orange button{color:#ffe4c2}
.announcement.banner-graphite{background:linear-gradient(100deg,#131614,#2b312d 45%,#131614);color:#e7ede6;border-bottom-color:#ffffff22}
.announcement.banner-graphite .announcement-star,.announcement.banner-graphite button{color:#e7ede6}
.announcement-copy{min-width:0;overflow:hidden;text-overflow:ellipsis}
.sale-ribbon{letter-spacing:.02em}

/* 9.8.5: тихий разделитель групп в верхней навигации. */
.nav-main .nav-divider{display:inline-block;width:1px;height:15px;margin:0 10px;background:currentColor;opacity:.18;border-radius:1px;vertical-align:middle;flex:0 0 auto}
@media(max-width:1100px){.nav-main .nav-divider{margin:0 6px;height:13px}}

/* 9.8.5: калькулятор генераций в тарифах. */
.calc-section{margin-top:34px;border:1px solid #4b5a43;border-radius:20px;padding:26px;background:radial-gradient(120% 140% at 0% 0%,#26301f 0%,#1b201a 45%,#171a17 100%);position:relative;overflow:hidden}
.calc-section::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 100% 0%,#9de45315,transparent 70%);pointer-events:none}
.calc-head{position:relative;z-index:1;max-width:640px}
.calc-head h2{font-size:29px;margin:9px 0 8px}
.calc-head p{color:#c0cbbd;font-size:12.5px;line-height:1.6;margin:0}
.calc-body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;margin-top:22px;align-items:start}
.calc-controls{display:flex;flex-direction:column;gap:14px}
.calc-switch{display:inline-flex;padding:4px;gap:4px;border:1px solid #46543f;border-radius:12px;background:#161a15;width:max-content;max-width:100%}
.calc-switch button{border:0;border-radius:9px;padding:9px 18px;background:transparent;color:#b9c4b3;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}
.calc-switch button[aria-pressed="true"]{background:linear-gradient(135deg,#cdf97e,#9fe14b);color:#1b2810}
.calc-period{align-self:start}
.calc-field{display:flex;flex-direction:column;gap:7px}
.calc-field strong{color:#9fba8b;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.calc-field select{width:100%;padding:11px 13px;border:1px solid #485b40;border-radius:11px;background:#202520;color:#eef3ea;font:inherit;font-size:13px;cursor:pointer}
.calc-field select:disabled{opacity:.55;cursor:not-allowed}
.calc-field select:focus-visible,.calc-switch button:focus-visible,.calc-field input:focus-visible{outline:2px solid #9de453;outline-offset:2px}
.calc-field input[type="range"]{width:100%;accent-color:#9de453;cursor:pointer}
.calc-result{border:1px solid #55684a;border-radius:16px;padding:22px;background:linear-gradient(160deg,#222b1d,#1a1e19);min-height:260px;display:flex;flex-direction:column}
.calc-figure{display:flex;align-items:baseline;gap:10px}
.calc-figure strong{font-size:52px;line-height:1;font-weight:900;color:#cdf97e;letter-spacing:-.02em}
.calc-figure span{color:#d6e4cc;font-size:15px;font-weight:700}
.calc-meta{color:#9aa79a;font-size:11.5px;margin-top:7px}
.calc-bar{height:7px;border-radius:99px;background:#131711;border:1px solid #3c4a36;overflow:hidden;margin:16px 0 18px}
.calc-bar span{display:block;height:100%;background:linear-gradient(90deg,#9fe14b,#cdf97e);border-radius:99px;transition:width .35s ease}
.calc-facts{display:flex;flex-direction:column;gap:9px;margin:0}
.calc-facts div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px dashed #3a4634;padding-bottom:8px}
.calc-facts div:last-child{border-bottom:0;padding-bottom:0}
.calc-facts dt{color:#9aa79a;font-size:11.5px;margin:0}
.calc-facts dd{color:#eef3ea;font-size:13px;font-weight:750;margin:0;text-align:right}
.calc-facts .base-price{font-size:11.5px}
.calc-placeholder,.calc-error{display:grid;place-items:center;min-height:200px;color:#9aa79a;font-size:13px;text-align:center;padding:20px}
.calc-error{color:#ffb4bd}
@media(max-width:900px){.calc-body{grid-template-columns:1fr}.calc-section{padding:20px}.calc-head h2{font-size:24px}.calc-figure strong{font-size:44px}}
@media(max-width:480px){.calc-switch{width:100%}.calc-switch button{flex:1;padding:9px 10px}}

/* 9.8.10 — зачёркнутая «изначальная» цена от процента в BANNER.json.
   Только витрина: реальная цена всегда слева и не меняется. */
.plan-price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}
.plan-strike-price{color:#9b9f99;font-size:16px;font-weight:500;text-decoration:line-through;text-decoration-thickness:1.5px;white-space:nowrap}
.price-tile.pro-popular .plan-strike-price{color:#a8b09c}
.pack-price-line{display:block}
.pack-strike-price{color:#93a687;font-size:.68em;font-weight:500;text-decoration:line-through;text-decoration-thickness:1.5px;white-space:nowrap;margin-left:6px}
@media (max-width:520px){.plan-strike-price{font-size:14px}.pack-strike-price{font-size:12px}}
.credit-pack .pack-price-line .pack-price-pair{white-space:nowrap;font-size:inherit;letter-spacing:normal;color:inherit;font-weight:inherit}

/* 9.8.11 — верхняя полоса акции: тонкая, красная, жирный белый текст, таймер.
   Центральной полосы .promotion-status на странице тарифов больше нет. */
.announcement{height:30px;min-height:30px;padding:0 40px 0 16px;font-size:12.5px;line-height:1;box-shadow:none;border-bottom:0}
.announcement .announcement-copy{font-weight:800;letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.announcement .announcement-star{font-size:13px}
.announcement button{top:0;height:30px;display:flex;align-items:center;right:12px;font-size:20px}
.announcement button[hidden]{display:none}
.announcement.banner-red{background:linear-gradient(100deg,#c1122c,#e01b38 50%,#c1122c);color:#fff;border-bottom:0}
.announcement.banner-red .announcement-copy{color:#fff;font-weight:800}
.announcement.banner-red .announcement-star,.announcement.banner-red button{color:#fff}
@media(max-width:540px){.announcement{height:32px;min-height:32px;padding:0 34px 0 10px;font-size:11px}.announcement .announcement-copy{font-weight:800}.announcement button{height:32px;right:8px;font-size:18px}}

/* 9.8.12 — блок обратного отсчёта скидок рядом с переключателем периодов.
   Включается через BANNER.countdown.enabled. Оформление — как на макете. */
.billing-row{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;margin:24px auto 12px}
.billing-row .billing-period{margin:0;flex:0 0 auto;width:430px;max-width:100%}
.sale-countdown{display:flex;align-items:center;gap:14px;padding:12px 20px;border:1px solid #e0243f;border-radius:16px;background:linear-gradient(135deg,#3a0d17,#250910 60%,#1c070c);box-shadow:0 0 22px #e0243f2e,inset 0 0 22px #e0243f14}
.sale-clock-icon{flex:0 0 auto;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 50% 45%,#ff4d63,#c1122c);color:#fff;box-shadow:0 0 14px #ff2d4a66}
.sale-clock-icon svg{width:23px;height:23px}
.sale-clock-body{min-width:0}
.sale-clock-title{display:block;text-align:center;color:#ff8f9c;font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:5px;white-space:nowrap}
.sale-clock-grid{display:flex;align-items:flex-start;gap:7px}
.sale-clock-grid i{color:#ff5169;font-size:24px;font-weight:800;font-style:normal;line-height:1.1;opacity:.75}
.sale-clock-cell{display:flex;flex-direction:column;align-items:center;min-width:42px}
.sale-clock-cell b{color:#ff3d57;font-size:27px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums;text-shadow:0 0 14px #ff2d4a55}
.sale-clock-cell small{color:#e7a3ac;font-size:9.5px;margin-top:3px;letter-spacing:.02em}
@media(max-width:900px){.billing-row{gap:16px}.billing-row .billing-period{width:400px}}
@media(max-width:560px){.billing-row{flex-direction:column;gap:14px}.billing-row .billing-period{width:100%}
 .sale-countdown{width:100%;justify-content:center;padding:10px 12px;gap:10px}
 .sale-clock-icon{width:34px;height:34px}.sale-clock-icon svg{width:19px;height:19px}
 .sale-clock-title{font-size:9px;letter-spacing:.1em}
 .sale-clock-cell{min-width:36px}.sale-clock-cell b{font-size:22px}.sale-clock-grid{gap:4px}.sale-clock-grid i{font-size:19px}}

/* 9.8.13 — строка экономии в калькуляторе вместо мелкой сноски. */
.calc-savings{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px;padding:13px 16px;border:1px solid #6f8f3f;border-radius:12px;background:linear-gradient(100deg,#1e2a12,#243318 55%,#1b2611)}
.calc-savings>span{color:#d7e9b4;font-size:12.5px;font-weight:700;line-height:1.35}
.calc-savings small{display:block;color:#9db37c;font-size:10.5px;font-weight:500;margin-top:2px}
.calc-savings-star{color:#c7ff80}
.calc-savings b{color:#c7ff80;font-size:22px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:560px){.calc-savings{padding:11px 13px;gap:8px}.calc-savings b{font-size:19px}}


/* 9.8.15 — зелёный/синий балансы, предупреждения свободного режима */
.wallet-chip{display:inline-flex;align-items:center;gap:3px;font-weight:800}
.wallet-plan{color:#c7ff80}
.wallet-free{color:#7dc4ff;margin-left:10px;padding-left:10px;border-left:1px solid #3d4a3d}
.wallet-free .ruble-icon{color:#7dc4ff}
.balance-split{display:grid;gap:8px;margin:10px 0}
.balance-row{display:flex;justify-content:space-between;align-items:baseline;border:1px solid #3d4a3d;border-radius:10px;padding:9px 13px;background:#1b221b}
.balance-row span{color:#aebca6;font-size:12px}
.balance-row b{font-size:19px}
.balance-row.balance-plan b{color:#c7ff80}
.balance-row.balance-free{border-color:#2f4a66;background:#18222c}
.balance-row.balance-free span{color:#9cb8d2}
.balance-row.balance-free b{color:#7dc4ff}
.balance-hint{color:#9da69a;font-size:11px;margin:6px 2px 0}
.profile-balance-split{margin:12px 0 4px}
.topup-free-button{width:100%;margin-top:12px;background:linear-gradient(135deg,#3f7fd9,#2b5ea8);color:#eaf4ff}
.pack-warning{border:2px solid #2b5ea8;background:#16283b;color:#cfe6ff;border-radius:12px;padding:12px 15px;font-size:13px;font-weight:800;line-height:1.45;margin-bottom:14px}
.pack-warning-blue{border-color:#3f7fd9}
.pack-free-only{display:inline-block;color:#8fd0ff;background:#182635;border:1px solid #2f4a66;border-radius:8px;padding:2px 8px;margin-left:4px;font-size:12px}
.payg-nodiscount{display:block;font-size:15px;line-height:1.35;color:#9fb394;margin:14px 0}
.calc-free-note b{color:#8fd0ff;font-size:16px}
.calc-free-note small{color:#9fb0ad}
.topup-field{display:grid;gap:6px;margin:14px 0 8px}
.topup-field span{color:#aebca6;font-size:12px}
.topup-field input{background:#141a14;border:1px solid #485b40;border-radius:10px;color:#f4f8ec;font-size:17px;font-weight:800;padding:10px 13px;width:100%;box-sizing:border-box}
.topup-result{color:#cfe6ff;font-size:13px}
.topup-result b{color:#7dc4ff}

/* Синий значок рубля для свободного баланса */
.wallet-free .ruble-icon{background:linear-gradient(135deg,#7dc4ff,#3f7fd9);color:#0a1420}

/* 9.8.16: legal text comes directly from editable public/legal/*.txt files. */
.legal-document-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#d5d9d2}

/* Онлайн-чат Jivo в окне покупки тарифа или кредитного набора */
.jivo-purchase-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:16px 0 18px;padding:12px 18px;border:1px solid #a5e8cf;border-radius:12px;background:linear-gradient(135deg,#31b87c,#168b61);color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 6px 18px #168b6138;transition:filter .15s,transform .15s}
.jivo-purchase-button:hover{filter:brightness(1.1);transform:translateY(-1px)}
.jivo-purchase-button:focus-visible{outline:3px solid #b7f7dc;outline-offset:3px}

/* Цельный фон страницы тарифов: без трёх раздельных цветовых ореолов. */
@supports selector(body:has(.pricing-page)){
  body.has-animated-background:has(.pricing-page){
    background-color:#090b0a!important;
    background-image:linear-gradient(180deg,#090b0a 0%,#090b0a 100%)!important;
    background-attachment:fixed!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
  }
  body.has-animated-background:has(.pricing-page) .site-orb{display:none!important}
  body.has-animated-background:has(.pricing-page) .site-bg-grid{opacity:.1}
}


/* Единственный цельный фон на всём сайте, без отдельных цветовых зон. */
body{
  background-color:#090b0a!important;
  background-image:linear-gradient(180deg,#090b0a 0%,#090b0a 100%)!important;
  background-attachment:fixed!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
.site-orb{display:none!important}
.site-bg-grid{opacity:.08!important}
.site-grain{opacity:.018!important}

.catalog-curation-hint{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-16px 0 18px;padding:11px 14px;border:1px solid #46543a;border-radius:10px;background:#171d15;color:#b8cba6;font-size:11px;line-height:1.5}
.catalog-curation-hint button{border:1px solid #758d4b;border-radius:7px;background:#29361f;color:#d9f6bd;padding:7px 10px;font-size:11px;font-weight:750;white-space:nowrap}
.catalog-curation-hint button:hover{background:#35472a}
.catalog-curation-hint small{color:#8d9d80}
.catalog-curation-permission{margin:-15px 0 18px;padding:11px 14px;border:1px solid #705c38;border-radius:9px;background:#241f15;color:#e2c88d;font-size:11px;line-height:1.5}

/* 9.8.24 — model catalog cards: consistent rhythm, readable capabilities, resilient heights. */
.visual-models{align-items:stretch;grid-auto-rows:1fr}
.visual-models .model-tile{height:100%;min-height:0;border-radius:17px;background:linear-gradient(160deg,#232526 0%,#1c1e1f 72%);border-color:#3a3d3e;box-shadow:0 8px 26px #0003}
.visual-models .model-art{height:auto;aspect-ratio:16/9;flex:none;background:radial-gradient(ellipse at 50% 18%,#3e472d,#121514 72%)}
.visual-models .model-info{min-height:0;padding:16px 17px 15px;gap:0}
.visual-models .model-info>small{font-weight:750;letter-spacing:.035em}
.visual-models .model-info h3{min-height:2.2em;margin:7px 0 6px;line-height:1.15}
.visual-models .model-info p{min-height:4.35em;margin:0 0 11px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;color:#b2b5b6;font-size:12px;line-height:1.45}
.visual-models .reference-cap{margin:2px 0 11px;grid-template-columns:1fr;border-color:#3b4237;background:#171a18;text-align:left;padding:10px 11px;gap:7px}
.visual-models .reference-cap b{font-size:9px;color:#a8e873}
.visual-models .reference-cap span{background:#222623;padding:7px 9px;text-align:left;line-height:1.3}
.visual-models .image-reference-cap span{font-size:10px;color:#d3d7d0}
.visual-models .catalog-specs{margin:0 0 10px;padding-left:17px}
.visual-models .model-go{display:block;padding-top:10px;border-top:1px solid #ffffff12}
.visual-models .brand-art{min-height:100%;height:100%;gap:11px}
.visual-models .model-kind{z-index:2}
@media(max-width:600px){.visual-models .model-info{padding:12px}.visual-models .model-info h3{min-height:2.2em;font-size:14px}.visual-models .model-info p{min-height:4.35em;font-size:11px}.visual-models .reference-cap{padding:8px}.visual-models .reference-cap span{font-size:9px}}

/* Prompt library banner refresh: reference-inspired cinematic hero; live collection count stays in the UI. */
.prompts-page .prompt-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(390px,.93fr) minmax(440px,1.07fr);align-items:center;gap:0;min-height:clamp(390px,32vw,475px);padding:36px clamp(28px,4.2vw,64px);border:1px solid #536744;border-radius:28px;background:radial-gradient(ellipse at 70% 40%,#293c20 0%,#142018 41%,#09100d 78%);box-shadow:inset 0 0 0 1px #b8e58b12,0 22px 70px #0005}
.prompts-page .prompt-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,#08100d 0%,#0c1510 39%,#102015b5 60%,#0a110d20 100%);pointer-events:none}
.prompt-hero-copy{position:relative;z-index:2;min-width:0}
.prompt-hero-topline{display:flex;align-items:center;gap:24px;margin-bottom:25px}
.prompt-library-chip{display:inline-flex;align-items:center;gap:11px;min-height:47px;padding:0 21px;border:1px solid #566546;border-radius:99px;color:#d8f2a5;font-size:11px;font-weight:800;letter-spacing:.13em;white-space:nowrap;background:#101912a8}
.prompt-library-chip svg{width:22px;height:22px;fill:none;stroke:#b8f15c;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.prompt-hero-motto{border-left:1px solid #71806d;padding-left:22px;color:#b8c1b2;font-size:10px;letter-spacing:.22em;white-space:nowrap}
.prompts-page .prompt-hero h1{font-size:clamp(58px,7.2vw,104px);line-height:.92;letter-spacing:-.075em;margin:0 0 20px;font-weight:950;color:#f8f8f4}
.prompts-page .prompt-hero h1 span{color:#c7ff70;text-shadow:0 0 34px #b9fa6c45}
.prompts-page .prompt-hero p{max-width:550px;margin:0;color:#d5d9d2;font-size:clamp(15px,1.5vw,21px);line-height:1.45;letter-spacing:-.015em}
.prompts-page .prompt-hero p strong{color:#c9f783;font-weight:750}
.prompts-page .prompt-hero-stats{display:flex;align-items:center;gap:22px;margin-top:35px;color:#aeb9ac;font-size:12px;line-height:1.55;letter-spacing:.2em}
.prompts-page .prompt-hero-stats strong{font-size:clamp(50px,5.1vw,75px);line-height:.9;color:#c9ff72;font-weight:850;letter-spacing:-.065em;text-shadow:0 0 24px #bcf76b50}
.prompts-page .prompt-hero-stats span{border-left:1px solid #687464;padding-left:22px}
.prompt-hero-visual{position:relative;align-self:stretch;min-width:0;display:flex;align-items:center;justify-content:center;margin:-30px -55px -25px -15px;overflow:visible}
.prompt-hero-visual:before{content:'';position:absolute;width:75%;height:58%;border:1.5px solid #c0ff63;border-radius:50%;transform:rotate(-14deg);filter:drop-shadow(0 0 9px #aaff39) drop-shadow(0 0 24px #9fea3a88);opacity:.9;pointer-events:none}
.prompt-hero-visual img{position:relative;z-index:1;width:100%;height:100%;max-height:455px;object-fit:contain;filter:drop-shadow(0 18px 25px #0008)}
@media(max-width:900px){.prompts-page .prompt-hero{grid-template-columns:1fr minmax(260px,.8fr);padding:30px 28px;min-height:360px}.prompt-hero-topline{gap:12px}.prompt-hero-motto{font-size:8px;letter-spacing:.13em;padding-left:12px}.prompt-library-chip{padding:0 14px;font-size:9px}.prompt-hero-visual{margin:-14px -35px -15px -25px}.prompts-page .prompt-hero h1{font-size:clamp(52px,8vw,76px)}}
@media(max-width:650px){.prompts-page .prompt-hero{display:block;min-height:0;padding:24px 21px 20px;border-radius:21px}.prompt-hero-topline{position:relative;z-index:2;gap:10px;margin-bottom:23px;flex-wrap:wrap}.prompt-library-chip{min-height:38px;gap:8px;padding:0 12px;font-size:8px}.prompt-library-chip svg{width:18px;height:18px}.prompt-hero-motto{font-size:7px;letter-spacing:.09em;padding-left:10px}.prompts-page .prompt-hero h1{font-size:clamp(48px,15vw,70px);margin-bottom:11px}.prompts-page .prompt-hero p{max-width:360px;font-size:14px}.prompt-desktop-break{display:none}.prompts-page .prompt-hero-stats{position:relative;z-index:2;margin-top:18px;gap:14px;font-size:9px;letter-spacing:.14em}.prompts-page .prompt-hero-stats strong{font-size:47px}.prompts-page .prompt-hero-stats span{padding-left:14px}.prompt-hero-visual{position:absolute;z-index:0;right:-36px;bottom:-39px;width:72%;height:53%;margin:0;opacity:.4;pointer-events:none}.prompt-hero-visual:before{width:76%;height:60%}.prompt-hero-visual img{object-fit:contain}.prompts-page .prompt-hero:before{background:linear-gradient(100deg,#09110d 2%,#0b130ef0 46%,#0b140dac 75%,#0a110d8a 100%)} }
/* Use the user's complete, text-free banner artwork as the full background; keep HTML copy/count live above it. */
.prompts-page .prompt-hero{display:block;min-height:0;aspect-ratio:2.765/1;padding:0;}
.prompts-page .prompt-hero:before{z-index:1;background:linear-gradient(90deg,#07100df2 0%,#07100de8 34%,#07100d80 51%,#07100d05 73%,transparent 100%);}
.prompt-hero-image{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;}
.prompt-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.prompt-hero-copy{position:absolute;z-index:2;inset:8% auto 7% 4.2%;width:49%;display:flex;flex-direction:column;justify-content:center;}
.prompt-hero-topline{margin-bottom:clamp(15px,2vw,27px);}
.prompts-page .prompt-hero h1{font-size:clamp(57px,7.05vw,104px);margin-bottom:clamp(12px,1.6vw,21px);}
.prompts-page .prompt-hero p{font-size:clamp(14px,1.48vw,21px);}
.prompts-page .prompt-hero-stats{margin-top:clamp(16px,2.6vw,37px);}
@media(max-width:900px){.prompts-page .prompt-hero{aspect-ratio:2.25/1;min-height:365px}.prompt-hero-copy{left:4%;width:59%;}.prompts-page .prompt-hero:before{background:linear-gradient(90deg,#07100df5 0%,#07100dec 43%,#07100d9e 64%,#07100d16 100%)}.prompt-hero-image img{object-position:58% center}}
@media(max-width:650px){.prompts-page .prompt-hero{aspect-ratio:auto;min-height:300px;padding:0}.prompt-hero-copy{inset:22px 20px 18px;width:auto;justify-content:flex-start}.prompts-page .prompt-hero:before{background:linear-gradient(90deg,#07100df5 0%,#07100deb 46%,#07100da8 76%,#07100d6e 100%)}.prompt-hero-image img{object-fit:cover;object-position:63% center}.prompt-hero-topline{margin-bottom:21px}.prompts-page .prompt-hero h1{font-size:clamp(48px,14vw,65px)}.prompts-page .prompt-hero p{font-size:14px}.prompts-page .prompt-hero-stats{margin-top:auto;padding-top:14px}}
/* The artwork already contains its own outline; remove the extra wrapper frame and let the full artwork define it. */
.prompts-page .prompt-hero{width:calc(100vw - 56px);margin-left:calc(50% - 50vw + 28px);border:0;border-radius:0;background:transparent;box-shadow:none;}
.prompt-hero-image{border-radius:0}
@media(max-width:650px){.prompts-page .prompt-hero{width:100%;margin-left:0;border-radius:0}}
/* Pro sale ribbon: clip its rotated corner at the card's top edge, while leaving the popularity badge outside. */
.pricing-page .slim-pricing>.price-tile.pro-popular>.pro-ribbon-window{position:absolute;z-index:3;top:0;left:0;right:0;height:118px;overflow:hidden;pointer-events:none}
.pricing-page .slim-pricing>.price-tile.pro-popular>.pro-ribbon-window>.sale-ribbon{top:0!important;right:-40px!important;width:130px;transform:rotate(38deg)}
/* Fit the entire supplied clean artwork to the banner: trim only transparent canvas, not visible imagery. */
@media(min-width:901px){.prompts-page .prompt-hero{aspect-ratio:3.214/1;min-height:0}}
.prompt-hero-image img{object-fit:fill;object-position:center}
@media(max-width:650px){.prompts-page .prompt-hero{aspect-ratio:auto;min-height:300px}.prompt-hero-image img{object-fit:cover;object-position:63% center}}

/* Keep the top-bar mark at the same scale on studio routes as on the landing page. */
body.is-studio .brand img{width:36px;height:36px}
body.is-studio .brand::before{width:41px;height:41px;left:-5px;margin-top:-20.5px}
.studio-tile-symbol-image{background:radial-gradient(ellipse at 50% 25%,#39452e,#1a201a 72%);color:#c7f78a}
.studio-tile-symbol-video{background:radial-gradient(ellipse at 50% 25%,#3c4632,#181d1a 72%);color:#c7f78a}
/* Final prompt-hero composition: centered framed banner, faithful image proportions, copy inset like the reference. */
@media(min-width:901px){
 .prompts-page .prompt-hero{aspect-ratio:3.5/1;min-height:0;width:min(calc(100vw - 56px),1560px);max-width:none;left:50%;transform:translateX(-50%);margin-left:0;border:1px solid #526441;border-radius:24px;overflow:hidden;background:#08100d;box-shadow:0 15px 48px #0005}
 .prompts-page .prompt-hero:before{background:linear-gradient(90deg,#07100df2 0%,#07100deb 34%,#07100d9e 50%,#07100d12 72%,transparent 100%)}
 .prompt-hero-image{border-radius:inherit}
 .prompt-hero-image img{object-fit:cover;object-position:center}
 .prompt-hero-copy{left:8.5%;width:44%}
 .prompts-page .prompt-hero h1{font-size:clamp(62px,6vw,92px);margin-bottom:16px}
 .prompt-hero-topline{margin-bottom:20px}
 .prompts-page .prompt-hero-stats{margin-top:26px}
}
@media(min-width:651px) and (max-width:900px){.prompts-page .prompt-hero{aspect-ratio:2.6/1;min-height:320px}.prompt-hero-copy{left:6%;width:53%}.prompt-hero-image img{object-fit:cover;object-position:center}}
@media(max-width:650px){.prompts-page .prompt-hero{aspect-ratio:auto;min-height:300px;width:100%;margin-left:0;border:1px solid #526441;border-radius:19px;overflow:hidden}.prompt-hero-image{border-radius:inherit}.prompt-hero-image img{object-fit:cover;object-position:63% center}}
@media(min-width:651px) and (max-width:900px){.prompts-page .prompt-hero{width:calc(100vw - 40px);left:50%;transform:translateX(-50%);margin-left:0}}
@media(max-width:650px){.prompts-page .prompt-hero{left:auto;transform:none}}

/* Match the prompts controls and card grid to the hero's centered width. */
@media(min-width:651px){
 .prompts-page .prompt-toolbar,.prompts-page .prompt-grid,.prompts-page .prompt-order-hint{width:min(calc(100vw - 56px),1560px);position:relative;left:50%;transform:translateX(-50%);margin-left:0}
}
@media(min-width:651px) and (max-width:900px){
 .prompts-page .prompt-toolbar,.prompts-page .prompt-grid,.prompts-page .prompt-order-hint{width:calc(100vw - 40px)}
}
@media(max-width:650px){
 .prompts-page .prompt-toolbar,.prompts-page .prompt-grid,.prompts-page .prompt-order-hint{width:100%;left:auto;transform:none;margin-left:0}
}

/* Keep reference controls anchored to the prompt's bottom baseline while its top grows upward. */
.studio-shell .studio-prompt-row{align-items:stretch}
.studio-shell .studio-upload-actions{align-self:flex-end;margin-bottom:2px}
/* Make prompt resizing genuinely tall, readable, and keep the free-mode credit mark blue. */
.studio-shell .composer .generate-button{gap:10.5px;padding:8.4px 13.65px;font-size:12.6px;font-weight:750}
.studio-shell .composer .generate-button>span{font-size:12.6px;font-weight:750}
.studio-shell .composer .generate-button small{font-size:11px;font-weight:650;line-height:1.35;opacity:.9}
.studio-shell .composer .generate-button small span{font-size:9px}
.studio-shell .composer .generate-button .generation-credit-icon{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;flex:0 0 14px!important;margin:0 1px!important;padding:0!important;border-radius:50%;background:linear-gradient(135deg,#d1fe17,#a8d000)!important;color:#0e150a!important;font-size:9px!important;font-weight:900!important;line-height:14px!important;vertical-align:-2px;box-shadow:0 0 0 1px #10140a55}
.studio-shell .composer .generate-button .generation-credit-icon.is-free{background:linear-gradient(135deg,#7dc4ff,#3f7fd9)!important;color:#071521!important;box-shadow:0 0 0 1px #c5e7ff55,0 0 9px #4ba8ff5c}
@media(max-width:600px){.studio-shell .composer .generate-button{font-size:12.5px;padding:8px 12px}.studio-shell .composer .generate-button>span{font-size:12.5px}.studio-shell .composer .generate-button small{font-size:10.5px}}

/* Video composer: glass-framed, wide prompt workspace inspired by the supplied reference. */
.studio-shell-video .studio-composer-zone{width:min(1380px,calc(100% - 56px));bottom:20px;padding:18px 24px 12px;border:1px solid rgba(157,207,132,.34);border-radius:32px;background:radial-gradient(120% 170% at 100% 0%,rgba(76,255,73,.10),transparent 42%),linear-gradient(145deg,rgba(16,21,19,.91),rgba(8,12,11,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(100,222,97,.08),0 18px 68px rgba(35,210,48,.12),0 25px 70px #0008;backdrop-filter:blur(28px) saturate(145%)}
.studio-shell-video .studio-suggestions{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 18px;pointer-events:auto}
.studio-shell-video .studio-suggestion-track{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}
.studio-shell-video .studio-suggestion-track::-webkit-scrollbar{display:none}
.studio-shell .studio-suggestion-track>button{flex:0 0 auto;min-height:44px;padding:8px 18px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(17,20,19,.7);color:#e1e3e4;font-size:14px;font-weight:500;white-space:nowrap;backdrop-filter:blur(12px)}
.studio-shell .studio-suggestion-track>button:first-child{border-color:rgba(197,255,95,.75);background:rgba(158,238,47,.09);box-shadow:inset 0 0 0 1px rgba(193,255,82,.12),0 0 16px rgba(127,255,59,.16);color:#e8ffb9}
.studio-shell .studio-suggestion-track>button svg{width:17px;height:17px;color:#d7ff7c}
.studio-shell .studio-suggestion-arrows{display:flex;flex:none;gap:5px;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04)}
.studio-shell .studio-suggestion-arrows button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#e4e7e8;font-size:22px;line-height:1;cursor:pointer}
.studio-shell .studio-suggestion-arrows button:hover{background:rgba(255,255,255,.1);color:#d7ff7c}
.studio-shell-video .composer{width:100%;max-width:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.studio-shell-video .studio-prompt-resize-handle{position:absolute;top:5px;left:50%;z-index:6;width:58px;height:12px;margin:0;transform:translateX(-50%);cursor:ns-resize;pointer-events:auto}
.studio-shell-video .studio-prompt-resize-handle span{width:30px;height:2px;background:rgba(189,255,133,.35)}
.studio-shell-video .studio-prompt-row{position:relative;align-items:stretch;gap:20px;min-height:214px;margin:0;padding:15px 18px 14px;border:1px solid rgba(255,255,255,.13);border-radius:21px;background:linear-gradient(135deg,rgba(9,13,12,.82),rgba(15,20,18,.74));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.studio-shell-video .studio-upload-actions{align-self:flex-end;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:0}
.studio-shell-video .studio-upload-actions>.studio-face-attach-button{order:0;flex:0 0 138px;width:138px;height:138px;min-height:0;padding:13px}
.studio-shell-video .studio-upload-actions>.studio-face-attach-button svg{width:37px;height:37px}
.studio-shell-video .studio-upload-actions>.studio-attach-button:not(.studio-face-attach-button){order:1}
.studio-shell-video .studio-attach-button{display:flex;flex:0 0 138px;flex-direction:column;align-items:center;justify-content:center;gap:13px;width:138px;height:176px;aspect-ratio:auto;padding:13px;border:1px dashed rgba(255,255,255,.28);border-radius:17px;background:rgba(255,255,255,.012);color:#a9adaf}
.studio-shell-video .studio-attach-button svg{width:37px;height:37px;stroke-width:1.45}
.studio-shell-video .studio-attach-label{display:block;max-width:110px;color:#c6c9ca;font-size:14px;font-weight:500;line-height:1.35;text-align:center}
.studio-shell-video .studio-attach-button:hover .studio-attach-label,.studio-shell-video .studio-attach-button[aria-expanded=true] .studio-attach-label{color:#dcff91}
.studio-shell-video .studio-prompt-row textarea{align-self:stretch;width:auto;height:160px;min-height:160px;padding:34px 56px 14px 2px;color:#f5f7f5;font-size:18px;line-height:1.55;letter-spacing:-.015em}
.studio-shell-video .studio-prompt-row textarea::placeholder{color:rgba(238,241,239,.58)}
.studio-shell-video .studio-prompt-count{position:absolute;top:11px;right:12px;z-index:4;max-width:68%;padding:4px 7px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(10,14,12,.88);color:rgba(232,236,234,.82);font-size:11px;line-height:1.3;text-align:right;font-variant-numeric:tabular-nums;pointer-events:none;backdrop-filter:blur(8px)}
.studio-shell-video .composer-bottom{align-items:stretch;gap:10px;padding:17px 0 0;border-top:0}
.studio-shell-video .composer .generate-button.has-quote-error{min-width:250px;max-width:340px;height:auto;min-height:68px;padding:10px 14px;background:#34383a!important;color:#ffd0c5!important;box-shadow:0 4px 0 #242728!important;text-transform:none}
.studio-shell-video .composer .generate-button.has-quote-error small{display:block;max-width:300px;white-space:normal;overflow-wrap:anywhere;color:inherit;font-size:11px;line-height:1.3;text-align:center;opacity:1}
.studio-shell-video .composer-bottom>.chip,.studio-shell-video .composer-bottom>.video-control-chip,.studio-shell-video .composer-bottom .video-control-chip{height:68px;min-height:68px;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));color:#f0f2f2;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:border-color .16s,background .16s,transform .16s}
.studio-shell-video .composer-bottom .video-control-chip:hover,.studio-shell-video .composer-bottom>.chip:hover{border-color:rgba(196,255,106,.45);background:rgba(255,255,255,.08);transform:translateY(-1px)}
.studio-shell-video .composer-bottom .studio-model-chip{flex:1 1 176px;min-width:165px;max-width:220px;gap:12px;padding-left:12px}
.studio-shell-video .composer-bottom .studio-model-dot{width:30px;height:30px;border-radius:9px;font-size:16px}
.studio-shell-video .video-mode-chip{flex:1 1 182px;min-width:170px;max-width:218px}
.studio-shell-video .video-control-chip{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:flex-start;gap:12px;white-space:normal}
.studio-shell-video .video-control-icon{display:grid;place-items:center;flex:none;width:26px;height:26px;color:#eef1f2;font-size:24px;line-height:1}
.studio-shell-video .mode-icon{font-size:19px;font-weight:500;letter-spacing:-.08em}
.studio-shell-video .video-control-copy{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;text-align:left}
.studio-shell-video .video-control-copy strong{max-width:100%;overflow:hidden;color:#f3f5f5;font-size:14px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.studio-shell-video .video-control-copy small{display:block;max-width:100%;overflow:hidden;color:rgba(233,237,236,.6);font-size:11px;font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.studio-shell-video .video-control-caret{display:grid;place-items:center;flex:none;width:15px;height:15px;margin-left:auto;color:rgba(240,243,242,.75)}
.studio-shell-video .video-control-caret svg{width:14px;height:14px}
.studio-shell-video .composer-bottom .quick-chip{flex:1 1 110px;min-width:104px;max-width:158px}
.studio-shell-video .composer-bottom .quick-chip[data-key=duration]{flex-basis:116px}
.studio-shell-video .composer-bottom .quick-chip[data-key=resolution]{flex-basis:116px}
.studio-shell-video .composer-bottom .quick-chip[data-key=ratio]{flex-basis:104px}
.studio-shell-video .composer-bottom .quick-chip[data-key=format]{flex-basis:104px}
.studio-shell-video .composer .generate-button:not(:disabled){flex:0 1 300px;min-width:260px;min-height:68px;margin-left:auto;padding:10px 22px;border-radius:22px;background:linear-gradient(115deg,#b2ff57,#c8ff6a 65%,#a8f244);color:#101709;font-size:20px;font-weight:800;box-shadow:0 5px 28px rgba(160,255,53,.3),inset 0 1px 0 rgba(255,255,255,.42)}
.studio-shell-video .composer .generate-button:not(:disabled)>span{gap:12px;font-size:19px;font-weight:800}
.studio-shell-video .composer .generate-button:not(:disabled)>span svg{width:24px;height:24px}
.studio-shell-video .composer .generate-button:not(:disabled) small{max-width:105px;padding-left:16px;border-left:1px solid rgba(13,20,5,.28);color:#15200a;font-size:13px;font-weight:650;line-height:1.15;text-align:center;opacity:.92}
.studio-shell-video .composer .generate-button:not(:disabled) small b{display:block;font-size:16px;font-weight:800;line-height:1.2}
.studio-shell-video .composer .generate-button:not(:disabled) small .ruble-credits-suffix{display:block;color:rgba(21,32,10,.7);font-size:10px}
.studio-shell-video .composer .generate-button:not(:disabled) small .generation-credit-icon{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;flex-basis:18px!important;font-size:11px!important;line-height:18px!important}
.studio-shell-video .composer-hint{justify-content:center;gap:18px;margin:14px 0 0;color:rgba(238,242,240,.56);font-size:12px}
.studio-shell-video .composer-hint>.studio-hint-legal{color:rgba(238,242,240,.56)}
@media(max-width:1100px){.studio-shell-video .studio-composer-zone{width:calc(100% - 30px);padding:14px 16px 10px;border-radius:25px}.studio-shell-video .studio-suggestions{gap:7px;margin-bottom:12px}.studio-shell .studio-suggestion-track{justify-content:flex-start;gap:7px}.studio-shell .studio-suggestion-track>button{min-height:38px;padding:7px 12px;font-size:12px}.studio-shell-video .studio-prompt-row{min-height:178px;padding:12px;gap:13px}.studio-shell-video .studio-attach-button{flex-basis:112px;width:112px;height:148px}.studio-shell-video .studio-upload-actions>.studio-face-attach-button{flex:0 0 112px;width:112px;height:116px;min-height:116px}.studio-shell-video .studio-prompt-row textarea{height:140px;min-height:140px;font-size:16px}.studio-shell-video .composer-bottom{gap:8px;padding-top:13px}.studio-shell-video .composer-bottom>.chip,.studio-shell-video .composer-bottom .video-control-chip{height:60px;min-height:60px;padding:8px 10px;border-radius:14px}.studio-shell-video .composer-bottom .quick-chip{flex-basis:98px;min-width:90px}.studio-shell-video .composer .generate-button:not(:disabled){flex-basis:260px;min-width:230px;min-height:60px}.studio-shell-video .studio-suggestion-arrows button{width:30px;height:30px}}
@media(max-width:700px){.studio-shell-video .studio-composer-zone{bottom:10px;width:calc(100% - 20px);max-height:calc(100svh - 90px);overflow-y:auto;padding:10px;border-radius:21px}.studio-shell-video .studio-suggestions{justify-content:flex-start;margin-bottom:10px}.studio-shell .studio-suggestion-track>button{min-height:34px;padding:6px 10px;font-size:10px}.studio-shell .studio-suggestion-arrows{gap:1px;padding:2px}.studio-shell .studio-suggestion-arrows button{width:26px;height:26px;font-size:19px}.studio-shell-video .studio-prompt-resize-handle{top:5px;height:10px;margin:0}.studio-shell-video .studio-prompt-row{min-height:148px;gap:9px;padding:10px;border-radius:16px}.studio-shell-video .studio-upload-actions{align-self:flex-end}.studio-shell-video .studio-upload-actions>.studio-face-attach-button{flex:0 0 80px;width:80px;height:80px;min-height:0;padding:7px}.studio-shell-video .studio-upload-actions>.studio-face-attach-button svg{width:28px;height:28px}.studio-shell-video .studio-attach-button{flex-basis:80px;width:80px;height:124px;gap:8px;padding:7px;border-radius:13px}.studio-shell-video .studio-attach-button svg{width:28px;height:28px}.studio-shell-video .studio-attach-label{font-size:10px}.studio-shell-video .studio-prompt-row textarea{height:124px;min-height:124px;padding:30px 45px 8px 0;font-size:14px}.studio-shell-video .studio-prompt-count{top:8px;right:8px;max-width:76%;font-size:10px}.studio-shell-video .composer-bottom{gap:6px;padding-top:10px}.studio-shell-video .composer-bottom>.chip,.studio-shell-video .composer-bottom .video-control-chip{height:54px;min-height:54px;min-width:0;padding:7px;border-radius:12px}.studio-shell-video .composer-bottom .studio-model-chip,.studio-shell-video .video-mode-chip{flex:1 1 43%;max-width:none}.studio-shell-video .composer-bottom .studio-model-dot{width:24px;height:24px;font-size:12px}.studio-shell-video .video-control-icon{width:20px;height:20px;font-size:19px}.studio-shell-video .video-control-copy strong{font-size:11px}.studio-shell-video .video-control-copy small{font-size:9px}.studio-shell-video .composer-bottom .quick-chip{flex:1 1 21%;max-width:none}.studio-shell-video .composer .generate-button:not(:disabled){flex:1 1 100%;width:100%;min-width:0;min-height:56px;margin:2px 0 0;padding:8px 14px;border-radius:16px}.studio-shell-video .composer .generate-button:not(:disabled)>span{font-size:16px}.studio-shell-video .composer .generate-button:not(:disabled) small{max-width:120px;font-size:11px}.studio-shell-video .composer-hint{flex-direction:column;gap:5px;margin-top:10px;font-size:10px}}
@media(min-width:1101px){
 .studio-shell-video .studio-composer-zone{width:calc(100% - 40px)}
 .studio-shell-video .composer-bottom .studio-model-chip{flex:0 0 180px;min-width:170px;max-width:180px}
 .studio-shell-video .video-mode-chip{flex:0 0 185px;min-width:180px;max-width:185px}
 .studio-shell-video .video-mode-chip .video-control-copy strong{font-size:13px;letter-spacing:-.035em}
 .studio-shell-video .composer-bottom .quick-chip{flex:0 0 auto;min-width:0;max-width:none;padding:8px 9px;gap:7px}
 .studio-shell-video .composer-bottom .quick-chip[data-key=duration]{flex-basis:132px;width:132px}
 .studio-shell-video .composer-bottom .quick-chip[data-key=resolution]{flex-basis:116px;width:116px}
 .studio-shell-video .composer-bottom .quick-chip[data-key=ratio],.studio-shell-video .composer-bottom .quick-chip[data-key=format]{flex-basis:104px;width:104px}
 .studio-shell-video .composer-bottom .quick-chip .video-control-icon{width:22px;font-size:21px}
 .studio-shell-video .composer-bottom .quick-chip .video-control-caret{width:12px}
 .studio-shell-video .composer-bottom .quick-chip .video-control-copy small{font-size:9px;letter-spacing:-.035em}
 .studio-shell-video .composer .generate-button:not(:disabled){flex:0 0 270px;min-width:260px;max-width:270px}
}
@media(min-width:701px){.studio-shell-video .studio-composer-zone{bottom:46px}}
@media(min-width:1101px){
 .studio-shell-video .composer-bottom .studio-model-chip{gap:8px;padding-right:10px}
 .studio-shell-video .video-mode-chip{gap:8px;padding:8px 10px}
 .studio-shell-video .video-mode-chip .video-control-icon{width:22px}
 .studio-shell-video .video-control-caret{width:12px;height:12px}
 .studio-shell-video .composer-bottom .quick-chip{gap:5px;padding:8px 8px}
 .studio-shell-video .composer-bottom .quick-chip .video-control-copy small{font-size:8.5px;letter-spacing:-.06em}
}
.studio-shell-video .studio-attach-button:not(.studio-face-attach-button){color:#c7ff5b}
.studio-shell-video .composer .generate-button:not(:disabled)>span{color:#101709!important;opacity:1!important}


/* Video composer finishing pass: scale the red-marked controls uniformly and match rail controls to their glass style. */
.studio-shell-video .studio-upload-actions>.studio-attach-button,
.studio-shell-video .composer-bottom>.chip,
.studio-shell-video .composer-bottom .quick-chip,
.studio-shell-video .composer-bottom>.generate-button{transform:scale(.95);transform-origin:center}
.studio-shell-video .studio-upload-actions>.studio-attach-button:hover,
.studio-shell-video .composer-bottom>.chip:hover,
.studio-shell-video .composer-bottom .quick-chip:hover,
.studio-shell-video .composer-bottom>.generate-button:hover{transform:scale(.95) translateY(-1px)}
.studio-shell-video .studio-rail-item{box-sizing:border-box;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:border-color .16s,background .16s,color .16s,transform .16s}
.studio-shell-video .studio-rail-item:hover{border-color:rgba(196,255,106,.4);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.04));color:#f6f8f5}
.studio-shell-video .studio-rail-item.active{border-color:rgba(196,255,106,.42);background:linear-gradient(145deg,rgba(196,255,106,.17),rgba(196,255,106,.07));color:#d1fe17;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 5px 18px rgba(0,0,0,.18)}
.studio-shell-video .studio-rail-toggle-wrap{box-sizing:border-box;border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:3px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.studio-shell-video .studio-rail-toggle{border:0;border-radius:9px;background:transparent;color:#c9ceca;transition:background .16s,color .16s}
.studio-shell-video .studio-rail-toggle:hover{background:rgba(255,255,255,.055);color:#f5f7f4}
.studio-shell-video .studio-rail-toggle.is-on .toggle-state{color:#d1fe17}

/* Model picker: fit its width to the actual labels; unrestricted eligibility stays in the tooltip. */
.studio-shell .popover.model-picker-popover{width:fit-content;min-width:min(360px,calc(100vw - 48px));max-width:min(520px,calc(100vw - 48px))}
.studio-shell .model-picker-popover .model-list,.studio-shell .model-picker-popover .model-search{width:100%}
.studio-shell .video-control-chip:disabled{cursor:default;opacity:.82;box-shadow:none}
.studio-shell .video-control-chip:disabled .video-control-caret{display:none}

/* Match image, audio and text composers to the video studio's proportions. */
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-composer-zone{width:calc(100% - 40px);bottom:46px;padding:18px 24px 12px;border:1px solid rgba(157,207,132,.34);border-radius:32px;background:radial-gradient(120% 170% at 100% 0%,rgba(76,255,73,.10),transparent 42%),linear-gradient(145deg,rgba(16,21,19,.91),rgba(8,12,11,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(100,222,97,.08),0 18px 68px rgba(35,210,48,.12),0 25px 70px #0008;backdrop-filter:blur(28px) saturate(145%)}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-suggestions{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 18px}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-suggestion-track{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;overflow-x:auto;scrollbar-width:none}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-suggestion-track>button{min-height:44px;padding:8px 18px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(17,20,19,.7);color:#e1e3e4;font-size:14px;white-space:nowrap}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer{width:100%;max-width:none;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-prompt-row{position:relative;align-items:stretch;gap:20px;min-height:214px;margin:0;padding:15px 18px 14px;border:1px solid rgba(255,255,255,.13);border-radius:21px;background:linear-gradient(135deg,rgba(9,13,12,.82),rgba(15,20,18,.74));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-prompt-resize-handle{position:absolute;top:5px;left:50%;z-index:6;width:58px;height:12px;margin:0;transform:translateX(-50%);cursor:ns-resize;pointer-events:auto}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-prompt-resize-handle span{width:30px;height:2px;background:rgba(189,255,133,.35)}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-upload-actions{align-self:flex-end;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:0}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-attach-button{display:flex;flex:0 0 138px;flex-direction:column;align-items:center;justify-content:center;gap:13px;width:138px;height:176px;aspect-ratio:auto;padding:13px;border:1px dashed rgba(255,255,255,.28);border-radius:17px;background:rgba(255,255,255,.012);color:#c7ff5b}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-attach-button svg{width:37px;height:37px;stroke-width:1.45}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-attach-label{display:block;max-width:110px;color:#c6c9ca;font-size:14px;font-weight:500;line-height:1.35;text-align:center}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-attach-button:hover .studio-attach-label,.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-attach-button[aria-expanded=true] .studio-attach-label{color:#dcff91}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-prompt-row textarea{align-self:stretch;width:auto;height:160px;min-height:160px;padding:34px 56px 14px 2px;color:#f5f7f5;font-size:18px;line-height:1.55;letter-spacing:-.015em}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-prompt-count{position:absolute;top:11px;right:12px;z-index:4;max-width:68%;padding:4px 7px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(10,14,12,.88);color:rgba(232,236,234,.82);font-size:11px;line-height:1.3;text-align:right;font-variant-numeric:tabular-nums;pointer-events:none;backdrop-filter:blur(8px)}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom{align-items:stretch;gap:10px;padding:17px 0 0;border-top:0;max-width:100%}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom>.chip,.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom .video-control-chip{height:68px;min-height:68px;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));color:#f0f2f2;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:border-color .16s,background .16s,transform .16s}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom>.chip:hover,.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom .video-control-chip:hover{border-color:rgba(196,255,106,.45);background:rgba(255,255,255,.08);transform:translateY(-1px)}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom .studio-model-chip{flex:0 1 180px;min-width:160px;max-width:220px;gap:12px;padding-left:12px}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom .studio-model-dot{width:30px;height:30px;border-radius:9px;font-size:16px}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .video-control-chip{display:inline-flex;flex:1 1 150px;align-items:center;justify-content:flex-start;gap:12px;white-space:normal}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .video-control-icon{display:grid;place-items:center;flex:none;width:26px;height:26px;color:#eef1f2;font-size:24px;line-height:1}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .video-control-copy{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;text-align:left}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .video-control-copy strong{max-width:100%;overflow:hidden;color:#f3f5f5;font-size:14px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .video-control-copy small{display:block;max-width:100%;overflow:hidden;color:rgba(233,237,236,.6);font-size:11px;font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .video-control-caret{display:grid;place-items:center;flex:none;width:15px;height:15px;margin-left:auto;color:rgba(240,243,242,.75)}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .video-control-caret svg{width:14px;height:14px}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom .dock-controls{display:flex;flex:1 1 210px;align-items:stretch;gap:8px;min-width:0;flex-wrap:wrap}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom .quick-chip{flex:1 1 104px;min-width:104px;max-width:158px}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom .quick-chip[data-key=size]{flex-basis:116px}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom .quick-chip[data-key=ratio]{flex-basis:104px}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer .generate-button:not(:disabled){position:static;display:flex;flex:0 0 270px;align-items:center;justify-content:center;gap:12px;width:270px;min-width:260px;max-width:270px;height:auto;min-height:68px;margin:0 0 0 auto;padding:10px 22px;border:0;border-radius:22px;background:linear-gradient(115deg,#b2ff57,#c8ff6a 65%,#a8f244);color:#101709;font-size:20px;font-weight:800;box-shadow:0 5px 28px rgba(160,255,53,.3),inset 0 1px 0 rgba(255,255,255,.42);text-transform:none;transform:none}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer .generate-button:not(:disabled)>span{display:flex;align-items:center;justify-content:center;gap:12px;color:#101709!important;font-size:19px;font-weight:800}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer .generate-button:not(:disabled)>span svg{width:24px;height:24px}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer .generate-button:not(:disabled) small{max-width:105px;padding-left:16px;border-left:1px solid rgba(13,20,5,.28);color:#15200a;font-size:13px;font-weight:650;line-height:1.15;text-align:center;opacity:.92}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer .generate-button.has-quote-error{min-width:250px;max-width:340px;height:auto;min-height:68px;padding:10px 14px;background:#34383a!important;color:#ffd0c5!important;box-shadow:0 4px 0 #242728!important;text-transform:none}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-hint{justify-content:center;gap:18px;margin:14px 0 0;color:rgba(238,242,240,.56);font-size:12px}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-llm-hint{max-width:100%;margin:0 0 10px;padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.035);color:rgba(238,242,240,.64);font-size:11px;line-height:1.4}
@media(max-width:1100px){
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-composer-zone{width:calc(100% - 30px);padding:14px 16px 10px;border-radius:25px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom .studio-model-chip{flex:0 0 220px;width:220px;min-width:165px;max-width:220px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-prompt-row{min-height:178px;padding:12px;gap:13px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-attach-button{flex-basis:112px;width:112px;height:148px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer .generate-button:not(:disabled){flex-basis:260px;width:260px;min-width:230px;max-width:260px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-prompt-row textarea{height:140px;min-height:140px;font-size:16px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom{gap:8px;padding-top:13px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom>.chip,.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom .video-control-chip{height:60px;min-height:60px;padding:8px 10px;border-radius:14px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer .generate-button:not(:disabled){flex-basis:260px;min-width:230px;min-height:60px}
}
@media(max-width:700px){
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-composer-zone{bottom:10px;width:calc(100% - 20px);max-height:calc(100svh - 90px);overflow-y:auto;padding:10px;border-radius:21px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-suggestions{justify-content:flex-start;margin-bottom:10px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-prompt-resize-handle{top:5px;height:10px;margin:0}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-prompt-row{min-height:148px;gap:9px;padding:10px;border-radius:16px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-attach-button{flex-basis:80px;width:80px;height:124px;gap:8px;padding:7px;border-radius:13px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-attach-button svg{width:28px;height:28px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-attach-label{font-size:10px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-prompt-row textarea{height:124px;min-height:124px;padding:30px 45px 8px 0;font-size:14px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-prompt-count{top:8px;right:8px;max-width:76%;font-size:10px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom{gap:6px;padding-top:10px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom>.chip,.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom .video-control-chip{height:54px;min-height:54px;min-width:0;padding:7px;border-radius:12px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom .studio-model-chip{flex:0 0 176px;width:176px;max-width:100%}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom .studio-model-chip{flex:0 0 176px;width:176px;max-width:100%}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom .studio-model-dot{width:24px;height:24px;font-size:12px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .video-control-icon{width:20px;height:20px;font-size:19px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .video-control-copy strong{font-size:11px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .video-control-copy small{font-size:9px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom .quick-chip{flex:1 1 21%;max-width:none}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer .generate-button:not(:disabled){flex:1 1 100%;width:100%;min-width:0;max-width:none;min-height:56px;margin:2px 0 0;padding:8px 14px;border-radius:16px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer .generate-button:not(:disabled)>span{font-size:16px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer .generate-button:not(:disabled) small{max-width:120px;font-size:11px}
 .studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-hint{flex-direction:column;gap:5px;margin-top:10px;font-size:10px}
}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-upload-actions>.studio-attach-button,
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom>.chip,
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom .quick-chip{transform:scale(.95);transform-origin:center}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .studio-upload-actions>.studio-attach-button:hover,
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom>.chip:hover,
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer-bottom .quick-chip:hover{transform:scale(.95) translateY(-1px)}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer .composer-bottom>.generate-button:not(:disabled){transform:scale(.95);transform-origin:center}
.studio-shell:not(.studio-shell-video):not(.studio-shell-agent) .composer .composer-bottom>.generate-button:not(:disabled):hover{transform:scale(.95) translateY(-1px)}

/* Studio header brand: keep the mark comfortably inside its halo/frame. */
body.is-studio .topbar .brand img{width:30px!important;height:30px!important;flex:0 0 30px;object-fit:contain;animation:none!important;transform:none!important}
body.is-studio .topbar .brand:before{width:36px;height:36px;box-sizing:border-box;left:-3px;top:50%;margin-top:-18px}