/* Functional workspace surfaces: source / prompt / result / current status. */
body.studio-shell[data-page="create"] {
 --gz-compose:#303b33;--gz-input:#111913;--gz-output:#1a221c;--gz-media:#0a100c;
 --gz-line:#93a394;--gz-output-line:#6f8273;--gz-ink:#f1f6f0;--gz-muted:#c1ccc1;
 --gz-ref:#253029;--gz-ref-line:#8f9f90;--gz-caption:#c8d4c8;--gz-focus:#c9ff4f;
 --gz-rail:#242c26;--gz-card:#1d2520;--gz-active:#3c4b3f;--gz-soft-line:#4d6052;
 --gz-warning:#3d2d17;--gz-warning-line:#daa14f;--gz-warning-ink:#ffe5b3;
}
html[data-theme="light"] body.studio-shell[data-page="create"] {
 --gz-compose:#e8eee5;--gz-input:#fff;--gz-output:#f8faf6;--gz-media:#dce5d8;
 --gz-line:#71826f;--gz-output-line:#748570;--gz-ink:#1b2a1e;--gz-muted:#465b49;
 --gz-ref:#e0e8dc;--gz-ref-line:#70856e;--gz-caption:#3e5143;--gz-focus:#365d17;
 --gz-rail:#dde5dc;--gz-card:#f0f4ee;--gz-active:#fff;--gz-soft-line:#b7c5b3;
 --gz-warning:#fff2d8;--gz-warning-line:#a46b11;--gz-warning-ink:#664008;
}
html body.studio-shell[data-page="create"] #gen-history-rail {
 container-type:inline-size;
 background:var(--gz-rail)!important;background-image:none!important;
 border:1px solid var(--gz-output-line)!important;border-radius:.875rem!important;
 box-shadow:inset 0 1px 0 #ffffff0b,.2rem 0 .7rem #00000012!important;
}
html body.studio-shell[data-page="create"] #gen-history-rail .gen-rail-head {
 background:var(--gz-rail)!important;border-bottom:1px solid var(--gz-soft-line);padding-bottom:.5rem;
}
html body.studio-shell[data-page="create"] #gen-history .gen-frame {
 background:var(--gz-card)!important;background-image:none!important;color:var(--gz-ink)!important;
 box-shadow:inset 0 0 0 1px var(--gz-soft-line)!important;
}
html body.studio-shell[data-page="create"] #gen-history .gen-frame.active {
 background:var(--gz-active)!important;box-shadow:inset 0 0 0 2px var(--gz-line),0 .15rem .4rem #00000015!important;
}
html body.studio-shell[data-page="create"] #gen-history .gen-frame:hover {
 box-shadow:inset 0 0 0 2px var(--gz-line)!important;
}
html body.studio-shell[data-page="create"] #gen-project-workspace,
html body.studio-shell[data-page="create"] #gen-settings {
 background:var(--gz-rail)!important;background-image:none!important;
 border:1px solid var(--gz-output-line)!important;border-radius:.625rem!important;
 box-shadow:0 .15rem .5rem #00000012!important;
}
html body.studio-shell[data-page="create"] #generate.nd-composer {
 background:var(--gz-compose)!important;background-image:none!important;color:var(--gz-ink)!important;
 border:1px solid var(--gz-line)!important;border-radius:.875rem!important;
 box-shadow:0 .35rem 1.1rem #00000020!important;backdrop-filter:none!important;
}
html body.studio-shell[data-page="create"] #generate::before,
html body.studio-shell[data-page="create"] #gen-selected::before {
 content:attr(data-zone-label);display:block;position:static;margin:0 0 .5rem;
 color:var(--gz-caption);font-size:.75rem;font-weight:700;line-height:1.4;letter-spacing:.025em;
 background:none;transform:none;filter:none;opacity:1;pointer-events:none;
}
html body.studio-shell[data-page="create"] #gen-selected {
 background:var(--gz-output)!important;background-image:none!important;border:1px solid var(--gz-output-line)!important;
 border-radius:.875rem!important;padding:.75rem!important;box-shadow:0 .2rem .6rem #00000012!important;
 color:var(--gz-ink)!important;
}
html body.studio-shell[data-page="create"] #gen-selected .gen-player-stage {
 background:var(--gz-media)!important;border:1px solid var(--gz-output-line)!important;border-radius:.625rem!important;
}
html body.studio-shell[data-page="create"] #generate .nd-mentions {
 background:var(--gz-input)!important;background-image:none!important;border:1.5px solid var(--gz-line)!important;
 border-radius:.625rem!important;box-shadow:inset 0 1px 3px #0000000d!important;
}
html body.studio-shell[data-page="create"] #generate .nd-mentions:focus-within {
 border-color:var(--gz-focus)!important;outline:2px solid var(--gz-focus)!important;outline-offset:2px;
}
html body.studio-shell[data-page="create"] #generate #prompt-rich {
 color:var(--gz-ink)!important;background:transparent!important;border:0!important;padding:.625rem!important;
}
html body.studio-shell[data-page="create"] #generate #prompt-rich:empty::before {
 color:var(--gz-muted)!important;opacity:1!important;
}
html body.studio-shell[data-page="create"] #generate .nd-ref-dropzone {
 background:var(--gz-ref)!important;border:1px dashed var(--gz-ref-line)!important;border-radius:.625rem!important;padding:.25rem!important;
}
html body.studio-shell[data-page="create"] #generate .nd-ref-actions {
 background:transparent!important;color:var(--gz-ink)!important;
}
html body.studio-shell[data-page="create"] #generate .nd-ref-paste-hint {color:var(--gz-muted)!important;}
html body.studio-shell[data-page="create"] #generate .gen-prompt-meta {color:var(--gz-muted)!important;}
html body.studio-shell[data-page="create"] #generate #gen-submit-feedback[data-tone="warning"] {
 background:var(--gz-warning)!important;color:var(--gz-warning-ink)!important;
 border:1px solid var(--gz-warning-line)!important;border-left-width:3px!important;border-radius:.5rem!important;
}
html body.studio-shell[data-page="create"] #generate #gen-submit-feedback[data-tone="warning"] .nd-system-summary {color:inherit!important;}
html body.studio-shell[data-page="create"] .nd-chat-job {
 background:var(--gz-output)!important;border:1px solid var(--gz-output-line)!important;box-shadow:0 .15rem .5rem #00000012!important;
}
html body.studio-shell[data-page="create"] .nd-chat-prompt {background:var(--gz-input)!important;border-top:1px solid var(--gz-line)!important;}
@media(max-width:719px){
 html body.studio-shell[data-page="create"].nd-chat-mobile #generate:not(.nd-composer-expanded){background:var(--gz-compose)!important;}
 html body.studio-shell[data-page="create"].nd-chat-mobile #generate:not(.nd-composer-expanded) .nd-ref-dropzone{background:var(--gz-ref)!important;outline:1px dashed var(--gz-ref-line);outline-offset:-1px;}
 html body.studio-shell[data-page="create"].nd-chat-mobile #generate:not(.nd-composer-expanded) #prompt-rich{background:transparent!important;color:var(--gz-ink)!important;border:0!important;}
 html body.studio-shell[data-page="create"].nd-chat-mobile #generate::before {margin-bottom:.25rem;font-size:.6875rem;}
 html body.studio-shell[data-page="create"].nd-chat-mobile #generate .nd-ref-dropzone {padding:0!important;}
 html body.studio-shell[data-page="create"].nd-chat-mobile #generate #prompt-rich {padding:.375rem!important;}
}

@media(max-width:719px) and (max-height:460px){
 html body.studio-shell[data-page="create"].nd-chat-mobile #generate::before{display:none!important;}
 html body.studio-shell[data-page="create"].nd-chat-mobile #generate #prompt-rich{padding:.25rem!important;}
}

@media(min-width:720px){
 @container(max-width:16rem){
  html body.studio-shell[data-page="create"] #gen-history-rail .gen-rail-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:.375rem!important;}
  html body.studio-shell[data-page="create"] #gen-history-rail .gen-rail-tools{display:grid!important;grid-template-columns:repeat(2,minmax(44px,1fr))!important;gap:.25rem!important;width:100%!important;min-width:0!important;}
  html body.studio-shell[data-page="create"] #gen-history-rail .gen-rail-tools>details{grid-column:1;grid-row:1;}
  html body.studio-shell[data-page="create"] #gen-history-rail #gen-refresh{grid-column:2;grid-row:1;}
  html body.studio-shell[data-page="create"] #gen-history-rail #gen-clear-failed{grid-column:1/-1;grid-row:2;width:100%!important;max-width:none!important;white-space:normal!important;}
 }
}