.cinema-ready{--surface:#10151c;--surface-raised:#252c36;--hover:#303947;--accent-ink:#23180f;--secondary:#7f9cbc;--accent-soft:color-mix(in srgb,var(--accent) 9%,transparent);--accent-border:color-mix(in srgb,var(--accent) 30%,transparent);--accent-shadow:color-mix(in srgb,var(--accent) 18%,transparent)}
.cinema-theme-menu{position:relative;order:4;z-index:30;flex:none}.cinema-theme-menu>summary{font-size:12px;cursor:pointer;color:var(--text);border:1px solid var(--stroke);border-radius:8px;padding:10px 12px;list-style:none;white-space:nowrap}.cinema-theme-menu[open]>summary{border-color:var(--accent);color:var(--accent)}.cinema-theme-list{position:absolute;right:0;top:calc(100% + 12px);width:320px;max-width:calc(100vw - 24px);padding:10px;background:var(--panel);border:1px solid var(--stroke);box-shadow:0 20px 65px #0005;border-radius:12px;display:grid;gap:6px}.cinema-theme-card{display:grid;grid-template-columns:48px 1fr;column-gap:12px;background:var(--surface);color:var(--text);border:1px solid var(--stroke);border-radius:8px;text-align:left;padding:10px;cursor:pointer}.cinema-theme-card strong{font-size:13px}.cinema-theme-card small{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.5}.cinema-theme-swatch{grid-row:1/3;align-self:stretch;min-height:39px;border-radius:5px;border:1px solid var(--stroke)}.cinema-theme-card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
.cinema-ready .catalogue-tools select{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--stroke);border-radius:7px;padding:8px;font-size:11px}.cinema-ready .catalogue-card>.piapi-state{display:none}.cinema-ready #cinema-info-body>.piapi-state{font-size:11px!important;display:inline-block;color:var(--accent);border:1px solid var(--accent-border);border-radius:5px;padding:6px 9px;background:var(--accent-soft)}.cinema-ready #cinema-info-body a{display:block;font-size:12px;margin-top:8px;color:var(--accent)}.cinema-ready .catalogue-card[data-catalogue-state=coming_soon] h3:after{content:' · скоро';font-size:9px;color:var(--muted)}.cinema-ready .catalogue-card[data-catalogue-state=discontinued] h3:after{content:' · архив';font-size:9px;color:var(--muted)}.cinema-ready #model-result-count{line-height:1.6}.cinema-ready #catalogue-status{line-height:1.5}.cinema-ready #availability{background:var(--panel);color:var(--muted);border-color:var(--stroke)}.cinema-ready .brand,.cinema-ready .header-cta,.cinema-ready .text-button,.cinema-ready summary,.cinema-ready .small-button{color:var(--text)}.cinema-ready .header-cta{background:var(--panel);border-color:var(--stroke)}.cinema-ready .muted,.cinema-ready .hint{color:var(--muted)}.cinema-ready .model-specs span{background:var(--surface);color:var(--muted);border-color:var(--stroke)}.cinema-ready .button.orange-bg{background:var(--accent);color:var(--accent-ink)}.cinema-ready .history-row{border-color:var(--stroke)}.cinema-ready dialog input,.cinema-ready dialog textarea{background:var(--surface);color:var(--text);border:1px solid var(--stroke)}.cinema-ready .cinema-help .package{background:var(--panel);color:var(--text);border-color:var(--stroke)}
@media(max-width:1150px){.cinema-theme-menu>summary{font-size:10px;padding:8px}.cinema-ready .cinema-top header{gap:10px}.cinema-ready .brand{min-width:130px}.cinema-ready .studio-wallets{gap:12px}}
@media(max-width:640px){.cinema-theme-menu{order:3}.cinema-theme-menu>summary{font-size:10px;padding:8px}.cinema-theme-list{position:fixed;top:110px;right:12px;width:320px}.cinema-ready .brand{min-width:100px}.cinema-ready .cinema-site-menu{order:4}.cinema-ready .catalogue-tools select{font-size:13px}}
/* Appearance layer: preserves the approved grid, typography, spacing and native media. */
body.cinema-ready{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 82%,transparent),var(--bg) 98%),var(--film-backdrop) center top/cover fixed no-repeat}
.cinema-ready .cinema-models,.cinema-ready .cinema-inspector{box-shadow:0 15px 38px #0002}
body.cinema-ready .cinema-results .result-empty{background:linear-gradient(90deg,color-mix(in srgb,var(--panel) 90%,transparent),color-mix(in srgb,var(--panel) 50%,transparent)),var(--film-backdrop) 65% center/cover no-repeat}
.cinema-ready .button.orange-bg,.cinema-ready .studio-topup-launch{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 82%,var(--secondary)));color:var(--accent-ink);box-shadow:0 4px 15px var(--accent-shadow),inset 0 1px #ffffff60;transition:box-shadow .2s,filter .2s}
.cinema-ready .button.orange-bg:not(:disabled):hover,.cinema-ready .studio-topup-launch:hover{box-shadow:0 6px 22px var(--accent-shadow),inset 0 1px #ffffff90;filter:brightness(1.05)}
.cinema-ready .button.orange-bg:disabled{background:var(--surface-raised);color:var(--muted);box-shadow:none;filter:none}
.cinema-ready .small-button:hover,.cinema-theme-card:hover{border-color:var(--accent);background:var(--hover)}
.cinema-ready[data-cinema-theme=red-web] .button.orange-bg,.cinema-ready[data-cinema-theme=red-web] .studio-topup-launch{border-radius:5px;box-shadow:3px 3px 0 #252126;background:var(--accent)}
.cinema-ready[data-cinema-theme=red-web] .small-button{border-radius:4px;box-shadow:2px 2px 0 #25212640}
.cinema-ready[data-cinema-theme=red-web]{background-image:radial-gradient(#25212614 .7px,transparent .8px),linear-gradient(#f3eadce8,#f3eadcf2),var(--film-backdrop);background-size:5px 5px,cover,cover}
.cinema-ready[data-cinema-theme=night-city] .button.orange-bg,.cinema-ready[data-cinema-theme=night-city] .studio-topup-launch{border-radius:4px 15px 4px 15px;box-shadow:0 0 20px #69e4e32a,inset 0 1px #fff8}
.cinema-ready[data-cinema-theme=night-city] .small-button{border-radius:4px 10px 4px 10px;box-shadow:inset 0 -1px #69e4e345}
.cinema-ready[data-cinema-theme=daylight] .button.orange-bg,.cinema-ready[data-cinema-theme=daylight] .studio-topup-launch{border-radius:24px 24px 24px 8px;background:linear-gradient(115deg,#e9ce84,#f1deb0)}
.cinema-ready[data-cinema-theme=daylight] .small-button{border-radius:18px}
.cinema-ready[data-cinema-theme=cinema] .button.orange-bg,.cinema-ready[data-cinema-theme=cinema] .studio-topup-launch{border-radius:8px;background:linear-gradient(160deg,#f9dfb6,#e5b477 52%,#c88f50);box-shadow:0 3px 0 #6f4828,0 8px 18px #0003,inset 0 1px #fff9}
.cinema-ready[data-cinema-theme=cinema] .small-button{box-shadow:inset 0 1px #ffffff18,0 2px 0 #0003}
.cinema-theme-credits-link{color:var(--muted);font-size:10px;padding:6px 4px;line-height:1.4;text-decoration:underline;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){.cinema-ready button{transition:none!important}.cinema-ready .button.orange-bg:hover{filter:none}}
/* Theme choices remain reachable on phones and short landscape viewports. */
.cinema-theme-list{max-height:calc(100dvh - 140px);min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.cinema-theme-card{min-width:0;grid-template-columns:48px minmax(0,1fr)}.cinema-theme-card strong,.cinema-theme-card small{overflow-wrap:anywhere}
@media(max-width:640px){.cinema-theme-list{max-height:calc(100dvh - 122px)}}
@media(max-height:350px){.cinema-theme-list{position:fixed;top:12px;right:12px;max-height:calc(100dvh - 24px)}}