/* V33: shared surfaces, without changing the working generation layout. */
body.studio-shell[data-page]{--nd-page:#0f1519;--nd-navigation:#19262adf;--nd-panel:#233137cf;--nd-control:#36464be8;--nd-border:#657c8170;--nd-brand:#c7ff46;--nd-ink:#f3f7f5;--nd-secondary:#bac9c7;--nd-glass:#243439bf;--nd-glass-strong:#1b2a30ec;--nd-lime:#c7ff46e8;background:radial-gradient(ellipse at 12% 3%,#416d525e,transparent 52%),radial-gradient(ellipse at 90% 70%,#35466e66,transparent 60%),#0f1519!important;background-attachment:fixed!important;color:var(--nd-ink)}
body.studio-shell[data-page=create]{--nd-page:transparent;--nd-navigation:#19262adf;--nd-panel:#233137cf;--nd-control:#36464be8;--nd-border:#657c8170;--nd-ink:#f3f7f5;--nd-secondary:#bac9c7}
html[data-theme=light] body.studio-shell[data-page]{--nd-page:#edf3ef;--nd-navigation:#e0eae5ed;--nd-panel:#ffffffd1;--nd-control:#e4ede8ee;--nd-border:#617a7070;--nd-ink:#111816;--nd-secondary:#344c42;--nd-glass:#ffffffe0;--nd-glass-strong:#e6eeeaed;--nd-lime:#c4f44be8;background:radial-gradient(ellipse at 10% 0,#c3e5afad,transparent 55%),radial-gradient(ellipse at 95% 70%,#bfcee9a6,transparent 60%),#f0f4f1!important}
body.studio-shell :is(.studio-main,.gen-workbench,.gen-main,.gen-category-bar,.gen-feed){background:transparent!important}
body.studio-shell :is(.studio-sidebar,.studio-topbar){background:var(--nd-glass-strong)!important;border-color:var(--nd-border)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.studio-shell :is(.admin-card,.profile-card,.plan-card,.school-card,.assistant-panel,.connection-summary,.gen-composer,.gen-settings,.gen-history-rail,.asset-dialog){background:var(--nd-glass)!important;border-color:var(--nd-border)!important;box-shadow:0 12px 38px #00000010,inset 0 1px #ffffff09;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.studio-shell :is(input:not([type=checkbox]):not([type=radio]),textarea,select){background:var(--nd-control);color:var(--nd-ink);border-color:var(--nd-border)}
body.studio-shell :is(.btn.primary,.button.lime,.side-nav a.active,#generate-btn){background:var(--nd-lime)!important;color:#18200b!important;font-weight:700;box-shadow:0 4px 18px #b8f63013,inset 0 1px #ffffff55;border:1px solid #ccff7059!important}
body.studio-shell .side-nav a{font-weight:550}
body.studio-shell .side-nav a svg{width:25px;height:25px;flex:0 0 25px;stroke-width:1.9}
body.studio-shell :is(.btn,.button,.gen-library-button,.gen-settings-toggle,.gen-attach){font-weight:600}
body.studio-shell :is(h1,h2,h3,.gen-model-option strong,.gen-rule-title,.field-label,.quote strong){font-weight:700}
body.studio-shell :is(.gen-attach,.nd-composer-tool,.gen-rail-refresh,.gen-rail-gallery) svg{width:22px;height:22px;stroke-width:1.9}
body.studio-shell :is(.gen-selected,.gen-empty){background:transparent!important}
body.studio-shell :is(.gen-model-option,.gen-ratios button){background:var(--nd-panel)!important}
body.studio-shell :is(.gen-model-option[aria-pressed=true],.gen-ratios button[aria-pressed=true]){border-color:var(--nd-brand)!important;background:color-mix(in srgb,var(--nd-brand) 13%,var(--nd-panel))!important}
body.studio-shell :is(.nd-ref-dropzone,.nd-mention-editor){background:var(--nd-control)!important}
body.studio-shell .gen-settings-foot{max-height:210px}
body.studio-shell .quote small{display:block;line-height:1.5;margin-top:5px}
body.studio-shell .brand{transform-origin:center;animation:nd-brand-turn 15s cubic-bezier(.3,.1,.2,1) infinite;will-change:auto}
@keyframes nd-brand-turn{0%,92%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}
body.studio-shell .menu-scrim:not([hidden]),body.studio-shell .gen-settings-scrim:not([hidden]){background:#050a1099!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
body.studio-shell :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--nd-brand);outline-offset:3px}
.connection-costs{margin:24px 0}.connection-costs header p{font-size:13px;color:var(--nd-secondary);line-height:1.5}
#connectionCostCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px}
.connection-cost-card{display:flex;flex-direction:column;gap:7px;min-width:0;padding:18px;border:1px solid var(--nd-border);border-radius:14px;background:var(--nd-glass)}
.connection-cost-card strong{font-size:14px;overflow-wrap:anywhere}.connection-cost-card b{font-size:27px;letter-spacing:-.7px}.connection-cost-card :is(small,span){font-size:12px;color:var(--nd-secondary)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body.studio-shell :is(.button,.btn,.side-nav a,.gen-ratios button,.gen-model-option,.nd-composer-tool){transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,border-color .18s ease}
 body.studio-shell :is(.button,.btn,.gen-ratios button,.nd-composer-tool):not(:disabled):hover{transform:translateY(-2px);box-shadow:0 7px 20px #0002}
 body.studio-shell .side-nav a:hover{background:var(--nd-control)!important;transform:translateX(2px)}
 body.studio-shell .side-nav a.active:hover{background:var(--nd-lime)!important}
 body.studio-shell :is(.btn.primary,.button.lime):not(:disabled):hover{box-shadow:0 0 22px #b8f63033}
}
@media(max-width:900px){
 body.studio-shell .studio-sidebar{background:var(--nd-glass-strong)!important}
 body.studio-shell :is(.gen-settings,.asset-dialog){backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
 body.studio-shell .side-nav a{min-height:46px}
 body.studio-shell .gen-settings-foot{max-height:26dvh}
}
@media(prefers-reduced-motion:reduce){body.studio-shell .brand{animation:none}body.studio-shell :is(.button,.btn,.side-nav a,.gen-ratios button,.gen-model-option){transition:none}}
@supports not(backdrop-filter:blur(1px)){body.studio-shell[data-page]{--nd-glass:#233137;--nd-glass-strong:#1b2a30}html[data-theme=light] body.studio-shell[data-page]{--nd-glass:#f9fcfa;--nd-glass-strong:#e6eeea}}

@media(min-width:1180px){body[data-page=create] .gen-composer-bar .gen-settings-toggle{display:none!important}}
body[data-page=create] .gen-composer-bar .gen-attach{display:none!important}
.gen-model-picker{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:700}.gen-model-picker select{width:100%;min-width:0;min-height:44px;font-weight:650}