/* R5 — Cleom green, real viewport space, native pointer and focused editors. */
:root {
  --bg-0:#0b0e0c; --bg-1:#151916; --bg-2:#1d231f; --bg-3:#202621;
  --bg-primary:#0b0e0c; --bg-secondary:#151916; --bg-tertiary:#1d231f;
  --ink-0:#f5f7f1; --ink-1:#b0b8af; --ink-2:#89958a;
  --text-primary:#f5f7f1; --text-secondary:#b0b8af;
  --accent:#b4ff2c; --accent-deep:#95dd20; --accent-ink:#152006;
  --line:#e3ffdf16; --line-2:#e3ffdf2a;
  --studio-lilac:#c6ec9b; --studio-peach:#d3e8a4;
  --r4-border:#dcffd51c; --r4-panel:linear-gradient(135deg,#1a211bec,#111613f5);
  --app-topbar-height:72px;
}
html {color-scheme:dark}
body,.app-main {background:var(--bg-0);color:var(--ink-0)}
html body,html.embedded body {cursor:auto}
html a,html button,html .chip,html .goal-card,html .nav-item,html .lv-btn,html .lq-btn,html .pack-card,html .sk-q,html.embedded a,html.embedded button {cursor:pointer}
html button:disabled,html input:disabled,html select:disabled {cursor:not-allowed}
html input,html textarea,html [contenteditable="true"] {cursor:text}
html input[type="range"],html input[type="checkbox"],html select {cursor:pointer}
.spark-layer {display:none!important}
.app {min-height:100dvh}
.app-main {min-height:100dvh;max-width:100%;min-width:0}
.app-main>#view {width:100%;min-width:0;flex:1}
.topbar {height:var(--app-topbar-height);min-height:var(--app-topbar-height);flex-shrink:0;background:#0c100ded;border-color:var(--line)}
.embed-wrap {height:calc(100dvh - var(--app-topbar-height))!important;overflow:hidden;background:var(--bg-0)}
.embed-wrap iframe {display:block;width:100%;height:100%;border:0}
.sidebar {background:linear-gradient(160deg,#121713,#090c0a);border-color:var(--line)}
.sidebar .nav-item {color:#bdc7bb}
.sidebar .nav-item.active {color:#e8ffcd;background:linear-gradient(100deg,#b4ff2c1c,#b4ff2c07);border-color:#b4ff2c22;box-shadow:inset 3px 0 #b4ff2c}
.sidebar .nav-item.active svg {color:var(--accent)}
.sidebar .nav-item:hover:not(.active) {background:#caffad0b;color:#fff}
.sidebar-inspiration {background:linear-gradient(145deg,#202a1c,#121711);border-color:var(--line)}
.sidebar-inspiration>span {color:#afbda5}
.sidebar-inspiration>b {background:var(--accent);color:var(--accent-ink)}
.sidebar .sidebar-foot,.topbar .tb-stat,.topbar .user-btn {background:#171e18;border-color:var(--line)}
.topbar .tb-ic,.home-guide>span {color:var(--accent);background:none}
.topbar .ub-av,.account-settings .settings-avatar {background:var(--accent);color:var(--accent-ink)}
.user-dropdown {background:#192019;border-color:var(--line-2)}
.eyebrow,.studio-heading .eyebrow {color:#bdd3a8}
.button-lime,.button-dark {background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 5px 24px #b4ff2c13}
.button-lime:hover,.button-dark:hover {background:#caff70;border-color:#caff70;color:#152006;box-shadow:0 7px 30px #b4ff2c20}
.button:hover {border-color:#b4ff2c88}
.button:focus-visible,.btn:focus-visible,button:focus-visible,a:focus-visible {outline-color:var(--accent)}
.section-line a,.credit-help a {color:var(--accent)}
.studio-heading p,.muted,.studio-field>span {color:var(--ink-1)}
.studio-field input,.studio-field textarea,.input,.textarea {background:#121813;border-color:var(--line-2);color:var(--ink-0)}
.studio-select-trigger {background:linear-gradient(130deg,#1b231d,#101711);border-color:#d0ffc52d;color:#eff5e8}
.studio-select-trigger>span:last-child {color:var(--accent)}
.studio-select-trigger:hover,.studio-select-trigger:focus-visible,.is-open>.studio-select-trigger {border-color:#b4ff2c;box-shadow:0 0 0 3px #b4ff2c0c}
.studio-select-options {background:#202920;border-color:#b4ff2c50}
.studio-select-options>button {color:#e4efdc}
.studio-select-options>button[aria-selected=true],.studio-select-options>button[aria-selected=true]:focus-visible {background:var(--accent);color:var(--accent-ink)}
.studio-select-options>button:hover,.studio-select-options>button:focus-visible {background:#b4ff2c1b;outline-color:#b4ff2c70}
.credits-overview .balance-card {background:linear-gradient(120deg,#d8f8ba,#a8d97e);color:#1b2816;border-color:#c7e6b4}
.credits-overview .balance-card>span,.credits-overview .balance-card>small {color:#496439}
.account-settings .view-sub,.account-settings .settings-secure {color:#b0bfa6}
.account-settings .ws-rows {background:#10171070}
.account-settings .btn {background:#1b231b;border-color:#b6d6a52c;color:#d7e6cc}
.library-kind-filters button.active {background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}

/* Home occupies the available app width; each column can shrink without clipping. */
.home-studio {width:100%;max-width:none;min-height:calc(100dvh - var(--app-topbar-height));padding:0 clamp(20px,2.6vw,48px) 36px;margin:0}
.home-columns {width:100%;max-width:none;grid-template-columns:minmax(0,1fr) minmax(275px,23%);gap:clamp(20px,2vw,34px);align-items:start}
.home-primary,.home-rail,.home-tools,.home-recent {min-width:0}
.home-studio .output-card,.home-studio .output-media,.home-studio .output-meta {min-width:0;max-width:100%}
.home-studio .home-recent .output-grid {min-width:0;max-width:100%}
.home-studio .studio-hero {min-height:clamp(300px,37dvh,430px);padding:38px 0 26px;width:100%}
.home-studio .studio-hero:before {inset:0 -8px 0 5%;background:linear-gradient(90deg,#0b0e0c 0%,#0b0e0ca3 12%,transparent 54%),linear-gradient(0deg,#0b0e0c,transparent 26%),url('revision4-world.png') right center/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 10%);opacity:.9}
.home-studio .studio-hero h1 {font-size:clamp(56px,5.1vw,88px);max-width:68%;margin-block:15px 17px}
.home-studio .studio-hero h1>span {color:var(--accent)}
.home-studio .studio-hero>p {color:#bec9b8;max-width:56%;font-size:16px;line-height:1.65}
.home-studio .hero-actions {gap:12px;margin-top:23px;flex-wrap:wrap}
.home-studio .hero-actions .button {font-size:15px;min-height:48px}
.home-studio .workspace-metrics {gap:12px;margin:8px 0 26px}
.home-studio .workspace-metrics>a {background:#161e18b8;border-color:#d0ffc51c;padding:17px 15px;min-width:0}
.home-studio .workspace-metrics strong {font-size:clamp(20px,1.7vw,28px);overflow-wrap:anywhere}
.home-studio .workspace-metrics span {color:#aebca6;font-size:12px}
.home-studio .workspace-metrics i {background:#b4ff2c0d;color:var(--accent)}
.home-studio .tool-grid {grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:28px}
.home-studio .tool-card {position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:178px;padding:21px 16px;border-radius:16px;background:#19221aba;border-color:#b8dba326;--tool-tone:#c0f589;transition:transform .2s,border-color .2s,background .2s}
.home-studio .tool-card:before {content:'';position:absolute;inset:0;z-index:-1;background-image:var(--tool-art);background-position:center;background-size:cover;opacity:.15;filter:saturate(.7);transition:opacity .25s,transform .4s}
.home-studio .tool-card:after {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(170deg,#0c150a15,#0b120be6 88%);pointer-events:none}
.home-studio .tool-card[href="#/create"] {--tool-art:url('revision4-world.png')}
.home-studio .tool-card[href="#/canvas"] {--tool-art:url('character-atlas.webp')}
.home-studio .tool-card[href="#/campaigns"] {--tool-art:url('racing-world.webp')}
.home-studio .tool-card[href="#/playable"] {--tool-art:url('playable-crown-siege.webp')}
.home-studio .tool-card[href="#/library"] {--tool-art:url('studio-playground.png')}
.home-studio .tool-card:hover {background:#1d2b1ca6;border-color:#b4ff2c88;transform:translateY(-3px)}
.home-studio .tool-card:hover:before {opacity:.27;transform:scale(1.04)}
.home-studio .tool-symbol {color:var(--accent);background:none;width:36px;height:36px;flex-shrink:0}
.home-studio .tool-card h2 {font-size:20px;color:#f2f8e9}
.home-studio .tool-card p {color:#bbc6b2;font-size:13px;max-width:none}
.home-studio .tool-go {color:#d5eac4}
.home-studio .home-rail {display:flex;flex-direction:column;gap:18px;padding-top:28px}
.home-studio .rail-card {width:100%;background:#172019ba;border-color:#b8dba31c;margin:0;padding:21px}
.home-studio .queue-item small,.home-studio .activity-item small,.home-studio .home-guide p {color:#9dac99}
.home-studio .queue-thumb {background:#233021}
.home-studio .activity-item>i {background:#b4ff2c0b;color:#b7df92}
.home-studio .studio-support {width:100%;background:linear-gradient(145deg,#24331c,#152015);border:1px solid #b4ff2c26;margin:0;min-height:265px}
.home-studio .studio-support>.eyebrow {color:#b4d69a}
.home-studio .studio-support p {color:#b2c3a5}
.home-studio .studio-support .button {background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.home-studio .featured-request {background:#162018b0;border-color:var(--line);width:100%;min-width:0}
.home-studio .featured-welcome {background:#b4ff2c;color:#29450c}
.home-studio .featured-visual,.home-studio .featured-visual .output-placeholder {background:#1e281e}
.home-studio .home-guide {width:100%;margin:0}

/* Create: a separate world, room for the idea, composer grounded in the viewport. */
body.create-revision {--bg-0:#0b0e0c;--bg-1:#151c16;--bg-2:#20291f;--ink-0:#f5f7f1;--ink-1:#b0b8af;--ink-2:#89958a;--accent:#b4ff2c;background:#0b0e0c;min-height:100dvh}
.create-revision .create-atmosphere {background:none;opacity:1}
.create-revision .create-workspace {display:flex;flex-direction:column;width:100%;max-width:none;min-height:100dvh;padding:0 clamp(22px,3vw,54px) 22px;margin:0}
.create-revision .create-intro {position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:clamp(240px,33dvh,390px);padding:29px 0 30px;width:100%;max-width:none;margin:0;text-align:left}
.create-revision .create-intro:before {inset:0 -2vw -20px 20%;background:linear-gradient(90deg,#0b0e0c 0%,#0b0e0c8c 16%,transparent 57%),linear-gradient(0deg,#0b0e0c 0%,transparent 35%),url('revision5-create-world.png') right 45%/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 96%,transparent);opacity:.93}
.create-revision .create-intro h1 {font-size:clamp(52px,5.2vw,80px);max-width:65%;margin:14px 0 15px;line-height:.97}
.create-revision .create-intro h1>span {color:var(--accent)}
.create-revision .create-intro p {max-width:51%;color:#bbc9b3;font-size:16px;line-height:1.6}
.create-revision .create-intro .eyebrow {color:#b6cc9f;font-size:12px}
.create-revision .create-spark,.create-revision .routing-symbol {color:var(--accent)}
.create-revision .create-composer {flex:0 0 auto;width:100%;margin:0;background:linear-gradient(145deg,#1a241ce6,#111a14f5);border-color:#d8ffc52e;box-shadow:0 20px 65px #0003}
.create-revision .create-composer:focus-within {border-color:#b4ff2c77;box-shadow:0 20px 65px #0003,0 0 35px #b4ff2c07}
.create-revision .composer-heading {padding:21px 27px 0}
.create-revision .composer-heading label {font-size:12px;color:#c9deb4}
.create-revision .composer-mode {background:#b4ff2c06;color:#a9c294;border-color:#b4ff2c20}
.create-revision .create-composer>textarea {min-height:145px;max-height:350px;padding:19px 27px 12px;font-size:16px;line-height:1.65;color:#f2f6eb;caret-color:var(--accent)}
.create-revision .create-composer>textarea::placeholder {color:#8da087}
.create-revision .composer-asset-line {padding:0 27px 19px}
.create-revision .create-attach {color:#d5e8c4;background:#b4ff2c06;border-color:#b4ff2c33;font-size:14px}
.create-revision .create-attach svg,.create-revision .attach-plus {color:var(--accent)}
.create-revision .asset-caption,.create-revision .composer-shortcut {color:#95aa8b}
.create-revision .create-toolbar {background:#0b160a44;border-color:#b4ff2c14;padding:15px 25px;gap:20px}
.create-revision .routing-chip {border:0;background:none;color:#cde4ba}
.create-revision .routing-auto {background:#b4ff2c12;border-color:#b4ff2c3a;color:#b4e57e}
.create-revision .routing-chip small {color:#97ad8c}
.create-revision .control-trigger {background:#121c14;border-color:#b4ff2c2d;color:#d7e8cb}
.create-revision .control-trigger:hover,.create-revision .control-trigger[aria-expanded="true"] {background:#202e1c;border-color:#b4ff2c66}
.create-revision #durationTrigger small,.create-revision #qualityTrigger small,.create-revision #aspectTrigger small {color:#aac29a;font-size:11px}
.create-revision .control-chevron,.create-revision .quality-icon,.create-revision .control-trigger>svg {color:#b4da92}
.create-revision .aspect-icon {border-color:#b4da92}
.create-revision .control-panel {background:#202b1d;border-color:#b4ff2c50}
.create-revision .choice-panel button[aria-selected="true"] {background:#b4ff2c15;border-color:#b4ff2c44}
.create-revision #qualityPanel small,.create-revision #aspectPanel small,.create-revision #durationKeyboardHint {color:#aabd9e}
.create-revision .choice-heading,.create-revision .duration-readout>span {color:#b9d1a8}
.create-revision .duration-stepper>button {background:#b4ff2c0b;border-color:#b4ff2c35;color:#d5efbc}
.create-revision .duration-presets button[aria-pressed="true"] {background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.create-revision .duration-range {accent-color:var(--accent)}
.create-revision .control-done,.create-revision .option-check {color:var(--accent)}
.create-revision .create-submit {padding:17px 25px 21px}
.create-revision .create-cost b,.create-revision .create-cost>span:not(.credit-mark) {color:#d9e6ce}
.create-revision .create-cost small {color:#91a585}
.create-revision #composerGenerate {background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 5px 26px #b4ff2c18}
.create-revision #composerGenerate:hover:not(:disabled) {background:#c9ff70;border-color:#c9ff70;box-shadow:0 7px 30px #b4ff2c30}
.create-revision .create-bottom-note {flex:0 0 auto;margin:15px 0 0;color:#91a287}
.create-revision .create-bottom-note a {color:#c5e4aa}

/* Campaign summary and note follow a single flex column, with no overlap. */
.lite.lite-production {display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100dvh - var(--app-topbar-height));padding:34px clamp(20px,3vw,48px) 24px;background:radial-gradient(ellipse at 50% 36%,#83b9320e,transparent 65%),#0b0e0c;overflow:clip}
.lite-production .lite-inner {display:flex;flex:1;flex-direction:column;width:100%;max-width:1160px;min-height:0;margin:0 auto;padding:0}
.lite-production .campaign-heading {flex:0 0 auto;max-width:100%;margin:0 0 27px}
.lite-production .campaign-eyebrow {color:#b1c6a0;font-size:12px}
.lite-production h1 {font-size:clamp(42px,4.3vw,68px);margin:15px 0 14px}
.lite-production h1 .lime {color:var(--accent)}
.lite-production .campaign-heading>p {color:#b1bcaa;font-size:16px;max-width:780px}
.lite-production .lite-row {margin-bottom:22px;grid-template-columns:minmax(0,1fr) 225px}
.lite-production .lite-prompt-wrap {background:#172018e8;border-color:#b4ff2c34}
.lite-production .lite-prompt-wrap:hover,.lite-production .lite-prompt-wrap:focus-within {border-color:#b4ff2c88;box-shadow:0 0 45px #b4ff2c15}
.lite-production .campaign-brief-label>span:first-child {color:#c4deb0}
.lite-production .campaign-brief-label>span:last-child {color:#8ea580}
.lite-production .lite-row .lite-prompt {height:168px;min-height:168px;color:#edf5e4}
.lite-production .lite-prompt::placeholder {color:#8da181}
.lite-production .lite-dzcol .cdz-drop {background:#1a2418e8;border-color:#b4ff2c40;min-height:214px;height:100%}
.lite-production .lite-dzcol .cdz-drop:hover,.lite-production .lite-dzcol .cdz-drop.drag {background:#26351fec;border-color:#b4ff2c;box-shadow:0 0 42px #b4ff2c17}
.lite-production .cdz-drop b {color:#e1eed3;font-size:15px}
.lite-production .cdz-drop .cdz-hint {color:#9eaf92;font-size:12px}
.lite-production .cdz-cloud {background:#b4ff2c0d;border-color:#b4ff2c35;color:var(--accent)}
.lite-production .cdz-plus {background:var(--accent);color:var(--accent-ink)}
.lite-production .cdz-pick {background:#b4ff2c12;color:#c4ef9d;border-color:#b4ff2c35}
.lite-production .file-chip {background:#283221;border-color:#526247;color:#d9e9cc}
.lite-production .lite-actions {margin:0 0 26px;gap:14px}
.lite-production .lite-var,.lite-production .lite-qual {background:#182117e8;border-color:#cfffab28;border-radius:15px;min-height:74px}
.lite-production .lite-actions .lv-btn {color:#c3e9a1;background:#b4ff2c08;transition:background .18s,transform .18s,color .18s}
.lite-production .lite-actions .lv-btn:hover:not(:disabled) {background:#b4ff2c25;color:#f0ffd7;transform:scale(1.08)}
.lite-production .lite-actions .lv-btn:active:not(:disabled) {transform:scale(.92)}
.lite-production .lite-actions .lv-read b {display:block;color:#eeffdb;font-variant-numeric:tabular-nums;will-change:transform}
.lite-production .lv-read small,.lite-production .lite-qual>small {color:#a9bd98}
.lite-production .lq-seg {background:#0e170d;border-color:#b4ff2c1c}
.lite-production .lq-btn {color:#acc09c;transition:background .2s,color .2s,box-shadow .2s}
.lite-production .lq-btn.on {background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 3px 16px #b4ff2c20}
.lite-production .lite-actions .lite-gen {background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 8px 28px #b4ff2c14}
.lite-production .lite-actions .lite-gen:hover:not(:disabled) {background:#caff70;box-shadow:0 10px 35px #b4ff2c25}
.lite-production .lite-flow,.lite-production .workflow-help {display:none}
.lite-production .lite-bottom {flex:0 0 auto;width:100%;margin-top:auto;padding-top:22px}
.lite-production .lite-pack {background:#182116e8;border-color:#cfffab26;margin:0 0 16px;padding:22px 26px}
.lite-production .lp-col b {color:#edf8e2;font-size:16px}
.lite-production .lp-col small {color:#a5b897;font-size:12px}
.lite-production .lp-col:last-child b {color:var(--accent)}
.lite-production .lp-div {background:#cfffab20}
.lite-production .lite-feats {color:#a6b89a;font-size:12px;gap:12px 25px}
.lite-production .lite-feats i {color:var(--accent)}
.lite-production .lite-guide {position:static;inset:auto;transform:none;flex:0 0 auto;width:100%;max-width:1080px;margin:24px auto 0;padding:0;font-size:12px;line-height:1.7;color:#8e9f83}
.lite-production .lite-bg .o1 {background:radial-gradient(circle,#b4ff2c15,transparent 70%)}
.lite-production .lite-bg .o2 {background:radial-gradient(circle,#4b8a2411,transparent 70%)}
.lite-production .lite-bg>i,.lite-production .lite-bg>i:nth-child(3n) {background:#b4ff2c;box-shadow:0 0 12px #b4ff2c3a}

/* Canvas keeps its working gestures; only its palette changes. */
body.pro-page {--bg-primary:#0b0e0c;--bg-secondary:#171c18;--bg-tertiary:#202a20;--bg-card:#172018;--bg-elevated:#202a20;--text-primary:#eff6e8;--text-secondary:#a5b59b;--accent-purple:#b4ff2c;--border-color:#334530;background:#0b0e0c}
.pro-page .pro-layout {background:#0b0e0c}
.pro-page .pro-sidebar {background:linear-gradient(145deg,#1a221b,#111812)!important;border-color:#b4ff2c22!important}
.pro-page .pro-canvas-area {background:#101611;border-color:#b4ff2c22}
.pro-page .canvas-container {background-color:#0d140e!important;background-image:radial-gradient(#9bbc7f35 .8px,transparent .8px)!important}
.pro-page .canvas-container:before {background:radial-gradient(ellipse at 40% 50%,#b4ff2c07,transparent 65%)}
.pro-page .sidebar-section[data-category] {--category:#b4de91}
.pro-page .sidebar-section[data-category=content] {--category:#b4ff2c}
.pro-page .sidebar-section[data-category=visual] {--category:#a8d584}
.pro-page .sidebar-section[data-category=style] {--category:#e0e7a4}
.pro-page .sidebar-section[data-category=audio] {--category:#9ed7b1}
.pro-page .sidebar-section[data-category=brand] {--category:#c9eda3}
.pro-page .tool-item {background:linear-gradient(135deg,#263022,#1b241a);border-color:#b8d89e2c;color:#d5e4c9}
.pro-page .tool-item:hover {background:#2a3c22!important}
.pro-page .tool-item[data-element-type=prompt] {background:#b4ff2c0b;border-color:#b4ff2c5c;color:#e1f8c7}
.pro-page .tool-item[data-element-type=prompt] .tool-item-icon {color:var(--accent)}
.pro-page .sidebar-section-title,.pro-page .settings-label {color:#b7cda7!important}
.pro-page .settings-select,.pro-page .settings-input {background:#111a11!important;color:#e3efd9!important;border-color:#55734566!important}
.pro-page .canvas-toolbar {background:#182018!important}
.pro-page .canvas-toolbar-title {color:#e1efd5}
.pro-page .flow-toolbar {background:#131c13}
.pro-page .flow-toolbar input,.pro-page .flow-toolbar select,.pro-page .flow-toolbar button {background:#1d291a;color:#c5deb3;border-color:#6a85454d}
.pro-page .flow-toolbar .zoom-btn {background:#22301c!important;color:#d0e7b6!important;border-color:#637d425c!important}
.pro-page .flow-toolbar .pan-tool-btn[aria-pressed=true] {background:#b4ff2c1c!important;border-color:#b4ff2c!important;color:#d4ffa0!important;box-shadow:0 0 15px #b4ff2c13}
.pro-page .canvas-element {--node-accent:#b4ff2c;--node-tint:#b4ff2c0d;background:linear-gradient(145deg,#243020,#182217)!important;color:#e0edd5}
.pro-page .canvas-element[data-type] {--node-accent:#c5e69a;--node-tint:#b4ff2c0c}
.pro-page .canvas-element[data-type=prompt] {--node-accent:#b4ff2c}
.pro-page .canvas-element-header {border-color:#58704655!important}
.pro-page .canvas-element-type {color:#eff8e3!important}
.pro-page .canvas-element-summary,.pro-page .inline-field-label {color:#adc998!important}
.pro-page .inline-field {background:#10190f!important;color:#dbeccd!important;border-color:#52704477!important}
.pro-page .inline-field::placeholder {color:#829a71!important}
.pro-page .inline-upload {background:#1c2a17!important;border-color:#72924f80!important;color:#a6c28d!important}
.pro-page .inline-upload:hover {background:#2b3d23!important}
.pro-page .inline-library-pick {background:#22301b;color:#bfd9a7;border-color:#5d7a3f}
.pro-page .canvas-element .conn-dot {background:#25391a}
.pro-page .connection-group,.pro-page .connection-group[data-category] {--link:#b4e68c}
.pro-page .temp-connection-line {stroke:#b4ff2c}
.pro-page .canvas-shortcuts {background:#192313ed;border-color:#6e954342;color:#9bb681}
.pro-page .canvas-shortcuts kbd {background:#2b3c20;border-color:#6c8d4e;color:#d3e8b9}
.pro-page #canvasToolStatus {color:#bfd9a4}
.pro-page .canvas-empty-hint .canvas-empty-mark {color:#b4ff2c}
.pro-page .canvas-empty-hint h2 {color:#e2f0d1}
.pro-page .canvas-empty-hint p {color:#9caf8c}

@media(min-width:1700px) {
 .home-studio .studio-hero {min-height:410px}
 .home-studio .tool-card {min-height:200px;padding:26px 21px}
 .home-studio .tool-card h2 {font-size:23px}
 .home-studio .tool-card p {font-size:14px}
 .create-revision .create-intro {min-height:310px}
 .create-revision .create-composer>textarea {min-height:175px}
}
@media(max-width:1390px) {
 .home-columns {grid-template-columns:minmax(0,1fr)}
 .home-studio .home-rail {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:0}
 .home-studio .studio-support {grid-column:1/-1;min-height:180px}
 .home-studio .studio-support h2,.home-studio .studio-support p {max-width:65%}
 .home-studio .studio-support h2 br {display:none}
 .home-studio .studio-support .button {width:210px}
 .home-studio .studio-support:after {right:15px;bottom:0;width:260px;height:230px}
 .home-studio .home-guide {grid-column:1/-1}
 .lite-production .lite-actions {gap:12px}
 .lite-production .lite-actions .lite-gen {min-width:220px;flex-basis:220px}
}
@media(min-width:701px) and (max-height:730px) {
 .create-revision .create-workspace {padding-bottom:16px}
 .create-revision .create-intro {min-height:185px;padding:22px 0 21px}
 .create-revision .create-intro h1 {font-size:49px;margin:10px 0 11px}
 .create-revision .create-intro p {font-size:14px;line-height:1.5}
 .create-revision .create-composer>textarea {min-height:120px;padding-top:15px;padding-bottom:8px}
 .create-revision .composer-heading {padding-top:16px}
 .create-revision .composer-asset-line {padding-bottom:14px}
 .create-revision .create-toolbar {padding-block:12px}
 .create-revision .create-submit {padding-block:13px 17px}
 .create-revision .create-bottom-note {margin-top:12px}
 .lite.lite-production {padding-top:24px;padding-bottom:18px}
 .lite-production .campaign-heading {margin-bottom:20px}
 .lite-production h1 {font-size:48px;margin:12px 0}
 .lite-production .lite-row .lite-prompt {height:136px;min-height:136px}
 .lite-production .lite-dzcol .cdz-drop {min-height:181px}
 .lite-production .lite-actions {margin-bottom:16px}
 .lite-production .lite-bottom {padding-top:13px}
 .lite-production .lite-pack {padding:17px 23px}
 .lite-production .lite-guide {margin-top:18px}
}
@media(max-width:900px) {
 :root {--app-topbar-height:68px}
 .app-main {width:100%;margin-left:0}
 .home-studio {padding-inline:22px}
 .home-studio .studio-hero {min-height:315px}
 .home-studio .studio-hero h1 {font-size:65px}
 .home-studio .tool-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
 .home-studio .tool-card {min-height:168px}
 .home-studio .tool-card:last-child {grid-column:auto}
 .create-revision .create-workspace {padding-inline:22px}
 .create-revision .create-intro h1 {font-size:54px;max-width:70%}
 .create-revision .create-intro p {max-width:60%;font-size:15px}
 .create-revision .create-toolbar {gap:14px;padding-inline:20px}
 .create-revision .create-controls {gap:8px}
}
@media(max-width:700px) {
 .home-studio {padding:0 17px 28px}
 .home-studio .studio-hero {min-height:335px;padding:27px 0 24px}
 .home-studio .studio-hero:before {inset:0 -17px 0 10%;background-position:68% center;opacity:.42;mask-image:none}
 .home-studio .studio-hero h1 {font-size:clamp(53px,11vw,65px);max-width:100%}
 .home-studio .studio-hero>p {font-size:15px;max-width:95%}
 .home-studio .hero-actions {gap:10px;margin-top:20px}
 .home-studio .hero-actions .button {min-height:46px;font-size:13px;padding:12px 13px;flex:1}
 .home-studio .workspace-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:5px 0 25px}
 .home-studio .workspace-metrics>a {padding:16px 12px;gap:10px}
 .home-studio .workspace-metrics strong {font-size:22px}
 .home-studio .workspace-metrics span {font-size:11px}
 .home-studio .tool-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .home-studio .tool-card {padding:19px 16px;min-height:160px;flex-direction:column;align-items:flex-start}
 .home-studio .tool-card:last-child {grid-column:1/-1;min-height:110px;flex-direction:row;align-items:center;gap:20px}
 .home-studio .tool-card h2 {font-size:22px}
 .home-studio .tool-card p {font-size:13px}
 .home-studio .home-rail {display:flex;gap:17px}
 .home-studio .studio-support {min-height:235px}
 .home-studio .studio-support:after {width:210px;right:-20px}
 .home-studio .studio-support .button {width:100%}
 .home-studio .home-recent .output-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .create-revision .create-workspace {min-height:100dvh;padding:0 16px 25px;display:block}
 .create-revision .create-intro {min-height:255px;padding:26px 0 25px}
 .create-revision .create-intro:before {inset:0 -16px -5px 0;background-position:65% center;opacity:.35;mask-image:none}
 .create-revision .create-intro h1 {max-width:100%;font-size:clamp(46px,10.7vw,60px);margin:14px 0;line-height:1.01}
 .create-revision .create-intro p {max-width:93%;font-size:14px;line-height:1.6}
 .create-revision .create-intro .eyebrow {font-size:11px}
 .create-revision .composer-heading {padding:19px 17px 0;gap:10px;flex-wrap:wrap}
 .create-revision .composer-heading label {font-size:11px}
 .create-revision .create-composer>textarea {min-height:180px;max-height:350px;padding:19px 18px;font-size:16px}
 .create-revision .composer-asset-line {padding:0 17px 18px;gap:10px;flex-wrap:wrap}
 .create-revision .create-toolbar {display:block;padding:16px}
 .create-revision .routing-chip {padding-bottom:14px}
 .create-revision .create-controls {display:grid;width:100%;grid-template-columns:1.15fr 1fr 1fr;gap:8px}
 .create-revision .control-trigger {min-width:0;width:100%;min-height:57px;padding:10px 7px;gap:6px}
 .create-revision #durationTrigger b,.create-revision #qualityTrigger b,.create-revision #aspectTrigger b {font-size:14px}
 .create-revision #durationTrigger small,.create-revision #qualityTrigger small,.create-revision #aspectTrigger small {font-size:10px}
 .create-revision .create-submit {padding:18px 17px 20px;gap:16px;flex-wrap:wrap}
 .create-revision #composerGenerate {width:100%;min-width:0;min-height:51px;font-size:16px}
 .create-revision .create-bottom-note {font-size:12px;line-height:1.7}
 .create-revision .duration-panel {max-width:calc(100vw - 66px)}
 .lite.lite-production {padding:27px 17px 25px}
 .lite-production .lite-inner {width:100%;margin:0;flex:0 0 auto}
 .lite-production .campaign-heading {margin-bottom:25px}
 .lite-production h1 {font-size:clamp(40px,9.8vw,52px);line-height:1.02}
 .lite-production .campaign-heading>p {font-size:14px;line-height:1.65}
 .lite-production .campaign-eyebrow {font-size:10px}
 .lite-production .lite-row {grid-template-columns:1fr;gap:14px;margin-bottom:20px}
 .lite-production .campaign-brief-label {padding:18px 18px 0;gap:12px}
 .lite-production .campaign-brief-label>span:last-child {display:none}
 .lite-production .lite-row .lite-prompt {height:183px;min-height:183px;padding:19px 18px;font-size:16px}
 .lite-production .lite-dzcol .cdz-drop {min-height:130px;height:auto;padding:18px}
 .lite-production .lite-actions {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}
 .lite-production .lite-var,.lite-production .lite-qual {min-width:0;max-width:none;width:100%;min-height:74px}
 .lite-production .lite-actions .lite-gen {min-width:0;max-width:none;width:100%;font-size:14px;padding:12px;min-height:74px}
 .lite-production .lite-bottom {margin-top:0;padding-top:0}
 .lite-production .lite-pack {display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:22px 19px}
 .lite-production .lp-div {display:none}
 .lite-production .lp-col b {font-size:15px}
 .lite-production .lite-feats {font-size:11px;gap:10px 16px}
 .lite-production .lite-guide {font-size:12px;margin-top:23px;line-height:1.75}
}
@media(max-width:390px) {
 .create-revision .control-trigger>svg,.create-revision .quality-icon,.create-revision .aspect-icon {display:none}
 .create-revision .create-intro h1 {font-size:45px}
 .home-studio .hero-actions .button {font-size:12px;padding-inline:10px}
 .home-studio .workspace-metrics>a {padding-inline:10px;gap:7px}
 .home-studio .workspace-metrics i {width:27px;font-size:22px}
 .lite-production .lq-btn {min-width:45px;padding-inline:8px}
}
@media(prefers-reduced-motion:reduce) {
 .home-studio .tool-card,.home-studio .tool-card:before,.lite-production .lv-btn,.lite-production .lq-btn {transition:none!important}
 .home-studio .tool-card:hover,.home-studio .tool-card:hover:before,.lite-production .lv-btn:hover,.lite-production .lv-btn:active {transform:none!important}
}