/* Visual treatment only. Studio owns rendering, generation, projects and persistence. */
body.diyai-visual-design.diyai-studio-page{background:#03080e;color:#edf3fc}
.diyai-visual-design .sw{--sw-bg:#040b12;--sw-surface:#0c1723;--sw-ink:#edf3fc;--sw-muted:#a1b2c8;--sw-line:#25384c;--sw-green:#ffab0c;--sw-accent:#ffc457;--sw-soft:#14253a;--sw-radius:10px;--sw-shadow:0 8px 30px #0002;background:var(--sw-bg);color:var(--sw-ink);grid-template-columns:218px minmax(0,1fr);color-scheme:dark}
.diyai-visual-design .sw :is(h1,h2,h3,h4){color:#f2f6fc;font-weight:700}
.diyai-visual-design .sw h1{font-size:clamp(30px,3vw,42px);letter-spacing:-.04em;line-height:1.12}
.diyai-visual-design .sw :is(.sw-sidebar,.sw-topbar,.sw-mobile-nav){background:linear-gradient(120deg,#071018,#0c1b2c);border-color:#25384c}
.diyai-visual-design .sw .sw-sidebar{padding:24px 14px;gap:24px}
.diyai-visual-design .sw .sw-brand{padding:0;justify-content:center;white-space:normal}
.diyai-visual-design .sw :is(.sw-brand-symbol,.sw-avatar){background:#172c47;color:#ffb320;border-color:#334b67}
.diyai-visual-design .sw .sw-nav>a{color:#c6d2e2;border-left:3px solid transparent;border-radius:5px;padding-left:10px}
.diyai-visual-design .sw .sw-nav>a.is-active{background:#172738;color:#fff;border-left-color:#ffac0c}
.diyai-visual-design .sw .sw-nav>a:hover{background:#14243a;color:#fff}
.diyai-visual-design .sw .sw-sidebar-projects button{color:#bfcee1}.diyai-visual-design .sw .sw-sidebar-projects button:hover{background:#152840}
.diyai-visual-design .sw :is(.sw-membership,.sw-account){border-color:#28394d;background:#0c1a2a}
.diyai-visual-design .sw :is(.sw-membership strong,.sw-account strong){color:#eef3fc}
.diyai-visual-design .sw :is(.sw-credit-button,.sw-search-trigger,.sw-jobs-trigger,.sw-icon-button,.sw-option){background:#0c1928;color:#cfdaea;border-color:#2c4058}
.diyai-visual-design .sw .sw-credit-button svg{color:#ffad10}.diyai-visual-design .sw .sw-credit-button [data-sw-balance]{color:#fff!important}
.diyai-visual-design .sw :is(.sw-button-primary,.sw-generate){background:linear-gradient(110deg,#ffae16,#ff9b00);color:#101827!important;border-color:#ffb320;font-weight:700}
.diyai-visual-design .sw :is(.sw-button-primary,.sw-generate):hover{background:#ffc04a;color:#101827!important}
.diyai-visual-design .sw .sw-button-secondary{background:#0d1a28;color:#e4edf9;border-color:#52647c}
.diyai-visual-design .sw .sw-button-secondary:hover{background:#1a2c43}
.diyai-visual-design .sw .sw-main{padding:28px;max-width:1600px}
.diyai-visual-design .sw .sw-page-heading{padding-bottom:22px;border-bottom:1px solid #24364a;margin-bottom:24px}
.diyai-visual-design .sw :is(.sw-eyebrow,.sw-page-heading p,.sw-subtle,.sw-composer-foot,.sw-composer-context){color:#a4b7d0}
.diyai-visual-design .sw .sw-composer{background:linear-gradient(130deg,#0c1825,#0b1621);border:1px solid #31445e;border-radius:10px;box-shadow:0 8px 30px #0002}
.diyai-visual-design .sw .sw-composer-tabs{background:#08131e;border-bottom:1px solid #26394e;border-radius:10px 10px 0 0;padding:9px;gap:6px}
.diyai-visual-design .sw .sw-composer-tabs button{background:#102030;border:1px solid #203247;color:#cad6e7;border-radius:6px;padding:10px 18px}
.diyai-visual-design .sw .sw-composer-tabs button.is-active{background:#ffa80a;color:#101827;border-color:#ffb534;font-weight:700}
.diyai-visual-design .sw :is(textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]),select){background:#09131f;border-color:#31465f;color:#e3edf9;border-radius:7px}
.diyai-visual-design .sw :is(textarea,input)::placeholder{color:#8d9fb7}
.diyai-visual-design .sw .sw-composer textarea{background:transparent;min-height:150px;color:#ecf3fc}
.diyai-visual-design .sw .sw-composer-tools{border-color:#24384d}
.diyai-visual-design .sw :is(.sw-advanced,.sw-retention-notice,.sw-composer-foot){background:#09131e;border-color:#25384c}
.diyai-visual-design .sw .sw-advanced label{color:#d4dfef}
.diyai-visual-design .sw :is(.sw-context-chip,.sw-chip){background:#17304a;color:#d8e6f9;border-color:#294968}
.diyai-visual-design .sw .sw-empty{background:linear-gradient(110deg,#07131be8 10%,#091726ba 65%,#0a172044),url('../img/brand/creative-hero.webp') right center/cover;border:1px solid #2b4059;border-radius:10px;min-height:270px;padding:40px;color:#b8c8dc}
.diyai-visual-design .sw .sw-empty>svg{color:#ffb21c;background:#142944;border-color:#2d4866}
.diyai-visual-design .sw .sw-empty p{max-width:480px;color:#b8c8dc}
.diyai-visual-design .sw :is(.sw-tool-card,.sw-workflow-card,.sw-recipe-card,.sw-project-card,.sw-asset-card,.sw-entity-card,.sw-model-card,.sw-result-card){background:#0b1826;color:#e1ebf8;border-color:#2a3e56;border-radius:10px}
.diyai-visual-design .sw :is(.sw-tool-card,.sw-workflow-card,.sw-recipe-card,.sw-project-card,.sw-asset-card):hover{background:#12243a;border-color:#63728a}
.diyai-visual-design .sw :is(.sw-tool-icon,.sw-workflow-card .sw-tool-icon,.sw-recipe-icon){background:#152e4a;color:#ffb627;border-color:#2d4968}
.diyai-visual-design .sw .sw-project-cover-empty{background:linear-gradient(130deg,#13273e,#234560);color:#b6c6da}
.diyai-visual-design .sw .sw-project-cover-empty svg{color:#ffb627}
.diyai-visual-design .sw .sw-project-actions{padding:16px;border:1px solid #263c55;background:#0d1927;border-radius:10px}
.diyai-visual-design .sw :is(.sw-dialog,.sw-jobs-drawer,.sw-model-picker,.sw-command-list button,.sw-project-choices button){background:#0d1a2b;color:#e1ebf8;border-color:#2f4761}
.diyai-visual-design .sw dialog::backdrop{background:#01050bd9;backdrop-filter:blur(4px)}
.diyai-visual-design .sw :is(.sw-dialog-heading,.sw-dialog-actions,.sw-job-card){border-color:#29415e}
.diyai-visual-design .sw :is(.sw-command-list button,.sw-project-choices button):hover{background:#18314e}
.diyai-visual-design .sw .sw-toast{background:#f6ad22;color:#101827;border-color:#ffc556}
.diyai-visual-design .sw .sw-inline-error{background:#3d1c22;color:#ffbec4;border-color:#83454e}
.diyai-visual-design .sw :is(.sw-button,.sw-icon-button,.sw-option):focus-visible{outline:3px solid #ffc559;outline-offset:3px}
.diyai-visual-design .sw :is(.sw-search-trigger kbd,.sw-job-count){color:#c6d8ed;border-color:#43556e;background:#192d46}
.diyai-visual-design .sw .sw-mobile-nav a{color:#b8c8dd}.diyai-visual-design .sw .sw-mobile-nav a.is-active{color:#ffb928;background:#14263d}
.diyai-visual-design .sw .diyai-studio-access-notice{background:linear-gradient(110deg,#122943,#0d1b2e);border:1px solid #314d6d;color:#d9e5f5;box-shadow:none}
.diyai-visual-design .sw .diyai-studio-access-copy :is(p,h2){color:#e1ebf8}
.diyai-visual-design .sw .diyai-studio-access-eyebrow{color:#ffb627}
.diyai-visual-design .sw .diyai-studio-access-primary{background:#ffac0c;color:#101827;border-color:#ffb830}
.diyai-visual-design .sw .diyai-studio-access-login{color:#e3edfa;border-color:#546d8b;background:transparent}
/* Specialist controls inherit the same palette without changing their layout or input bindings. */
.diyai-visual-design .sw .sw-specialist{--studio-ink:#e6eef9;--studio-green:#ffac0c;--studio-mint:#ffbf42;--studio-canvas:#07111d;--studio-line:#2c405b;--speech-ink:#e6eef9;--speech-muted:#a6b8d0;--speech-border:#2c405b;color:#e6eef9}
.diyai-visual-design .sw .sw-specialist :is(.diyai-studio-panel,.diyai-studio-controls,.diyai-studio-results,.diyai-speech-card,.diyai-speech-controls,.diyai-speech-results,.diyai-studio-field,.diyai-studio-empty-state){background:#0b1826;border-color:#2b405a;color:#d8e5f6}
.diyai-visual-design .sw .sw-specialist :is(.diyai-studio-primary,.diyai-speech-primary){background:#ffac0c;color:#101827;border-color:#ffbd43}
/* Project canvas, inspector, storyboard and timeline remain the real editor. */
.diyai-visual-design .sw{--sw-paper:#0b1929}
.diyai-visual-design .sw .sw-editor button{background:#10243a;border-color:#344a66;color:#dbe8f9}
.diyai-visual-design .sw .sw-editor button:hover{background:#1b3654;border-color:#647d9d}
.diyai-visual-design .sw .sw-editor button[aria-selected=true],.diyai-visual-design .sw .sw-editor .sw-editor-primary{background:#ffae16;color:#101827;border-color:#ffc34e}
.diyai-visual-design .sw :is(.sw-editor-tabs,.sw-editor-scenes,.sw-editor-scene-actions,.sw-editor-timeline-notice,.sw-editor-track,.sw-editor-help){background:#091726;color:#a4bbd6;border-color:#2b405b}
.diyai-visual-design .sw :is(.sw-editor-node,.sw-editor-scene,.sw-editor-clip,.sw-editor-empty-mark){background:#10253d;color:#dce9fa;border-color:#2c4563}
.diyai-visual-design .sw .sw-editor-note{background:#30291c;border-color:#6b5730;color:#ffedc6}
.diyai-visual-design .sw :is(.sw-editor-node-handle,.sw-editor-note .sw-editor-node-handle){border-color:#3c4a5b}
.diyai-visual-design .sw .sw-editor-canvas{background-color:#06111e;background-image:radial-gradient(#30445e 1px,transparent 1px)}
.diyai-visual-design .sw .sw-editor-preview{background:#12243a}
.diyai-visual-design .sw .sw-editor-scene-number{color:#ffbd3d;background:#243247}
.diyai-visual-design .sw .sw-editor-node.is-selected{outline-color:#ffb830}
.diyai-visual-design .sw .sw-project-editor{--se-bg:#07111c;--se-panel:#0c1a29;--se-line:#2b405b;--se-ink:#e3edf9;--se-muted:#9fb3cc;--se-accent:#ffac0c;background:#091420;border-color:#29405a;color:#e3edf9}
.diyai-visual-design .sw :is(.sw-editor,.sw-editor-shell,.sw-editor-toolbar,.sw-editor-inspector,.sw-editor-sidebar,.sw-editor-stage,.sw-editor-timeline,.sw-editor-panel){background:#0b1826;color:#e3edf9;border-color:#2b405b}
.diyai-visual-design .sw :is(.sw-editor-tab,.sw-editor-mode){color:#bdcde2;background:#12243a;border-color:#29405a}
.diyai-visual-design .sw :is(.sw-editor-tab,.sw-editor-mode).is-active{background:#ffad16;color:#101827}
.diyai-visual-design :is(.sw-route-guide,.diyai-studio-search-content){color:#b7c7dc;background:transparent}
.diyai-visual-design .sw-route-guide>summary{color:#ffb928;border-color:#30445f}
.diyai-visual-design .diyai-studio-search-content :is(h2,h3){color:#e7effb}.diyai-visual-design .diyai-studio-search-content a{color:#ffbd42}
.diyai-visual-design .diyai-studio-application{background:#040b12}
@media(max-width:1100px){.diyai-visual-design .sw{grid-template-columns:190px minmax(0,1fr)}.diyai-visual-design .sw .sw-main{padding:24px}}
@media(min-width:1180px){
 .diyai-visual-design .sw [data-sw-view]:has(>.sw-page-heading):has(>.sw-composer):has(>.sw-generation-results){display:grid;grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}
 .diyai-visual-design .sw [data-sw-view]>.sw-page-heading{grid-column:1/-1;width:100%;margin-bottom:0}
 .diyai-visual-design .sw [data-sw-view]>.sw-composer{margin:0;min-width:0}
 .diyai-visual-design .sw [data-sw-view]>.sw-generation-results{margin:0;min-width:0}
 .diyai-visual-design .sw .sw-generation-results>.sw-empty{min-height:495px;box-sizing:border-box;align-items:flex-start;text-align:left;background:linear-gradient(90deg,#06111bcc,transparent),url('../img/brand/creative-hero.webp') 60% center/cover}
 .diyai-visual-design .sw .sw-generation-results>.sw-empty :is(h3,p){max-width:70%}
 .diyai-visual-design .sw .sw-generation-results>.sw-empty h3{font-size:29px}
 .diyai-visual-design .sw [data-sw-view]>.sw-composer .sw-composer-context{display:none}
 .diyai-visual-design .sw [data-sw-view]>.sw-composer .sw-composer-tabs button{padding:9px;font-size:11px}
 .diyai-visual-design .sw [data-sw-view]>.sw-composer .sw-composer-tools{flex-direction:column;align-items:stretch;gap:14px}
 .diyai-visual-design .sw [data-sw-view]>.sw-composer .sw-generate{width:100%}
 .diyai-visual-design .sw [data-sw-view]>.sw-composer .sw-composer-foot{flex-wrap:wrap;gap:10px}
}
@media(max-width:800px){.diyai-visual-design .sw{grid-template-columns:1fr}.diyai-visual-design .sw .sw-main{padding:20px}.diyai-visual-design .sw .sw-composer-tabs button{padding:9px 12px}.diyai-visual-design .sw .sw-empty{padding:30px;min-height:240px}}
@media(max-width:540px){.diyai-visual-design .sw .sw-main{padding:16px 12px calc(92px + var(--diyai-consent-height,0px))}.diyai-visual-design .sw .sw-empty{padding:25px 18px;min-height:240px}.diyai-visual-design .sw h1{font-size:29px}.diyai-visual-design .sw .sw-composer-tabs{gap:3px;padding:6px}.diyai-visual-design .sw .sw-composer-tabs button{padding:9px;font-size:11px}.diyai-visual-design .sw .sw-composer textarea{min-height:155px}.diyai-visual-design .sw .sw-project-actions{padding:12px}}
/* Legacy input and auxiliary panel colors use important rules in the base stylesheet. */
.diyai-visual-design .sw .sw-composer textarea{background:#0c1825!important;color:#edf3fc!important}
.diyai-visual-design .sw .sw-composer textarea::placeholder{color:#9dafc8!important}
.diyai-visual-design .sw :is(.sw-search-trigger,.sw-breadcrumb strong,.sw-retention-notice,.sw-retention-notice summary){color:#aec0d9!important}
.diyai-visual-design .sw :is(.sw-auto-card,.sw-cost-preview,.sw-command-search,.sw-entity-choices>button,.sw-asset-action-grid>button,.sw-asset-action-grid>a){background:#11253c;color:#d8e7f8;border-color:#345071}
.diyai-visual-design .sw :is(.sw-model-card.is-selected,.sw-model-card:hover,.sw-picker-tabs button.is-active){background:#193650;color:#ffbd42;border-color:#bf8a2f}
.diyai-visual-design .sw :is(.sw-auto-card small,.sw-model-meta,.sw-model-meta b,.sw-model-tags,.sw-model-card>small,.sw-cost-preview p,.sw-provenance dd,.sw-job p,.sw-job small){color:#a9bed8}
.diyai-visual-design .sw :is(.sw-model-monogram,.sw-job-symbol){background:#203852;color:#ffbd42}
.diyai-visual-design .sw .sw-empty{max-width:none;width:100%;box-sizing:border-box}
.diyai-visual-design .sw .sw-inline-error{color:#ffbfc8!important}
.diyai-visual-design .sw .sw-ratio{padding:0}
.diyai-visual-design .sw .sw-ratio select{min-width:74px;width:74px!important;padding:8px 20px 8px 9px!important;font-size:12px!important;text-overflow:clip}
.diyai-visual-design .sw .sw-generation-results>.sw-empty p{margin-left:0;margin-right:0;text-align:inherit}
/* Native voice and specialist surfaces also use the Studio palette. */
.diyai-visual-design .sw :is(.sw-voice-navigation,.sw-voice-menu){background:#0c1928;border-color:#2c4058}
.diyai-visual-design .sw .sw-voice-menu a:hover{background:#18304c}
.diyai-visual-design .sw .sw-voice-menu a[aria-current=page]{background:#ffac0c;color:#101827}
.diyai-visual-design .sw .sw-specialist :is(.diyai-studio-media-showcase,.diyai-ipl-summary,.diyai-speech-upload,.diyai-voice-upload,.diyai-speech-result,.diyai-creative-result,.diyai-ipl-result-card,.diyai-studio-compare-output,.diyai-ipl-compare-tile,.diyai-studio-example-list button,.diyai-ipl-model-card,.diyai-speech-secondary,.diyai-speech-download,.diyai-voice-choice,.diyai-voice-use,.diyai-speech-price){background:#102239;color:#dce7f6;border-color:#304861}
.diyai-visual-design .sw .sw-specialist :is(.diyai-speech-consent,.diyai-studio-disclosure){color:#b8c9dd}
.diyai-visual-design .sw .sw-specialist :is(.diyai-speech-primary,.diyai-studio-submit,a.diyai-studio-access-primary){background:#ffac0c;color:#101827!important;border-color:#ffbf42}
.diyai-visual-design .sw .sw-specialist :is(.diyai-speech-primary,.diyai-studio-submit):hover:not(:disabled){background:#ffc14a}

/* Studio home has its own composition; generation pages keep the split workspace. */
.diyai-visual-design .sw [data-sw-view]:has(>.sw-welcome){display:block}
.diyai-visual-design .sw .sw-welcome{margin:0 0 24px}
.diyai-visual-design .sw .sw-welcome h1 span{font-family:inherit;font-style:normal;color:#ffb21c}
.diyai-visual-design .sw .sw-welcome p{color:#b7c7dc}
.diyai-visual-design .sw [data-sw-view]:has(>.sw-welcome)>.sw-generation-results{margin-top:26px}
.diyai-visual-design .sw :is(.sw-section,.sw-feature-band){margin-top:30px}
.diyai-visual-design .sw .sw-section-heading{margin-bottom:16px}
.diyai-visual-design .sw .sw-section-heading h2{font-size:23px;line-height:1.25}
.diyai-visual-design .sw :is(.sw-recipe-copy p,.sw-recipe-steps,.sw-asset-copy small,.sw-project-card p,.sw-activation a,.sw-feature-band p){color:#aebfd5}
.diyai-visual-design .sw .sw-feature-band{background:#102138;border:1px solid #2b4059;border-radius:10px;overflow:hidden}
.diyai-visual-design .sw .sw-feature-band h2{color:#f2f6fc}
.diyai-visual-design .sw .sw-intents{justify-content:flex-start;gap:8px;margin:20px 0 0}
.diyai-visual-design .sw .sw-intents button{background:#102239;color:#c9d7e9;border-color:#314760;border-radius:7px;min-height:40px}
.diyai-visual-design .sw .sw-intents button:hover{background:#1b3450;border-color:#ffb21c;color:#fff}
.diyai-visual-design .sw :is(.sw-asset-preview,.sw-asset-thumb,.sw-asset-placeholder,.sw-asset-media,.sw-arena-image){background:linear-gradient(135deg,#11253d,#213e57);color:#a9bdd5}
.diyai-visual-design .sw .sw-asset-preview:is(.is-video,.is-audio,.is-image){background:#142c46}
.diyai-visual-design .sw .sw-sample-label{background:#07111dd9;color:#fff}
.diyai-visual-design .sw .sw-activation{border-color:#2b4059}
.diyai-visual-design .sw .sw-activation a.is-complete{color:#d2e7cf}
.diyai-visual-design .sw .sw-asset-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
@media(min-width:1180px){
 .diyai-visual-design .sw [data-sw-view]:has(>.sw-welcome):has(>.sw-generation-results>.sw-empty){display:grid;grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr);gap:22px}
 .diyai-visual-design .sw [data-sw-view]:has(>.sw-welcome):has(>.sw-generation-results>.sw-empty)>:is(.sw-welcome,.sw-intents,.sw-section,.sw-feature-band,.sw-activation){grid-column:1/-1;margin-top:0}
 .diyai-visual-design .sw [data-sw-view]:has(>.sw-welcome):has(>.sw-generation-results>.sw-empty)>.sw-generation-results{margin:0}
 .diyai-visual-design .sw [data-sw-view]:has(>.sw-welcome)>.sw-generation-results>.sw-empty{min-height:400px}
 .diyai-visual-design .sw .sw-feature-band{max-height:330px}
 .diyai-visual-design .sw .sw-feature-image img{height:100%;object-fit:cover}
}
@media(max-width:540px){.diyai-visual-design .sw .sw-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.diyai-visual-design .sw .sw-section-heading h2{font-size:21px}.diyai-visual-design .sw .sw-feature-band>div:first-child{padding:22px}.diyai-visual-design .sw .sw-intents button{font-size:11px}.diyai-visual-design .sw .sw-welcome{margin-bottom:22px}}

.diyai-visual-design .sw .sw-generation-results>.sw-empty{margin:0}
.diyai-visual-design .sw .sw-welcome h1 span{font-weight:700}
/* Media placeholders and the compact affiliate link use the same dark palette. */
.diyai-visual-design .sw :is(.sw-video-art,.sw-audio-art,.sw-media-preview,.sw-audio-preview){background:linear-gradient(135deg,#11253d,#213e57);color:#9db8d8}
.diyai-visual-design .sw .sw-affiliate-mobile{color:#b9cce5!important}
.diyai-visual-design .sw .sw-affiliate-mobile:hover{color:#ffbd42!important}
/* Studio result actions, explanatory artwork and the retained editorial guide. */
.diyai-visual-design .sw .diyai-studio-media-actions{flex-wrap:wrap;gap:10px}
.diyai-visual-design .sw :is(.diyai-studio-media-download,.diyai-studio-media-save){background:#ffa600!important;color:#071321!important;border:1px solid #ffa600!important;box-shadow:none!important;min-height:42px;border-radius:8px;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out}
.diyai-visual-design .sw .diyai-studio-media-save.is-saved{background:#172e46!important;border-color:#ffa600!important;color:#ffbd42!important}
.diyai-visual-design .sw :is(.diyai-studio-media-download,.diyai-studio-media-save):hover{background:#ffbd42!important;color:#071321!important;border-color:#ffbd42!important}
.diyai-visual-design .sw .diyai-studio-media-save::before{background:currentColor!important}
.diyai-visual-design .sw .diyai-tool-empty-hero{background:#0c1d30;border-color:#304a67;overflow:hidden}
.diyai-visual-design .sw .diyai-tool-empty-art{width:100%;max-width:none;margin:0;background:#06111d;overflow:hidden;border-radius:10px}
.diyai-visual-design .sw .diyai-tool-empty-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.diyai-visual-design .sw .diyai-tool-empty-copy :is(h3,p){max-width:52ch}
.diyai-visual-design .sw .diyai-tool-empty-ideas li{background:#14283f;color:#c7d6e9;border-color:#314b67}
.diyai-visual-design .diyai-studio-page-main{background:#040b12!important;color:#c7d6e9}
.diyai-visual-design .sw-route-guide{background:#0b1826!important;color:#c7d6e9!important;border:1px solid #314b67;border-radius:12px;overflow:hidden}
.diyai-visual-design .sw-route-guide>summary{background:#102239!important;color:#f2f6fc!important;border:0!important;border-radius:0;padding:22px 26px}
.diyai-visual-design .sw-route-guide>summary:hover{color:#ffbd42!important}
.diyai-visual-design .diyai-studio-search-content{background:#0b1826!important;color:#c7d6e9!important}
.diyai-visual-design .diyai-studio-search-content section{background:#102239!important;border-color:#314b67!important;box-shadow:none!important}
.diyai-visual-design .diyai-studio-search-content :is(h2,h3,h4){color:#f2f6fc!important}
.diyai-visual-design .diyai-studio-search-content :is(p,li){color:#c7d6e9!important}
.diyai-visual-design .diyai-studio-search-content a{color:#ffbd42!important}
.diyai-visual-design .diyai-studio-access-notice{border-color:#5f5137;background:linear-gradient(115deg,#142d4b,#091725)}
.diyai-visual-design .diyai-studio-access-terms{font-size:12px!important;line-height:1.6!important;color:#c7d6e9!important}

/* One outer panel per area; controls and explanatory artwork share the row. */
.diyai-visual-design .sw-route-guide .diyai-studio-search-content li::marker{color:#ffad0a}
.diyai-visual-design .sw .diyai-speech-grid{align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr))}
.diyai-visual-design .sw .diyai-speech-grid>:is(.diyai-speech-controls,.diyai-speech-results){margin:0;min-width:0;height:100%;box-sizing:border-box}
.diyai-visual-design .sw .sw-specialist .diyai-tool-empty-hero{padding:0;border:0;border-radius:0;background:transparent;gap:20px;min-height:0}
.diyai-visual-design .sw .diyai-tool-empty-art{border:0;box-shadow:none}
.diyai-visual-design .sw .diyai-tool-access-gate{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #2b4059}
.diyai-visual-design .sw .diyai-tool-fields{margin:0;padding:0;border:0;min-width:0}
.diyai-visual-design .sw-route-guide{padding:0!important}
.diyai-visual-design .sw-route-guide>summary{margin:0!important;padding:22px 26px!important;background:transparent!important;transition:color .2s ease-in-out,background-color .2s ease-in-out}
.diyai-visual-design .sw-route-guide .diyai-studio-search-content{margin:0!important;max-width:none!important;padding:0 26px 26px!important;background:transparent!important}
.diyai-visual-design .sw-route-guide .diyai-studio-search-content section{padding:24px 0!important;margin:0!important;border:0!important;border-top:1px solid #293d55!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.diyai-visual-design .sw-route-guide .diyai-studio-search-content .diyai-studio-faq{border:0!important;border-radius:0!important;background:transparent!important;padding:14px 0!important}
@media(min-width:1100px){
 .diyai-visual-design .sw [data-sw-view]:has(>.sw-composer):has(>.sw-generation-results>.sw-empty){align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr))}
 .diyai-visual-design .sw [data-sw-view]:has(>.sw-generation-results>.sw-empty)>.sw-composer{height:100%;display:flex;flex-direction:column;box-sizing:border-box}
 .diyai-visual-design .sw [data-sw-view]:has(>.sw-generation-results>.sw-empty)>.sw-composer textarea{flex:1;min-height:160px}
 .diyai-visual-design .sw [data-sw-view]:has(>.sw-composer)>.sw-generation-results:has(>.sw-empty){height:100%;margin:0}
 .diyai-visual-design .sw [data-sw-view]:has(>.sw-composer)>.sw-generation-results>.sw-empty{height:100%;box-sizing:border-box;min-height:430px}
}
@media(max-width:850px){.diyai-visual-design .sw .diyai-speech-grid{grid-template-columns:1fr}.diyai-visual-design .sw .diyai-speech-grid>:is(.diyai-speech-controls,.diyai-speech-results){height:auto}}
@media(max-width:540px){.diyai-visual-design .sw-route-guide>summary{padding:18px!important}.diyai-visual-design .sw-route-guide .diyai-studio-search-content{padding:0 18px 18px!important}}

/* Keep the specialist introduction separate from the offer without a double rule. */
.diyai-visual-design .sw:has([data-sw-specialist]) [data-sw-view]>.sw-page-heading{border-bottom:0}
.diyai-visual-design .sw [data-specialist-tool=clone] .diyai-speech-results>a.diyai-speech-secondary{margin-bottom:18px}

/* A coherent filter toolbar, with room for each label at every width. */
.diyai-visual-design .sw .sw-library-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;border:0;padding:0;margin:0 0 20px}
.diyai-visual-design .sw .sw-library-search{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-width:0;padding:0 14px;background:#0b1928;border:1px solid #30465f;border-radius:8px;color:#9db3ce}
.diyai-visual-design .sw .sw-library-search input{flex:1;min-width:0;width:100%;min-height:46px;padding:10px 0;background:transparent;border:0;border-radius:0;box-shadow:none;color:#edf3fb;outline:0}
.diyai-visual-design .sw .sw-library-search:focus-within{border-color:#ffa600;box-shadow:0 0 0 2px #ffa60033}
.diyai-visual-design .sw .sw-library-search input::placeholder{color:#9db3ce;opacity:1}
.diyai-visual-design .sw .sw-library-search svg{width:18px;height:18px;flex-shrink:0;color:#9db3ce}
.diyai-visual-design .sw .sw-library-controls :is(select,button){width:100%;max-width:none;min-width:0;min-height:44px;margin:0;padding:10px 12px;border:1px solid #30465f;border-radius:8px;background-color:#0b1928;color:#edf3fb;color-scheme:dark;font:inherit;font-size:13px}
.diyai-visual-design .sw .sw-library-controls :is(select,button):focus-visible{outline:2px solid #ffa600;outline-offset:2px}
.diyai-visual-design .sw .sw-library-controls option{background:#0b1928;color:#edf3fb}
.diyai-visual-design .sw .sw-library-controls .sw-option[aria-pressed=true]{border-color:#ffa600;background:#ffa600;color:#071321}
@media(max-width:1100px){.diyai-visual-design .sw .sw-library-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.diyai-visual-design .sw .sw-library-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Studio dialogs: clear media, readable history and consistent actions. */
.diyai-visual-design .sw .sw-dialog{padding:24px;max-height:90dvh;border:1px solid #354d69;border-radius:16px;background:#0d1a2b;color:#e7effb;box-shadow:0 28px 100px #0009;scrollbar-width:thin;scrollbar-color:#536b88 #0d1a2b}
.diyai-visual-design .sw .sw-dialog-wide{width:min(980px,calc(100vw - 32px))}
.diyai-visual-design .sw .sw-dialog::backdrop{background:#020812cc;backdrop-filter:blur(7px)}
.diyai-visual-design .sw .sw-dialog-heading{position:sticky;top:-24px;z-index:4;align-items:center;margin:-24px -24px 22px;padding:20px 24px;background:#101f33;border-bottom:1px solid #2d435e}
.diyai-visual-design .sw .sw-dialog-heading h2{margin:0;color:#fff;font-size:24px;font-weight:700;line-height:1.25}
.diyai-visual-design .sw .sw-dialog-heading>.sw-icon-button{margin:0;min-width:36px;width:36px;height:36px;border:1px solid #3a526d;border-radius:8px;color:#dbe8fa;background:#162b44}
.diyai-visual-design .sw .sw-dialog .sw-dialog-intro{color:#c7d6e9!important;font-size:14px;line-height:1.7!important}
.diyai-visual-design .sw .sw-asset-detail{background:#030910;border:1px solid #263d57;border-radius:12px;margin:0 0 16px}
.diyai-visual-design .sw .sw-asset-detail video{display:block;width:100%;aspect-ratio:16/9;min-height:190px;max-height:48dvh;object-fit:contain;background:#000}
.diyai-visual-design .sw .sw-asset-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0 24px}
.diyai-visual-design .sw .sw-asset-action-grid>:is(button,a){justify-content:center;min-height:44px;padding:10px 12px;border:1px solid #354e6d;border-radius:8px;background:#152b44;color:#e7effb;font-size:12px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none}
.diyai-visual-design .sw .sw-asset-action-grid>:is(button,a):hover{background:#203d5e;border-color:#6a86a8}
.diyai-visual-design .sw .sw-asset-action-grid>a[download]{background:#ffa600;border-color:#ffa600;color:#071321}
.diyai-visual-design .sw .sw-asset-action-grid>button:disabled{background:#0b1624;border-color:#293c54;color:#94a9c3;opacity:1}
.diyai-visual-design .sw .sw-provenance{padding:18px;border:1px solid #293f59;border-radius:10px;background:#091625}
.diyai-visual-design .sw .sw-provenance summary{font-size:14px;font-weight:700;color:#e7effb;cursor:pointer}
.diyai-visual-design .sw .sw-provenance dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}
.diyai-visual-design .sw .sw-provenance dt{font-size:10px;letter-spacing:.8px;color:#9fb5d0;line-height:1.5}
.diyai-visual-design .sw .sw-provenance dd{font-size:13px;color:#e0eafb;line-height:1.6;margin:5px 0 0}
.diyai-visual-design .sw .sw-provenance h3{font-size:13px;font-weight:700;color:#e0eafb}
.diyai-visual-design .sw .sw-prompt-provenance{padding:14px;margin-top:8px;border-radius:8px;background:#102238;color:#c7d6e9!important;font-size:13px;line-height:1.75;overflow-wrap:anywhere}
.diyai-visual-design #diyai-workspace .sw-dialog .sw-retention-notice{padding:4px 0;color:#a9bdd7}
.diyai-visual-design #diyai-workspace .sw-dialog .sw-retention-notice summary{color:#c7d6e9}
@media(max-width:600px){.diyai-visual-design .sw .sw-dialog{padding:18px;width:calc(100vw - 24px);max-height:92dvh}.diyai-visual-design .sw .sw-dialog-heading{top:-18px;margin:-18px -18px 18px;padding:16px 18px}.diyai-visual-design .sw .sw-dialog-heading h2{font-size:21px}.diyai-visual-design .sw .sw-asset-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diyai-visual-design .sw .sw-provenance dl{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* A speech-route header offset must not leave a blank strip over the workspace sidebar. */
body.diyai-visual-design:has(#diyai-workspace){--studio-site-header:0px!important}
body.diyai-visual-design.admin-bar:has(#diyai-workspace){--studio-site-header:32px!important}
@media(max-width:782px){body.diyai-visual-design.admin-bar:has(#diyai-workspace){--studio-site-header:46px!important}}
.diyai-visual-design .diyai-studio-search-content>nav{padding:22px 0 0;margin-top:24px;border:0;border-top:1px solid #314b67;border-radius:0;background:transparent;box-shadow:none}
.diyai-visual-design .diyai-studio-search-content>nav ul{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 0;padding:0;list-style:none}
.diyai-visual-design .diyai-studio-search-content>nav li{margin:0;padding:0}
.diyai-visual-design .diyai-studio-search-content>nav a{display:block;padding:10px 14px;min-height:44px;box-sizing:border-box;border:1px solid #405572;border-radius:7px;background:#102239;color:#ffbd42!important;text-decoration:underline;text-underline-offset:3px}

/* The classic video controls share the workspace palette in both input modes. */
.diyai-visual-design .sw [data-media-panel=video]{--studio-muted:#a9bdd7;--studio-mint-soft:#172e46;--studio-ink:#e7effb;--studio-green:#ffa600;--studio-line:#354d69;align-items:stretch;gap:24px}
.diyai-visual-design .sw [data-media-panel=video] :is(.diyai-studio-control,.diyai-studio-stage){min-width:0;border:1px solid #2b405a;border-radius:11px;background:#0b1826;color:#d8e5f6;box-shadow:none}
.diyai-visual-design .sw [data-media-panel=video] :is(select,textarea){background:#081321!important;color:#e7effb!important;border:1px solid #405572!important;border-radius:8px;min-height:44px;box-shadow:none}
.diyai-visual-design .sw [data-media-panel=video] textarea::placeholder{color:#a9bdd7;opacity:1}
.diyai-visual-design .sw [data-media-panel=video] .diyai-studio-tabs{gap:8px;background:transparent;border:0}
.diyai-visual-design .sw [data-media-panel=video] .diyai-studio-tabs button{min-height:44px;border:1px solid #405572;border-radius:8px;background:#102239;color:#dce7f6;font-weight:600}
.diyai-visual-design .sw [data-media-panel=video] .diyai-studio-tabs button.is-active{background:#ffa600;border-color:#ffa600;color:#071321!important}
.diyai-visual-design .sw [data-media-panel=video] .diyai-video-source-drop{min-height:180px;box-sizing:border-box;border:1px dashed #637995;background:#102239;color:#c7d6e9;padding:24px 18px;box-shadow:none}
.diyai-visual-design .sw [data-media-panel=video] .diyai-video-source-drop strong{color:#f2f6fc}
.diyai-visual-design .sw [data-media-panel=video] .diyai-video-source-drop:is(:hover,:focus-visible,.is-dragging){background:#172e46;border-color:#ffbd42;outline:2px solid #ffbd42;outline-offset:3px;box-shadow:none}
.diyai-visual-design .sw [data-media-panel=video] :is([data-video-upload-trigger],.diyai-studio-submit){min-height:44px;border:1px solid #ffa600;border-radius:8px;background:#ffa600;color:#071321!important;font-weight:700}
.diyai-visual-design .sw [data-media-panel=video] :is(.diyai-video-library-toggle,.diyai-studio-chips button){min-height:42px;background:#142b44;color:#ffca6b;border:1px solid #405572;border-radius:8px}
.diyai-visual-design .sw [data-media-panel=video] :is(.diyai-video-source-selected,.diyai-video-library,.diyai-video-job-source,[data-video-library-item]){background:#102239;color:#c7d6e9;border-color:#405572}
.diyai-visual-design .sw [data-media-panel=video] .diyai-video-source-selected button{color:#ffbd42}
.diyai-visual-design .sw [data-media-panel=video] .diyai-video-crop-confirm{background:#30271b;color:#ffe0a6;border-color:#896329}
.diyai-visual-design .sw [data-media-panel=video] .diyai-studio-credit-row{background:#102239;border-color:#354d69;color:#c7d6e9}
.diyai-visual-design .sw [data-media-panel=video] .diyai-studio-credit-row strong{color:#ffbd42}
.diyai-visual-design .sw [data-media-panel=video] .diyai-studio-media-showcase.diyai-studio-media-showcase--video{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:24px;padding:0;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}
.diyai-visual-design .sw [data-media-panel=video] .diyai-studio-media-empty-copy{order:0;box-sizing:border-box;width:100%;max-width:none;padding:0;gap:12px;text-align:left}
.diyai-visual-design .sw [data-media-panel=video] .diyai-studio-media-empty-copy h4{max-width:26ch;margin:10px 0 12px;font-size:clamp(23px,2.2vw,30px);line-height:1.2;color:#f2f6fc}
.diyai-visual-design .sw [data-media-panel=video] .diyai-studio-media-empty-copy p{max-width:60ch;margin:0;line-height:1.65;color:#c7d6e9}
.diyai-visual-design .sw [data-media-panel=video] .diyai-studio-media-empty-copy small{display:block;margin:0;font-size:12px;line-height:1.5;letter-spacing:.1em;color:#ffbd42}
.diyai-visual-design .sw [data-media-panel=video] .diyai-studio-video-artwork{order:1;display:block;width:100%;height:auto;max-width:none;aspect-ratio:3/2;object-fit:contain;border-radius:9px}
.diyai-visual-design .sw [data-media-panel=video] .diyai-studio-example-list button{background:#102239;border-color:#354d69;color:#e7effb}
.diyai-visual-design .sw [data-media-panel=video] .diyai-studio-example-list button span{color:#a9bdd7}
/* Recipe details appear after choosing Make it yours in Workflows. */
.diyai-visual-design .sw .sw-outcome-controls{background:#102239;border-color:#354d69;margin-top:0;padding:20px 24px;gap:16px}
.diyai-visual-design .sw .sw-outcome-controls>div{flex-wrap:wrap;gap:8px 14px}
.diyai-visual-design .sw .sw-outcome-controls .sw-eyebrow{color:#ffbd42}
.diyai-visual-design .sw .sw-outcome-controls :is(strong,label){color:#e7effb;font-size:12px;line-height:1.5}
.diyai-visual-design .sw .sw-outcome-controls input{min-width:0;min-height:44px;background:#071321;border-color:#46617f;color:#f2f6fc;font-size:13px}
.diyai-visual-design .sw .sw-outcome-controls input::placeholder{color:#a9bdd7;opacity:1}
.diyai-visual-design .sw .sw-outcome-controls input:focus-visible{outline:2px solid #ffbd42;outline-offset:2px;border-color:#ffbd42}
.diyai-visual-design .sw .sw-asset-type{background:#102239;color:#ffbd42;border:1px solid #46617f}
.diyai-visual-design .sw .sw-preview-duration{background:#071321e6;color:#e7effb;border:1px solid #46617f}
@media(max-width:700px){.diyai-visual-design .sw [data-media-panel=video]{grid-template-columns:minmax(0,1fr)}.diyai-visual-design .sw [data-media-panel=video] :is(.diyai-studio-control,.diyai-studio-stage){padding:18px}.diyai-visual-design .sw [data-media-panel=video] .diyai-studio-tabs button{padding:10px;font-size:12px}}

/* Give an active generation and the newest result their own preview stage. */
.diyai-visual-design .sw .sw-generation-results>.sw-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}
.diyai-visual-design .sw .sw-generation-results .diyai-generation-progress{grid-column:1/-1;min-height:clamp(360px,38vw,500px);aspect-ratio:auto;margin:0}
.diyai-visual-design .sw .sw-generation-results>.sw-asset-grid:not(:has(.diyai-generation-progress))>.sw-asset-card:first-child{grid-column:1/-1}
.diyai-visual-design .sw .sw-generation-results>.sw-asset-grid:not(:has(.diyai-generation-progress))>.sw-asset-card:first-child .sw-asset-media{aspect-ratio:4/3;max-height:580px;background:#071321}
.diyai-visual-design .sw .sw-generation-results>.sw-asset-grid:not(:has(.diyai-generation-progress))>.sw-asset-card:first-child .sw-asset-media>img{object-fit:contain}
.diyai-visual-design .sw .sw-generation-results>.sw-asset-grid:not(:has(.diyai-generation-progress))>.sw-asset-card:first-child .sw-asset-copy{padding:16px 18px}
.diyai-visual-design .sw .sw-generation-results>.sw-asset-grid:not(:has(.diyai-generation-progress))>.sw-asset-card:first-child .sw-asset-copy strong{font-size:16px;line-height:1.4}
.diyai-visual-design .diyai-generation-progress{background:radial-gradient(ellipse at 50% 0,#203852 0,transparent 65%),#0b1826;border:1px solid #405775;border-radius:12px;color:#e7effb;box-shadow:inset 0 1px 0 #ffffff08}
.diyai-visual-design .diyai-generation-progress .gp-card{max-width:560px;padding:36px 28px}
.diyai-visual-design .diyai-generation-progress .gp-card h3{color:#f2f6fc;font-size:clamp(24px,2.2vw,32px);line-height:1.2;margin:24px 0 12px;letter-spacing:-.025em}
.diyai-visual-design .diyai-generation-progress :is(.gp-state,.gp-estimate){color:#c7d6e9;line-height:1.65}
.diyai-visual-design .diyai-generation-progress .gp-help{color:#a9bdd7;font-size:13px}
.diyai-visual-design .diyai-generation-progress .gp-time{color:#ffbd42;font-size:14px}
.diyai-visual-design .diyai-generation-progress .gp-art{width:72px;height:72px}
.diyai-visual-design .diyai-generation-progress .gp-art span{inset:0;border:2px solid #ffbd4233;border-top-color:#ffbd42;border-radius:50%;background:transparent;opacity:1}
.diyai-visual-design .diyai-generation-progress .gp-art span:nth-child(2){inset:10px;border-color:#ffbd4226;border-bottom-color:#ffa600;background:transparent;transform:rotate(55deg)}
.diyai-visual-design .diyai-generation-progress .gp-art span:nth-child(3){inset:29px;border:0;background:#ffbd42;box-shadow:0 0 22px #ffa60055}
.diyai-visual-design .diyai-generation-progress .gp-track{height:6px;margin:26px 0 16px;background:#263f59}
.diyai-visual-design .diyai-generation-progress .gp-track span{background:#ffa600}
.diyai-visual-design .diyai-generation-progress button{min-height:44px;background:#172e46;border:1px solid #526c8a;border-radius:8px;color:#f2f6fc;font-size:14px;font-weight:600}
.diyai-visual-design .diyai-generation-progress button:hover{background:#24425e;border-color:#ffbd42}
.diyai-visual-design .diyai-generation-progress button:focus-visible{outline:2px solid #ffbd42;outline-offset:3px}
@media(max-width:600px){.diyai-visual-design .sw .sw-generation-results>.sw-asset-grid{grid-template-columns:minmax(0,1fr)}.diyai-visual-design .sw .sw-generation-results .diyai-generation-progress{min-height:350px}.diyai-visual-design .diyai-generation-progress .gp-card{padding:28px 20px}}