/* R7 — graphite, silver, and a precise Cleom green accent. Presentation only. */
:root {
 color-scheme:dark;
 --bg-0:#131313;--bg-1:#1b1b1b;--bg-2:#242424;--bg-3:#2b2b2b;
 --bg-primary:#131313;--bg-secondary:#1b1b1b;--bg-tertiary:#242424;
 --ink-0:#f4f4f1;--ink-1:#b6b6b3;--ink-2:#878784;
 --text-primary:#f4f4f1;--text-secondary:#b6b6b3;
 --accent:#b4ff2c;--accent-deep:#9ae021;--accent-ink:#172007;
 --line:#ffffff16;--line-2:#ffffff2b;
 --studio-lilac:#c6c6c2;--studio-peach:#deded8;
 --r4-border:#ffffff21;--r4-panel:linear-gradient(135deg,#252525f5,#1b1b1bf5);
}
html,body,.app-main,.app-main>#view {background:#131313;color:var(--ink-0)}
html,body.create-revision,body.pro-page {scrollbar-width:thin;scrollbar-color:#545454 #171717}
html::-webkit-scrollbar,body.create-revision::-webkit-scrollbar,body.pro-page::-webkit-scrollbar {width:8px;height:8px}
html::-webkit-scrollbar-track,body.create-revision::-webkit-scrollbar-track,body.pro-page::-webkit-scrollbar-track {background:#171717}
html::-webkit-scrollbar-thumb,body.create-revision::-webkit-scrollbar-thumb,body.pro-page::-webkit-scrollbar-thumb {background:#545454;border:2px solid #171717;border-radius:8px}
html::-webkit-scrollbar-thumb:hover,body.create-revision::-webkit-scrollbar-thumb:hover,body.pro-page::-webkit-scrollbar-thumb:hover {background:#727272}
.sidebar {background:#181818;border-color:#ffffff12}
.sidebar .nav-item {color:#bdbdb9}
.sidebar .nav-item.active {background:#292929;color:#f6f6f2;border-color:#ffffff13;box-shadow:inset 3px 0 var(--accent)}
.sidebar .nav-item:hover:not(.active) {background:#242424;color:#fff}
.sidebar .nav-item.active svg {color:var(--accent)}
.topbar {background:#131313;border:0;box-shadow:none}
.sidebar .sidebar-foot,.topbar .tb-stat,.topbar .user-btn {background:#222;border-color:#ffffff20;box-shadow:none}
.topbar .tb-ic {background:none;color:#d3d3cf}
.topbar .tb-stat[title="Credits"] .tb-ic {color:var(--accent)}
.topbar .user-btn:hover,.topbar .tb-stat:hover {background:#2b2b2b;border-color:#ffffff35;box-shadow:none}
.topbar-mobile-toggle,.user-dropdown {background:#242424;border-color:#ffffff27;color:#eee}
.user-dropdown a:hover,.user-dropdown button:hover {background:#ffffff0b;color:#fff}
.eyebrow,.studio-heading .eyebrow {color:#bcbcb8}
.button,.btn {box-shadow:none}
.button:hover {border-color:#ffffff54;box-shadow:none;background:#ffffff08}
.button-lime,.button-dark,.button-lime:hover,.button-dark:hover {background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:none}
.button-lime:hover,.button-dark:hover {background:#c6ff61;border-color:#c6ff61}
.studio-heading p,.muted,.studio-field>span {color:#b6b6b3}
.studio-field input,.studio-field textarea,.input,.textarea {background:#191919;border-color:#ffffff27;color:#f1f1ec;box-shadow:none}
.studio-field input::placeholder,.studio-field textarea::placeholder {color:#82827f}
.studio-field input:focus,.studio-field textarea:focus {border-color:#b4ff2c85;box-shadow:none}
.studio-select-trigger {background:#232323;border-color:#ffffff29;color:#ededeb}
.studio-select-trigger:hover,.studio-select-trigger:focus-visible,.is-open>.studio-select-trigger {border-color:#b4ff2c8c;box-shadow:none}
.studio-select-options {background:#292929;border-color:#ffffff40;box-shadow:0 14px 35px #0006}
.studio-select-options>button {color:#e3e3df}
.studio-select-options>button:hover,.studio-select-options>button:focus-visible {background:#ffffff10;outline-color:#ffffff35}
.studio-select-options>button[aria-selected=true],.studio-select-options>button[aria-selected=true]:focus-visible {background:var(--accent);color:var(--accent-ink)}
.output-card,.output-inspector,.asset-tile,.panel-card,.settings-card,.studio-form {background:var(--r4-panel);border-color:#ffffff20;box-shadow:none}
.output-card.selected {border-color:var(--accent);box-shadow:none}
.output-media,.inspector-media {background:#1b1b1b}
.output-placeholder,.playable-cover,.featured-visual .output-placeholder,.queue-thumb .output-placeholder {background:#252525;color:#aead9f}
.output-placeholder>span,.playable-cover>span,.home-studio .output-placeholder>span {color:var(--accent)}
.output-placeholder strong {color:#e6e6db}
.output-placeholder small {color:#a5a599}
.button.flow-restore {background:#292929;border-color:#b4ff2c55;color:var(--accent);box-shadow:none}
.button.flow-restore:hover,.button.flow-restore:focus-visible {background:#333;border-color:var(--accent);color:#c6ff61;box-shadow:none}
.file-icon {background:#2a2a2a;color:var(--accent)}
.output-meta p,.output-meta small,.asset-tile-copy>small {color:#aaa9a5}
.library-kind-filters button {background:#242424;border-color:#ffffff25;color:#c9c9c5}
.library-kind-filters button.active {background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:none}
.library-tools input,.library-tools select {background:#202020;color:#d8d8d5;border-color:#ffffff28}
.studio-empty {background:#ffffff02;border-color:#ffffff20;color:#aaa9a5}
.studio-empty h2,.studio-empty h3,.studio-empty strong {color:#e4e4e0}
.cleom-dialog,.asset-picker {background:#1e1e1e;border-color:#ffffff30;color:#e8e8e4}
.asset-use,.asset-usage,.selected-assets>span {background:#2c2c2c;color:#cacac6;border-color:#ffffff28}

/* The small studio card is a code-native orbital motif, without the old purple mascot. */
.sidebar-inspiration {padding:89px 16px 16px;background:linear-gradient(145deg,#303030,#202020);border-color:#ffffff21}
.sidebar-inspiration img {display:none}
.sidebar-inspiration:before {content:'';position:absolute;width:76px;height:76px;border:1px solid #bcbcb6;border-radius:50%;top:7px;right:19px;background:radial-gradient(circle at 30% 25%,#ededdf,#92928b 11%,#303030 30%,#171717 64%);box-shadow:0 7px 17px #0003;transform:rotate(-20deg)}
.sidebar-inspiration:after {content:'';position:absolute;width:118px;height:29px;border:1px solid #b4ff2c99;top:29px;right:-3px;border-radius:50%;transform:rotate(-25deg)}
.sidebar-inspiration>span {color:#aaa9a5}
.sidebar-inspiration>b {background:#333;color:#eee;border:1px solid #ffffff20}
.sidebar-inspiration:hover>b {color:var(--accent);border-color:#b4ff2c70}

/* Home: independent silver world, a quiet rail, and useful deliveries filling the viewport. */
.home-studio {background:#131313}
.home-studio .studio-hero:before {inset:0 -8px 0 7%;background:linear-gradient(90deg,#131313 0%,#131313ba 17%,transparent 57%),linear-gradient(0deg,#131313,transparent 29%),url('revision7-home-world.png') right center/cover no-repeat;opacity:.9;mask-image:none}
.home-studio .studio-hero>p {color:#bdbdb8;text-shadow:none}
.home-studio .hero-signature {color:#e0e0d6;text-shadow:none}
.home-studio .workspace-metrics>a {background:#202020;border-color:#ffffff1b;box-shadow:none}
.home-studio .workspace-metrics span {color:#a8a8a3}
.home-studio .workspace-metrics>a:nth-child(n) i {background:none;color:var(--accent)}
.home-studio .tool-card {background:#262626b3;border-color:#ffffff25;--tool-tone:#d1d1c9;box-shadow:none}
.home-studio .tool-card:before {opacity:.26;filter:none;background-position:75% center}
.home-studio .tool-card:after {background:linear-gradient(170deg,#2222220d,#1c1c1ce0 92%)}
.home-studio .tool-card[href="#/create"] {--tool-art:url('revision7-create-world.png')}
.home-studio .tool-card[href="#/canvas"] {--tool-art:repeating-linear-gradient(45deg,transparent 0 18px,#c8c8c827 18px 19px,transparent 19px 38px)}
.home-studio .tool-card[href="#/campaigns"] {--tool-art:url('revision7-home-world.png')}
.home-studio .tool-card[href="#/playable"] {--tool-art:url('revision7-playable-world.png')}
.home-studio .tool-card[href="#/library"] {--tool-art:repeating-linear-gradient(0deg,transparent 0 22px,#bdbdbd2b 22px 23px,transparent 23px 46px)}
.home-studio .tool-card:hover {background:#303030;border-color:#b4ff2c85;box-shadow:none}
.home-studio .tool-card:hover:before {opacity:.38}
.home-studio .tool-card h2 {color:#f3f3ee}
.home-studio .tool-card p,.home-studio .tool-go {color:#bdbdb8}
.home-studio .tool-symbol {color:var(--accent)}
.home-studio .rail-card {background:#1e1e1e;border-color:#ffffff1d;box-shadow:none}
.home-studio .queue-thumb {background:#303030}
.home-studio .queue-item small,.home-studio .activity-item small,.home-studio .home-guide p {color:#969692}
.home-studio .activity-item>i {background:#2a2a2a;color:#c0c0ba}
.home-studio .studio-support {background:linear-gradient(130deg,#343434,#222);border-color:#ffffff20;color:#f3f3ed}
.home-studio .studio-support:after {content:'✳';background:none;color:#92928c;width:105px;height:105px;bottom:-15px;right:-7px;font:130px/1 var(--font-display);opacity:.4;transform:rotate(18deg)}
.home-studio .studio-support h2 {color:#f3f3ed}
.home-studio .studio-support p {color:#bcbcb5}
.home-studio .studio-support .button {background:#f0f0e9;border-color:#f0f0e9;color:#222;box-shadow:none}
.home-studio .output-media,.home-studio .output-placeholder {background:#252525}
.home-studio .output-placeholder>span {color:var(--accent)}
@media(min-width:1101px) {
 .home-studio .home-columns {grid-template-columns:minmax(0,1fr) 268px;gap:22px;min-height:calc(100dvh - var(--app-topbar-height) - 18px)}
 .home-studio .home-primary {height:calc(100dvh - var(--app-topbar-height) - 18px);min-height:min-content;display:flex;flex-direction:column}
 .home-studio .studio-hero,.home-studio .workspace-metrics,.home-studio .home-tools {flex-shrink:0}
 .home-studio .home-recent {display:flex;flex:1;flex-direction:column;min-height:145px;margin:0}
 .home-studio .home-recent>.section-line {flex-shrink:0}
 .home-studio .home-recent .output-grid {flex:1;min-height:0;align-items:stretch;grid-template-rows:minmax(100px,1fr)}
 .home-studio .home-recent .output-card {display:flex;flex-direction:column;min-width:0;height:100%;background:none;border:0}
 .home-studio .home-recent .output-media {height:auto;min-height:80px;flex:1;max-height:330px}
 .home-studio .home-recent .output-meta {flex-shrink:0}
 .home-studio .home-recent .output-media>video,.home-studio .home-recent .output-media>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
 .home-studio .home-rail {width:268px}
 .home-studio .rail-card {padding:14px}
 .home-studio .activity-item .status {padding:3px 5px;white-space:nowrap}
 .home-studio .queue-item {gap:8px}
 .home-studio .queue-arrow {display:none}
}
@media(min-width:1101px) and (max-height:780px) {
 .home-studio .home-primary {height:calc(100dvh - var(--app-topbar-height) - 14px)}
 .home-studio .home-columns {grid-template-columns:minmax(0,1fr) 250px;gap:18px}
 .home-studio .home-rail {width:250px}
 .home-studio .home-recent {min-height:135px}
}
@media(min-width:1700px) and (min-height:950px) {
 .home-studio .home-columns {grid-template-columns:minmax(0,1fr) 280px;gap:27px}
 .home-studio .home-rail {width:280px}
 .home-studio .studio-hero {padding-top:28px;padding-bottom:26px}
 .home-studio .studio-hero h1 {font-size:clamp(64px,4vw,80px)}
 .home-studio .tool-card {min-height:155px}
 .home-studio .home-recent .output-media {max-height:none}
 .home-studio .rail-card {padding:17px}
 .home-studio .queue-item {padding-block:12px}
 .home-studio .activity-item {padding-block:11px}
}

/* Create: detailed edge-to-edge cinema art behind a legible neutral writing surface. */
body.create-revision {--bg-0:#131313;--bg-1:#1b1b1b;--bg-2:#242424;--ink-0:#f4f4f1;--ink-1:#b6b6b3;--ink-2:#878784;background:#131313}
.create-revision .create-atmosphere {position:fixed;inset:0;background:linear-gradient(0deg,#1313135c,#13131335 55%,#1313136e),url('revision7-create-world.png') center/cover no-repeat;opacity:.8;filter:none}
.create-revision .create-intro {position:relative;z-index:1}
.create-revision .create-intro h1 {color:#f3f3ed;text-shadow:0 3px 22px #0007}
.create-revision .create-intro p {color:#c4c4bd;text-shadow:0 2px 12px #0008}
.create-revision .create-intro .eyebrow {color:#bebeb8}
.create-revision .create-composer {background:#202020f2;border-color:#ffffff36;box-shadow:0 18px 48px #0004;backdrop-filter:blur(14px)}
.create-revision .create-composer:focus-within {border-color:#b4ff2c78;box-shadow:0 18px 48px #0004}
.create-revision .composer-heading label {color:#cbcbc4}
.create-revision .composer-mode {background:#2b2b2b;color:#b2b2aa;border-color:#ffffff20}
.create-revision #composerInput {color:#eee;scrollbar-color:#71716b #222;caret-color:var(--accent)}
.create-revision #composerInput::placeholder {color:#96968f}
.create-revision #composerInput::-webkit-scrollbar-track {background:#222}
.create-revision #composerInput::-webkit-scrollbar-thumb {background:#71716b;border-color:#222}
.create-revision #composerInput::-webkit-scrollbar-thumb:hover {background:#a6a69a}
.create-revision .create-attach {background:#2d2d2d;color:#d8d8d0;border-color:#ffffff2d}
.create-revision .create-attach:hover {background:#343434;border-color:#b4ff2c7a}
.create-revision .asset-caption,.create-revision .composer-shortcut {color:#93938d}
.create-revision .create-toolbar {background:#19191975;border-color:#ffffff19}
.create-revision .routing-chip {color:#e0e0d8}
.create-revision .routing-chip small {color:#92928c}
.create-revision .routing-auto {background:#303030;border-color:#ffffff25;color:#b4ff2c}
.create-revision .control-trigger {background:#292929;border-color:#ffffff29;color:#efefea}
.create-revision .control-trigger:hover,.create-revision .control-trigger[aria-expanded=true] {background:#343434;border-color:#b4ff2c75}
.create-revision #durationTrigger small,.create-revision #qualityTrigger small,.create-revision #aspectTrigger small {color:#a7a79f}
.create-revision .control-chevron,.create-revision .quality-icon,.create-revision .control-trigger>svg {color:#b8b8ad}
.create-revision .aspect-icon,.create-revision .quality-icon {border-color:#b8b8ad}
.create-revision .control-panel {background:#2b2b2b;border-color:#ffffff3c;box-shadow:0 16px 34px #0006}
.create-revision .choice-panel button[aria-selected=true] {background:#ffffff09;border-color:#b4ff2c75}
.create-revision #qualityPanel small,.create-revision #aspectPanel small,.create-revision #durationKeyboardHint {color:#aaa9a2}
.create-revision .choice-heading,.create-revision .duration-readout>span {color:#c6c6bc}
.create-revision .duration-stepper>button {background:#363636;border-color:#ffffff30;color:#e3e3d8}
.create-revision .create-cost b,.create-revision .create-cost>span:not(.credit-mark) {color:#e4e4db}
.create-revision .create-cost small {color:#98988f}
.create-revision #composerGenerate,.create-revision #composerGenerate:hover:not(:disabled) {box-shadow:none}
.create-revision .create-bottom-note {color:#b6b6ab;text-shadow:0 1px 8px #000}
.create-revision .create-bottom-note a {color:#ececdf}
.create-revision .composer-heading label svg,.create-revision .create-bottom-note>span {color:var(--accent)}
.create-revision .mode-dot,.create-revision .composer-mode.active .mode-dot,.create-revision .create-bottom-note>span {background:var(--accent)}
.create-revision .composer-mode.active {color:#e3e3d7;border-color:#b4ff2c65}
.create-revision .composer-shortcut kbd {border-color:#ffffff24;color:#b9b9ad}
.create-revision .routing-chip b,.create-revision .control-trigger b,.create-revision .choice-panel b,.create-revision .control-panel-heading strong {color:#ededdf}
.create-revision .control-panel-heading>span,.create-revision .range-limits {color:#a6a69a}
.create-revision .control-panel {color:#ecece0}
.create-revision .duration-stepper>button:hover {background:#42423c;border-color:#b4ff2c88}
.create-revision .duration-range {background:linear-gradient(90deg,var(--accent) var(--range,0%),#55554e var(--range,0%))}
.create-revision .duration-range::-webkit-slider-thumb {background:#30302c;border-color:var(--accent)}
.create-revision .duration-range::-moz-range-thumb {background:#30302c;border-color:var(--accent)}
.create-revision .duration-presets button {color:#c3c3b6;background:#ffffff05;border-color:#ffffff25}
.create-revision .duration-presets button:hover {background:#ffffff0d;border-color:#ffffff45;color:#e7e7d8}
.create-revision .duration-presets button[aria-pressed=true] {background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.create-revision .choice-panel>button:hover {background:#ffffff0a}
.create-revision .ratio-preview {border-color:#bcbcaf}
.create-revision .create-signoff {color:#96968b}
.create-revision .create-signoff span {color:var(--accent)}
.asset-picker .dialog-head h2,.create-revision .dialog-head h2 {color:#ecece2}
.asset-picker .dialog-head .eyebrow,.asset-picker .asset-message,.create-revision .dialog-head .eyebrow,.create-revision .asset-message {color:#b1b1a5}
.create-revision .cleom-dialog,.asset-picker.cleom-dialog {background:#222;border-color:#ffffff32;color:#e5e5db}
.asset-picker .asset-tile,.create-revision .asset-tile {background:#2a2a2a;border-color:#ffffff27;color:#e5e5da}
.asset-picker .asset-tile>small,.asset-picker .asset-tile>a,.create-revision .asset-tile>small,.create-revision .asset-tile>a {color:#aaa99c}
.asset-picker .asset-tools input,.create-revision .asset-tools input {background:#191919;color:#e3e3d7;border-color:#ffffff2b}
.asset-picker .dialog-foot,.create-revision .dialog-foot {background:#222222f7;color:#c9c9ba;border-color:#ffffff22}
.asset-picker .file-icon,.create-revision .file-icon {background:#333;color:#bdbdad}
.asset-picker .studio-empty,.create-revision .studio-empty {background:#262626;color:#b5b5a7;border-color:#ffffff26}
.asset-picker .studio-empty h3,.create-revision .studio-empty h3 {color:#e2e2d4}
.asset-uses a {background:#303030;color:#bcbcb0}

/* Campaign keeps its moving examples and original request controls, with a compact summary. */
.lite.lite-production {background:#131313}
.lite-production .lite-inner {background:none}
.lite-production .campaign-heading>p,.lite-production .campaign-eyebrow {color:#b9b9b1}
.lite-production .lite-prompt-wrap {background:#222222f0;border-color:#ffffff33;box-shadow:none}
.lite-production .lite-prompt-wrap:hover,.lite-production .lite-prompt-wrap:focus-within {border-color:#b4ff2c7d;box-shadow:none}
.lite-production .campaign-brief-label>span:first-child {color:#d2d2c9}
.lite-production .campaign-brief-label>span:last-child {color:#92928a}
.lite-production .lite-row .lite-prompt {color:#eee}
.lite-production .lite-prompt::placeholder {color:#93938c}
.lite-production .lite-dzcol .cdz-drop {background:#222222f0;border-color:#ffffff32}
.lite-production .lite-dzcol .cdz-drop:hover,.lite-production .lite-dzcol .cdz-drop.drag {background:#2d2d2df0;border-color:#b4ff2c8f;box-shadow:none}
.lite-production .cdz-drop b {color:#e5e5dc}
.lite-production .cdz-drop .cdz-hint {color:#a7a79d}
.lite-production .cdz-cloud {background:#303030;border-color:#ffffff25}
.lite-production .cdz-pick {background:#303030;color:#d1d1c4;border-color:#ffffff25}
.lite-production .file-chip {background:#363636;color:#d5d5c9;border-color:#ffffff30}
.lite-production .lite-var,.lite-production .lite-qual {background:#252525ed;border-color:#ffffff27}
.lite-production .lite-actions .lv-btn {background:#ffffff06;color:#c7c7bb}
.lite-production .lite-actions .lv-btn:hover:not(:disabled) {background:#ffffff12;color:#f4f4e6}
.lite-production .lite-actions .lv-read b {color:#f2f2e9}
.lite-production .lv-read small,.lite-production .lite-qual>small {color:#a8a89d}
.lite-production .lq-seg {background:#191919;border-color:#ffffff22}
.lite-production .lq-btn {color:#b4b4a8}
.lite-production .lq-btn.on,.lite-production .lite-actions .lite-gen,.lite-production .lite-actions .lite-gen:hover:not(:disabled) {box-shadow:none}
.lite-production .lite-bottom {width:min(100%,1000px);justify-self:center;margin-inline:auto}
.lite-production .lite-pack {background:#242424ed;border-color:#ffffff28;padding:20px 24px;box-shadow:none}
.lite-production .lp-col b {color:#e8e8de}
.lite-production .lp-col small,.lite-production .lite-feats {color:#aaa99d}
.lite-production .lp-col:last-child b {color:var(--accent)}
.lite-production .lp-div {background:#ffffff20}
.lite-production .lite-guide {color:#95958b}
.lite-production .lite-bg .o1,.lite-production .lite-bg .o2 {background:none}
.lite-production .lite-bg>i,.lite-production .lite-bg>i:nth-child(3n) {background:#bfbfb2;box-shadow:none;opacity:.13}
.lite-production .lite-reel .lr-card {border-color:#ffffff30;box-shadow:0 7px 28px #0004}
.lite-production .lite-reel .lr-card:hover {border-color:#b4ff2c80;box-shadow:0 9px 28px #0005}

/* Playable artwork always covers the complete page, including long form states. */
.playable-production.launch-studio {background:#131313}
.playable-production.launch-studio:before {inset:0;background:linear-gradient(0deg,#13131330,#13131320),url('revision7-playable-world.png') center/cover no-repeat;opacity:.76;mask-image:none}
.playable-production.launch-studio:after {background:linear-gradient(180deg,#13131377 0%,#13131315 23%,#13131312 82%,#13131366 100%)}
.playable-production .playable-heading .eyebrow {color:#babaae}
.playable-production .playable-heading h1 {color:#f1f1e9;text-shadow:0 3px 18px #0007}
.playable-production .playable-heading p {color:#bdbdb2;text-shadow:0 2px 10px #0008}
.playable-production .playable-composer.studio-form {background:#222222f0;border-color:#ffffff36;box-shadow:0 18px 48px #0004;backdrop-filter:blur(14px)}
.playable-production .composer-label>span:first-child {color:#ccccc0}
.playable-production .composer-label>span:last-child {color:#909086}
.playable-production .playable-message .studio-field textarea {background:#191919c9;border-color:#ffffff26;color:#ecece2;scrollbar-color:#737369 #242424}
.playable-production textarea::-webkit-scrollbar-thumb {background:#737369}
.playable-production .playable-upload .asset-add {background:#2c2c2c;border-color:#ffffff30;color:#d6d6c8;box-shadow:none}
.playable-production .playable-upload .asset-add:hover {border-color:#b4ff2c80;background:#333;box-shadow:none}
.playable-production .asset-add>i {background:#363636;border-color:#ffffff2a}
.playable-production .asset-add>span {color:#a8a89c}
.playable-production .playable-options .studio-field>span {color:#b7b7aa}
.playable-production .studio-select-trigger {background:#292929;border-color:#ffffff2e;color:#e6e6dc}
.playable-production .delivery-details {background:#ffffff03;border-color:#ffffff24}
.playable-production .delivery-details>summary {color:#c5c5b7}
.playable-production .submit-panel {border-color:#ffffff21}
.playable-production .submit-panel .estimate-eyebrow {color:#aaa99d}
.playable-production .submit-panel strong {color:#f1f1e4}
.playable-production .submit-panel strong span {color:#b6b6a8}
.playable-production .submit-panel .button {box-shadow:none}
.playable-production .submit-panel>p {color:#96968a}
.playable-production .delivery-promise {color:#b1b1a4;text-shadow:0 1px 7px #000}
.playable-production .playable-message textarea::placeholder {color:#95958b}
.playable-production .selected-assets>span {background:#333;color:#cccfc0;border-color:#ffffff2b}
.playable-production .delivery-details input,.playable-production .delivery-details textarea {background:#191919;color:#e2e2d4;border-color:#ffffff27}
.playable-inspiration {border-color:#ffffff20}
.playable-inspiration .section-line p,.play-room-note {color:#b0b0a2}
.inspiration-grid>button {background:#252525;border-color:#ffffff28;color:#ebebdc}
.inspiration-grid>button:hover {border-color:#b4ff2c75;box-shadow:0 8px 20px #0003}
.inspiration-art {background:#202020}
.inspiration-art:after {background:linear-gradient(transparent 35%,#13131366)}
.inspiration-art>i {background:#e9e9dc;color:#282823;box-shadow:none}
.inspiration-grid .inspiration-copy small {color:#aaa99b}
.inspiration-copy>b {color:var(--accent)}
.studio-demo-dialog {background:#202020;color:#e9e9dc;border-color:#ffffff30}
.studio-demo-dialog::backdrop {background:#080808d9}
.demo-theatre-bar {background:#292929;border-color:#ffffff20}
.demo-theatre-bar>span,.demo-theatre-bar>button {color:#c2c2b3}
.demo-theatre-info {border-color:#ffffff20}
.demo-theatre-info>.eyebrow {color:var(--accent)}
.demo-theatre-info>p,.demo-theatre-list small {color:#a8a898}
.demo-theatre-list button {background:#ffffff04;color:#d4d4c4}
.demo-theatre-list button[aria-pressed=true] {background:#ffffff07;border-color:#b4ff2c80}
.demo-theatre-list button:hover {background:#ffffff0e}
.demo-theatre-note {border-color:#ffffff20}
.demo-theatre-stage {background:radial-gradient(ellipse at 50% 40%,#5a5a4f33,transparent 72%),#181818}
.demo-theatre-device {border-color:#5a5a50;background:#080808}
.demo-theatre-screen {background:#151515}
.demo-theatre-loading,.demo-theatre-controls>span {color:#b4b4a1}
.demo-theatre-controls button {background:var(--accent);color:var(--accent-ink)}

/* Library and Assets use distinct code-native arrangements instead of shared hero art. */
.library-page>.studio-heading:before {inset:-15px 0 0 44%;background:repeating-linear-gradient(125deg,transparent 0 50px,#92928a14 51px 52px,transparent 53px 102px),linear-gradient(110deg,#131313,transparent 50%);opacity:1;mask-image:linear-gradient(90deg,transparent,#000 35%);transform:skewY(-6deg)}
.library-page>.studio-heading:after {display:block;content:'';position:absolute;right:6%;top:30px;width:115px;height:76px;border:1px solid #86867d;border-radius:12px;background:linear-gradient(130deg,#ffffff17,#ffffff03);box-shadow:-17px 13px 0 -1px #272727,-17px 13px 0 0 #55554e,-34px 26px 0 -1px #212121,-34px 26px 0 0 #3e3e39;z-index:-1;transform:rotate(-9deg);opacity:.65}
.assets-page>.studio-heading:after {width:130px;height:112px;right:8%;top:24px;background:linear-gradient(140deg,#a6a69836,#29292940);border:1px solid #b2b2a24d;border-radius:21px;box-shadow:29px 16px 0 -8px #131313,29px 16px 0 -7px #65655b,-25px -15px 0 -8px #131313,-25px -15px 0 -7px #45453e;transform:rotate(14deg);opacity:.75}
.assets-page>.studio-heading:before {content:'+';position:absolute;right:calc(8% + 43px);top:47px;color:#b4ff2c;font:300 55px/1 var(--font-body);z-index:0;transform:rotate(14deg);pointer-events:none}
.credits-overview .balance-card {background:linear-gradient(120deg,#303030,#202020);border:1px solid #ffffff35;color:#f0f0e4;box-shadow:none}
.credits-overview .balance-card>span,.credits-overview .balance-card>small {color:#bdbdb0}
.credits-overview .balance-card:after {width:180px;height:180px;right:-32px;bottom:-38px;background:repeating-radial-gradient(circle at center,transparent 0 19px,#b9b9a937 20px 21px,transparent 22px 29px);border:1px solid #b4ff2c75;border-radius:50%;opacity:.6;transform:rotateX(28deg)}
.balance-card>small,.credit-pass-mark {color:#bcbcac!important}
.credit-help,.credits-layout>.studio-form {background:var(--r4-panel);border-color:#ffffff25;box-shadow:none}
.credit-help p {color:#aaa99d}
.credit-help a {color:var(--accent)}
.account-settings>.view-head:after {inset:10px 12% auto auto;width:94px;height:94px;display:block;background:radial-gradient(circle at 40% 33%,#b3b3a240 0 23%,transparent 24%),radial-gradient(ellipse at 50% 98%,#96968840 0 40%,transparent 41%);border:1px solid #9e9e904a;outline:1px solid #73736924;outline-offset:17px;border-radius:50%;transform:none;opacity:.8}
.account-settings .settings-hero,.account-settings .form-section {background:var(--r4-panel);border-color:#ffffff24;box-shadow:none}
.account-settings .settings-hero::after {content:none;background:none;box-shadow:none}
.account-settings .settings-avatar {background:#b4ff2c;color:#172007;box-shadow:none}
.account-settings .view-sub,.account-settings .settings-secure {color:#aaa99c}
.account-settings .ws-rows {background:#17171780;border-color:#ffffff19}
.account-settings .ws-row {border-color:#ffffff13}
.account-settings .ws-info span,.account-settings .sec-sub {color:#a7a79b}
.account-settings .btn {background:#2a2a2a;color:#d4d4c7;border-color:#ffffff29}
.account-settings .btn:hover {background:#343434;color:#eee;border-color:#b4ff2c75;box-shadow:none}

/* Canvas colors only. Resize, drag, pan and independent scroll remain in their own files. */
body.studio-dark.pro-page {--bg-primary:#131313;--bg-secondary:#202020;--bg-tertiary:#292929;--bg-card:#242424;--bg-elevated:#303030;--text-primary:#ecece4;--text-secondary:#acaca0;--accent-purple:#b4ff2c;--border-color:#42423c;background:#131313}
.pro-page .pro-layout {background:#131313}
.pro-page .pro-sidebar {background:linear-gradient(145deg,#252525,#1b1b1b)!important;border-color:#ffffff24!important}
.pro-page .pro-canvas-area {background:#191919;border-color:#ffffff24}
.pro-page .canvas-container {background-color:#171717!important;background-image:radial-gradient(#9a9a8e30 .8px,transparent .8px)!important}
.pro-page .canvas-container:before {background:none}
.pro-page .sidebar-section[data-category] {--category:#c4c4b7;--category-ink:#e2e2d7;background:linear-gradient(120deg,#ffffff05,transparent);border-bottom-color:#ffffff15!important}
.pro-page .sidebar-section[data-category=content] {--category:#d5d5ca}
.pro-page .sidebar-section[data-category=visual] {--category:#bcbcb2}
.pro-page .sidebar-section[data-category=style] {--category:#a7a79f}
.pro-page .sidebar-section[data-category=audio] {--category:#cecec6}
.pro-page .sidebar-section[data-category=brand] {--category:#b4ff2c}
.pro-page .sidebar-section[data-category] .tool-item {background:#2b2b2b;border-color:#ffffff26;color:#d7d7cd;box-shadow:none}
.pro-page .sidebar-section[data-category] .tool-item:hover {background:#363636!important;border-color:#b4ff2c65;box-shadow:none}
.pro-page .sidebar-section-title,.pro-page .settings-label {color:#bcbcb1!important}
.pro-page .settings-select,.pro-page .settings-input,.pro-page .duration-number-clean {background:#1a1a1a!important;color:#e1e1d6!important;border-color:#ffffff30!important}
.pro-page .canvas-toolbar {background:#242424!important}
.pro-page .canvas-toolbar-title {color:#e3e3d7}
.pro-page .flow-toolbar {background:#202020}
.pro-page .flow-toolbar input,.pro-page .flow-toolbar select,.pro-page .flow-toolbar button {background:#2a2a2a;color:#d0d0c3;border-color:#ffffff29}
.pro-page .flow-toolbar .zoom-btn {background:#2b2b2b!important;color:#ccccc0!important;border-color:#ffffff2a!important}
.pro-page .flow-toolbar .pan-tool-btn[aria-pressed=true] {background:#353a2d!important;border-color:#b4ff2c!important;color:#b4ff2c!important;box-shadow:none}
.pro-page .canvas-element[data-type],.pro-page .canvas-element[data-type=prompt] {--node-accent:#676767;--node-surface:#2a2a2a;--node-text:#ededed;--node-muted:#adadad;--node-tint:#ffffff06}
.pro-page .canvas-element {background:var(--node-surface)!important;border-color:#575757!important;color:var(--node-text);box-shadow:0 7px 20px #0003!important}
.pro-page .canvas-element.selected {border-color:#b4ff2c!important;box-shadow:0 7px 20px #0003!important}
.pro-page .canvas-element-header {background:linear-gradient(120deg,#343434,#2e2e2e)!important;border-color:#ffffff18!important}
.pro-page .canvas-element-type {color:#ededed!important}
.pro-page .canvas-element-type-icon {color:#bebebe!important}
.pro-page .canvas-element[data-type=prompt] .canvas-element-type-icon,.pro-page .canvas-element.selected .canvas-element-type-icon {color:var(--accent)!important}
.pro-page .canvas-element-summary,.pro-page .inline-field-label {color:#adadad!important}
.pro-page .canvas-element-collapse,.pro-page .canvas-element-remove {color:#a6a6a6}
.pro-page .canvas-element-collapse:hover {background:#ffffff12;color:#eee}
.pro-page .canvas-element-remove:hover {background:#ffffff10;color:#efb4a9}
.pro-page .inline-field {background:#1e1e1e!important;color:#e3e3e3!important;border-color:#505050!important;caret-color:var(--accent)}
.pro-page .inline-field::placeholder {color:#898989!important;opacity:1}
.pro-page .inline-field:focus {background:#232323!important;border-color:#b4ff2c9c!important;box-shadow:none}
.pro-page textarea.inline-field {scrollbar-color:#626262 #232323}
.pro-page select.inline-field option {background:#252525;color:#e3e3e3}
.pro-page .inline-upload {background:#242424!important;border-color:#666!important;color:#adadad!important}
.pro-page .inline-upload:hover {background:#303030!important;border-color:#b4ff2c8f!important}
.pro-page .inline-upload svg {color:#b6b6b6}
.pro-page .inline-library-pick {background:#333;color:#cdcdcd;border-color:#626262}
.pro-page .inline-library-pick:hover {background:#3b3b3b;border-color:#b4ff2c88}
.pro-page .inline-color-add,.pro-page .inline-tag {background:#363636;color:#d3d3d3;border-color:#626262}
.pro-page .inline-tag-remove {color:#a3a3a3}
.pro-page .tooltip-icon {background:#393939!important;color:#b6b6b6!important;border-color:#666}
.pro-page .canvas-element .conn-dot {background:#292929;border-color:#b4ff2c;box-shadow:none}
.pro-page .canvas-element .conn-dot:before {background:#b4ff2c}
.pro-page .canvas-element .conn-dot:hover {background:#b4ff2c}
.pro-page .connection-group,.pro-page .connection-group[data-category] {--link:#b4ff2c}
.pro-page .connection-line,.pro-page .connection-line:hover {filter:none}
.pro-page .canvas-shortcuts {background:#222222ed;border-color:#ffffff25;color:#a5a597;box-shadow:none}
.pro-page .canvas-shortcuts kbd {background:#333;color:#d6d6c5;border-color:#ffffff27}
.pro-page #canvasToolStatus {color:#c6c6b7}
.pro-page .canvas-empty-hint h2 {color:#dfdfd3}
.pro-page .canvas-empty-hint p {color:#a4a493}
.pro-page #proGenerateBtn,.pro-page #proGenerateBtn:hover:not(:disabled) {box-shadow:none}

@media(max-width:1100px) {
 .home-studio .home-primary {height:auto;min-height:0}
 .home-studio .home-rail {width:auto}
 .home-studio .home-recent .output-media {height:auto;aspect-ratio:16/10}
 .create-revision .create-atmosphere {background-size:cover;background-position:center;opacity:.66}
 .playable-production.launch-studio:before {background-size:cover;background-position:center;opacity:.62}
}
@media(max-width:700px) {
 .home-studio .studio-hero:before {inset:0 -17px 0 0;background-position:65% center;background-size:auto 100%;opacity:.45}
 .home-studio .studio-hero>p {color:#c2c2b7}
 .home-studio .workspace-metrics {padding-block:0}
 .home-studio .tool-card:before {opacity:.23}
 .home-studio .studio-support:after {width:130px;height:130px;right:7px;bottom:30px;font-size:170px}
 .home-studio .home-recent .output-media {aspect-ratio:16/10;min-height:0}
 .create-revision .create-atmosphere {background-position:63% top;background-size:auto 100%;opacity:.5}
 .create-revision .create-composer {background:#222222f7}
 .playable-production.launch-studio:before {background-size:auto 100%;background-position:48% center;opacity:.53}
 .playable-production .playable-composer.studio-form {background:#222222f7}
 .lite-production .lite-bottom {width:100%;max-width:none}
 .lite-production .lite-pack {padding:22px 19px}
 .library-page>.studio-heading:before {inset:0 0 0 20%;opacity:.6}
 .library-page>.studio-heading:after {width:72px;height:48px;right:9%;top:34px;opacity:.32}
 .assets-page>.studio-heading:after {right:3%;width:83px;height:75px;top:42px;opacity:.32}
 .assets-page>.studio-heading:before {right:calc(3% + 26px);top:60px;font-size:37px;opacity:.6}
 .account-settings>.view-head:after {right:5%;width:70px;height:70px;top:20px;opacity:.35}
 .library-page>.studio-heading p,.assets-page>.studio-heading p {max-width:83%}
 .credits-overview .balance-card:after {right:-35px;opacity:.35}
}
@media(prefers-reduced-motion:reduce) {
 .home-studio .tool-card:before,.home-studio .tool-card,.sidebar-inspiration:before,.sidebar-inspiration:after {transition:none}
}
@media(max-width:380px) {
 .home-studio .workspace-metrics>a {padding:12px 9px;gap:6px}
 .home-studio .workspace-metrics i {width:20px;height:24px;font-size:19px}
 .home-studio .workspace-metrics strong {font-size:18px;line-height:1.2;letter-spacing:-.045em;white-space:nowrap;overflow-wrap:normal;word-break:normal}
}