/* Last-loaded, public-generator presentation layer. Never applies to management.
   Shared geometry keeps the Image / Video / Audio switch stationary between routes. */
html[data-generator-shell]:has(body:not(.video-management):not([data-page="admin"])){color-scheme:dark;background:#1c1c1f}
html[data-generator-shell] body:not(.video-management):not([data-page="admin"]){--generator-panel:#28282c;--generator-line:#404046;--generator-muted:#adadb7;--generator-gap:22px;--generator-composer:340px;--ws-bg:#1c1c1f;--ws-panel:#28282c;--ws-line:#404046;--image-panel:#28282c;--image-field:#202024;background:#1c1c1f;color:#f3f3f5;font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}
html[data-generator-shell] body.creative-shell:not(.video-management):not([data-page="admin"]){padding-left:200px!important}
html[data-generator-shell] body:not(.video-management) .creative-sidebar{width:200px!important;padding:22px 12px!important;background:#202023;border-right:1px solid #343438}
html[data-generator-shell] body:not(.video-management) .creative-brand{display:block;padding:0 9px;font-size:21px!important;line-height:1.4}
html[data-generator-shell] body:not(.video-management) .creative-sidebar nav{gap:4px}
html[data-generator-shell] body:not(.video-management) .creative-sidebar nav a{font-size:12px!important;line-height:1.4;min-height:40px!important;padding:11px 10px!important;border-radius:8px}
html[data-generator-shell] body:not(.video-management) .creative-sidebar nav a[aria-current]{background:#353539!important;color:#fff!important}
html[data-generator-shell] body:not(.video-management) .generator-main{width:100%;max-width:1840px!important;margin:0 auto!important;padding:16px 24px 36px!important;min-width:0;box-sizing:border-box}
html[data-generator-shell] body:not(.video-management) .generator-main>.studio-userbar{height:40px;min-height:40px;margin:0 0 14px;gap:10px;flex-wrap:nowrap}
html[data-generator-shell] body:not(.video-management) .generator-main>.eyebrow{display:none}
html[data-generator-shell] body:not(.video-management) .generator-heading{display:block!important;height:80px;min-height:80px;margin:0!important;padding:0 0 18px!important;border:0!important;background:transparent!important;box-sizing:border-box}
html[data-generator-shell] body:not(.video-management) .generator-heading h1{display:block!important;font:800 28px/1.25 Inter,Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.75px;margin:0 0 8px!important;color:#f7f7f9}
html[data-generator-shell] body:not(.video-management) .generator-heading p{max-width:none!important;margin:0!important;font-size:13px!important;line-height:1.5!important;letter-spacing:0;color:#b8b8c1!important}
html[data-generator-shell] body:not(.video-management) .generator-trial-promo{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title action" "detail action";align-content:center;align-items:center;gap:4px 16px;min-height:84px;margin:0 0 16px;padding:12px 16px;border:1px solid #55434d;border-radius:11px;background:#30282e;box-sizing:border-box;color:#f6edf1}
html[data-generator-shell] body:not(.video-management) .generator-trial-title{grid-area:title;font-size:13px;font-weight:750;line-height:1.5}
html[data-generator-shell] body:not(.video-management) .generator-trial-detail{grid-area:detail;font-size:11px;line-height:1.6;color:#ccc1c8}
html[data-generator-shell] body:not(.video-management) .generator-trial-link{grid-area:action;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid #9c6477;border-radius:8px;background:#45303c;color:#fff;text-decoration:none;white-space:nowrap;font-size:12px;font-weight:750;box-sizing:border-box}
html[data-generator-shell] body:not(.video-management) .generator-trial-link:hover{background:#583a48;border-color:#d995ab}
html[data-generator-shell] body:not(.video-management) .generator-trial-link:focus-visible{outline:2px solid #ff91a6;outline-offset:3px}
html[data-generator-shell] body:not(.video-management) .generator-main>.video-card:first-of-type{padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important}
html[data-generator-shell] body:not(.video-management) .generator-workbench{display:grid!important;grid-template-columns:var(--generator-composer) minmax(0,1fr)!important;grid-template-rows:36px auto;grid-template-areas:"create tabs" "create browse"!important;gap:12px var(--generator-gap)!important;align-items:start;min-width:0}
html[data-generator-shell] body:not(.video-management) .generator-composer{grid-area:create;position:static!important;display:flex!important;flex-direction:column;align-self:start;gap:0!important;min-width:0;width:100%;padding:18px!important;margin:0!important;background:var(--generator-panel)!important;border:1px solid var(--generator-line)!important;border-radius:14px!important;box-sizing:border-box}
html[data-generator-shell] body:not(.video-management) .generator-composer[hidden]{display:none!important}
html[data-generator-shell] body:not(.video-management) .generator-mode-tabs{display:flex!important;align-items:center;flex:0 0 auto;height:46px;min-height:46px;max-height:46px;width:100%;gap:3px!important;margin:0 0 20px!important;padding:4px!important;border:1px solid #47474d!important;border-radius:26px!important;background:#353539!important;box-sizing:border-box}
html[data-generator-shell] body:not(.video-management) .generator-mode-tabs a{display:flex;flex:1;align-items:center;justify-content:center;min-width:0;height:36px;min-height:36px;max-height:36px;padding:5px 7px!important;margin:0;border:0;border-radius:22px!important;font:750 13px/1.25 Inter,Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;text-align:center;text-decoration:none;color:#c9c9d0!important;box-shadow:none!important}
html[data-generator-shell] body:not(.video-management) .generator-mode-tabs a[aria-current="page"]{background:#19191c!important;color:#fff!important}
html[data-generator-shell] body:not(.video-management) .generator-mode-tabs a:hover{background:#414146;color:#fff!important}
html[data-generator-shell] body:not(.video-management) .generator-mode-tabs a:focus-visible{outline:2px solid #ff91a6;outline-offset:3px}
html[data-generator-shell] body:not(.video-management) .generator-view-tabs{grid-area:tabs;position:static!important;display:flex!important;align-items:center;justify-content:flex-start!important;gap:5px!important;min-width:0;min-height:36px;height:36px;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-sizing:border-box}
html[data-generator-shell] body:not(.video-management) .generator-view-tabs button{flex:0 1 auto!important;min-width:0;min-height:34px;height:34px;max-height:34px;margin:0!important;padding:7px 12px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;font-size:12px!important;font-weight:700!important;line-height:1.4!important;white-space:nowrap;color:#a9a9b4!important}
html[data-generator-shell] body:not(.video-management) .generator-view-tabs button:is([aria-selected="true"],[aria-current="true"]){background:#353539!important;border-color:#45454c!important;color:#fff!important}
html[data-generator-shell] body:not(.video-management) :is(.image-workspace-browser,.workspace-browser,.audio-template-panel,.audio-results-panel){grid-area:browse;min-width:0;width:100%;margin:0}
html[data-generator-shell] body:not(.video-management) :is(.image-template-heading,.workspace-pane-intro,.audio-pane-heading){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
html[data-generator-shell] body:not(.video-management) .generator-gallery{display:block!important;columns:3;column-gap:10px!important;min-width:0;width:100%;margin:0!important}
html[data-generator-shell] body:not(.video-management) .generator-gallery>:is(.image-template-card,.workspace-template,.audio-preset){display:inline-block!important;vertical-align:top;break-inside:avoid;width:100%;min-width:0;min-height:0;margin:0 0 10px!important;border:1px solid #ffffff0e;border-radius:11px!important;overflow:hidden;box-sizing:border-box}
html[data-generator-shell] body:not(.video-management) .image-template-card{aspect-ratio:3/4!important}
html[data-generator-shell] body:not(.video-management) .image-template-card:nth-child(4n+2){aspect-ratio:1!important}
html[data-generator-shell] body:not(.video-management) .workspace-template-media{aspect-ratio:3/4}
html[data-generator-shell] body:not(.video-management) .workspace-template:nth-child(3n+2) .workspace-template-media{aspect-ratio:4/3}
html[data-generator-shell] body:not(.video-management) .workspace-template:nth-child(3n) .workspace-template-media{aspect-ratio:1}
html[data-generator-shell] body:not(.video-management) :is(.image-template-badge,.workspace-template-tag){top:9px;left:9px;font-size:10px;padding:5px 7px;border-radius:5px}
html[data-generator-shell] body:not(.video-management) .workspace-template-footer{display:block;padding:34px 10px 10px}
html[data-generator-shell] body:not(.video-management) .workspace-template-footer h3{font-size:12px;line-height:1.35;margin:0 0 6px;font-weight:750}
html[data-generator-shell] body:not(.video-management) .workspace-template-footer button{display:inline-flex;align-items:center;min-height:32px;padding:5px 9px!important;margin:0!important;font-size:10px!important;border-radius:6px;width:auto}
html[data-generator-shell] body:not(.video-management) .image-template-caption{left:10px;right:10px;bottom:11px;gap:5px}
html[data-generator-shell] body:not(.video-management) .image-template-title{font-size:12px;line-height:1.4}
html[data-generator-shell] body:not(.video-management) .audio-preset{background:#28282d;transform:none}
html[data-generator-shell] body:not(.video-management) .audio-preset-art{height:86px}
html[data-generator-shell] body:not(.video-management) .audio-preset-content{padding:12px;gap:7px}
html[data-generator-shell] body:not(.video-management) .audio-preset h3{font-size:13px}
html[data-generator-shell] body:not(.video-management) .audio-preset-description{font-size:11px;line-height:1.5}
html[data-generator-shell] body:not(.video-management) .audio-preset-content>button{margin-top:5px;min-height:34px}
html[data-generator-shell] body:not(.video-management) .audio-preset audio{min-width:0;max-width:100%}
html[data-generator-shell] body:not(.video-management) .generator-composer :is(label,.field-label,.audio-field-label){font-size:11px!important;line-height:1.4}
html[data-generator-shell] body:not(.video-management) .generator-composer :is(textarea,select){background:#202024!important;border-color:#46464d!important;border-radius:9px!important;font-size:13px!important;line-height:1.55}
html[data-generator-shell] body:not(.video-management) .generator-composer :is(#instructions,#video-prompt,#audio-prompt){min-height:118px!important;padding:12px!important;max-width:100%;box-sizing:border-box}
html[data-generator-shell] body:not(.video-management) #video-create>:not(.generator-mode-tabs){margin-bottom:14px!important}
html[data-generator-shell] body:not(.video-management) #video-create>:last-child{margin-bottom:0!important}
html[data-generator-shell] body:not(.video-management) :is(.image-quality-field,.image-mode-picker,.audio-field){margin-bottom:16px!important}
html[data-generator-shell] body:not(.video-management) .workspace-model-trigger{min-height:55px;padding:9px!important;gap:8px}
html[data-generator-shell] body:not(.video-management) .workspace-model-text strong{font-size:13px}
html[data-generator-shell] body:not(.video-management) .workspace-model-text small{font-size:10px}
html[data-generator-shell] body:not(.video-management) .audio-model-card{padding:9px;min-height:55px;gap:8px}
html[data-generator-shell] body:not(.video-management) :is(.workspace-model-icon,.audio-model-icon){width:33px;height:34px;flex-basis:33px}
html[data-generator-shell] body:not(.video-management) :is(.workspace-template-note,.audio-gallery-note){font-size:11px;line-height:1.6;margin-top:10px}
html[data-generator-shell] body:not(.video-management) .image-guide,html[data-generator-shell] body:not(.video-management) .audio-guide{margin-top:36px}
@media(min-width:1700px){html[data-generator-shell] body:not(.video-management) .generator-gallery{columns:4}}
@media(min-width:761px) and (max-width:1199px){html[data-generator-shell] body:not(.video-management){--generator-composer:320px;--generator-gap:18px}html[data-generator-shell] body:not(.video-management) .generator-gallery{columns:2}}
@media(min-width:761px){html[data-generator-shell] body:not(.video-management) .generator-view-tabs :is([data-image-panel="create"],[data-pane="create"],[data-view="create"]){display:none!important}}
@media(max-width:900px){
  html[data-generator-shell] body.creative-shell:not(.video-management):not([data-page="admin"]){padding-left:0!important}
  html[data-generator-shell] body:not(.video-management) .creative-sidebar{position:relative;display:block!important;width:100%!important;padding:14px 18px 10px!important;box-sizing:border-box}
  html[data-generator-shell] body:not(.video-management) .creative-sidebar nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:4px;margin-top:11px;padding-bottom:4px}
  html[data-generator-shell] body:not(.video-management) .creative-sidebar nav a{flex:0 0 auto;min-height:36px!important;padding:9px!important;white-space:nowrap}
  html[data-generator-shell] body:not(.video-management) :is(.creative-sidebar>p,.creative-note,.workspace-menu){display:none!important}
  html[data-generator-shell] body:not(.video-management) .generator-main{padding:14px 18px 28px!important}
}
@media(max-width:760px){
  html[data-generator-shell] body:not(.video-management) .generator-main{padding:12px 14px 28px!important}
  html[data-generator-shell] body:not(.video-management) .generator-main>.studio-userbar{height:72px;min-height:72px;align-content:flex-start;align-items:flex-start;flex-wrap:wrap;margin-bottom:10px;gap:6px}
  html[data-generator-shell] body:not(.video-management) .generator-heading{height:100px;min-height:100px;padding-bottom:18px!important}
  html[data-generator-shell] body:not(.video-management) .generator-heading h1{font-size:25px!important;letter-spacing:-.6px}
  html[data-generator-shell] body:not(.video-management) .generator-heading p{font-size:12px!important;line-height:1.6!important}
  html[data-generator-shell] body:not(.video-management) .generator-trial-promo{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "detail" "action";min-height:154px;gap:6px;padding:12px 14px}
  html[data-generator-shell] body:not(.video-management) .generator-trial-link{justify-self:start}
  html[data-generator-shell] body:not(.video-management) .generator-workbench{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto;grid-template-areas:"tabs" "create" "browse"!important;gap:12px!important}
  html[data-generator-shell] body:not(.video-management) .generator-composer{padding:16px!important}
  html[data-generator-shell] body:not(.video-management) .generator-view-tabs{height:40px;min-height:40px;gap:3px!important;width:100%;overflow-x:auto}
  html[data-generator-shell] body:not(.video-management) .generator-view-tabs button{padding:7px 10px!important;flex:1 0 auto!important;font-size:11px!important}
  html[data-generator-shell] body:not(.video-management) .generator-gallery{columns:2;column-gap:9px!important}
  html[data-generator-shell] body:not(.video-management) .workspace-browser{display:block!important}
  html[data-generator-shell] body:not(.video-management) .generator-composer :is(textarea,select){font-size:16px!important}
  html[data-generator-shell] body:not(.video-management) .generator-composer[hidden],html[data-generator-shell] body:not(.video-management) .audio-workbench:not([data-view="create"]) .audio-composer{display:none!important}
  html[data-generator-shell] body:not(.video-management) .generator-gallery>:is(.image-template-card,.workspace-template,.audio-preset){margin-bottom:9px!important}
}
@media(max-width:380px){html[data-generator-shell] body:not(.video-management) .audio-preset-grid{columns:1}html[data-generator-shell] body:not(.video-management) .generator-heading h1{font-size:23px!important}}