/* Centered discovery and focused video/image workbenches. */
@media(min-width:651px){
  body.studio-body .studio-top{height:52px}
  body.studio-body .studio-content{padding-top:30px}
  body.studio-body .setup-banner{padding:8px 14px}
  body.studio-body .workspace-heading h1{margin:14px 0 10px}
  body.studio-body #prompt{height:103px;min-height:103px}
  body.studio-body .library-section{margin-top:24px}
}
@media(max-height:850px){
  body.studio-body .studio-brand{margin-bottom:22px}
  body.studio-body .sidebar-history{display:none}
  body.studio-body .credit-card{margin-top:4px;padding:8px 12px}
  body.studio-body .credit-card>a{display:none}
  body.studio-body .credit-card strong{font-size:17px;margin:3px 0}
  body.studio-body .local-user{margin-top:0;padding-top:9px}
  body.studio-body .developer-caption{margin-top:16px!important}
}
.studio-body .sidebar{overflow:auto}.studio-body .sidebar>*{flex-shrink:0}
.studio-body{--bg:#0a0d14;--panel:#10151f;--panel-raised:#1a2231;--line:#ffffff13;--text:#f2f5ff;--muted:#98a4b8;--accent:#8aa2ff;--accent-bg:#5b7cff12}
html[data-theme=light] .studio-body{--bg:#f7f8fc;--panel:#fff;--panel-raised:#eff2f9;--line:#16264c15;--text:#172039;--muted:#637087;--accent:#4264df;--accent-bg:#5b7cff0d}
.studio-body .sidebar{inset:12px auto 12px 12px;width:248px;border:1px solid var(--line);border-radius:22px;padding:26px 16px 14px;box-shadow:0 12px 40px #00000012}
.studio-body .studio-brand{padding:0 12px;margin:0 0 35px;display:block}.studio-body .studio-brand img{width:174px;height:32px}
.studio-body .side-link{min-height:43px;border-radius:11px;padding:10px 12px;margin:3px 0;gap:12px;text-align:left;font-size:12px;width:100%;border:1px solid transparent;background:transparent;color:var(--muted);display:flex;align-items:center}
.studio-body .side-link>span{font-size:18px;line-height:1;width:18px;text-align:center}.studio-body .side-link.active{background:linear-gradient(90deg,#5b7cff28,#5b7cff08);color:var(--text);border-color:#5b7cff35}.side-link small{font-size:9px;margin-left:auto}.studio-body .side-link:hover{background:var(--panel-raised);color:var(--text)}
.studio-body .nav-caption{display:block;margin:0 12px 12px;font-size:8px;letter-spacing:1.6px}.developer-caption{margin-top:28px!important}.studio-body .new-badge{font:8px 'JetBrains Mono',monospace;padding:3px 5px;color:var(--accent);background:#5b7cff22;border-radius:4px;margin-left:auto}
.studio-body .sidebar-history{margin-top:22px;min-height:30px;overflow:auto}.studio-body .sidebar-history .nav-caption{margin-bottom:7px}.studio-body .sidebar-bottom{margin-top:auto;padding-top:14px}.studio-body .credit-card{padding:12px 14px;border-radius:12px}.studio-body .credit-card strong{font-size:20px}.studio-body .local-user{padding:14px 5px 0;gap:9px}.studio-body .local-user small{font-size:8px}
.studio-body .studio-main{margin-left:274px}.studio-body .studio-top{height:70px;border:0;padding:0 32px}.studio-top-start,.top-tools{display:flex;gap:13px;align-items:center}.studio-body .desktop-breadcrumb{font-size:10px}.studio-body .text-button{color:var(--muted)}.studio-body .theme-button{background:var(--panel);border:1px solid var(--line);border-radius:9px;width:33px;height:33px;font-size:19px;line-height:1}.mobile-menu{display:none}
.studio-body .setup-banner{margin:0 32px;border:1px solid #5b7cff24;border-radius:10px;background:var(--accent-bg);padding:10px 14px;font-size:10px}.studio-body .setup-banner button{font-size:10px}
.studio-body .studio-content{max-width:1300px;padding:48px 38px 0}.creation-home .studio-content{background:radial-gradient(ellipse 55% 240px at 50% 0,#5b7cff15,transparent)}
.creation-home .workspace-heading{text-align:center;max-width:810px;margin:0 auto 27px}.workspace-heading .eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:6px 11px;letter-spacing:.9px;font-size:8px}.workspace-heading .eyebrow i{width:5px;height:5px;border-radius:50%;background:#8aa2ff;box-shadow:0 0 12px #5b7cff;margin:0}.studio-body .workspace-heading h1{font:700 clamp(30px,3.7vw,49px)/1.15 'Bricolage Grotesque',sans-serif;letter-spacing:-1.8px;margin:18px 0 15px}.workspace-heading h1 em{color:var(--text);background:linear-gradient(transparent 68%,#5b7cff77 68%,#5b7cff77 91%,transparent 91%)}.studio-body .workspace-heading>p{font-size:13px;color:var(--muted);line-height:1.8}
.studio-body .studio-grid{margin:0;gap:24px}.creation-home .studio-grid{display:block;max-width:850px;margin:auto}.creation-home .composer-panel{background:transparent;border:0;border-radius:0;overflow:visible}.studio-body #create-form{padding:0}.prompt-box{background:var(--panel);border:1px solid #5b7cff70;border-radius:20px;box-shadow:0 0 0 3px #5b7cff0c,0 12px 40px #0000000a;overflow:hidden}.prompt-box:focus-within{border-color:#8aa2ff;box-shadow:0 0 0 3px #5b7cff24}.studio-body #prompt{border:0;background:transparent;min-height:125px;max-height:400px;resize:vertical;border-radius:0;padding:20px 22px 10px;line-height:1.8;font-size:14px;outline:none}.studio-body #prompt::placeholder{color:var(--muted);opacity:.75}.composer-toolbar{display:flex;align-items:center;gap:7px;padding:12px 14px}.attach-button{display:grid;place-items:center;width:35px;height:35px;font-size:23px;background:var(--panel-raised);border:1px solid var(--line);border-radius:9px}.toolbar-select select{background:var(--panel-raised);width:auto;max-width:100%;font-size:11px;padding:9px 6px;border-radius:9px;min-width:65px}.composer-toolbar #prompt-count{font:8px 'JetBrains Mono',monospace;color:var(--muted);margin-left:3px}.studio-body .primary-button{background:#5b7cff;color:white;border-radius:10px;min-height:38px;font-size:12px;padding:10px 17px}.composer-toolbar #generate{margin-left:auto;white-space:nowrap}.studio-body .attachments{margin:0 20px}.attachments:not(:empty){padding-bottom:8px}
.reference-panel{margin-top:14px;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.studio-body .upload-zone{background:var(--bg);padding:17px 10px}.studio-body .upload-zone strong{font-size:11px}.studio-body .upload-zone small{font-size:9px}.reference-panel p{font-size:10px;color:var(--muted);margin-top:8px}.reference-panel label{font-size:11px}.studio-body input[type=url],.studio-body input[type=text],#conversation{display:block;width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:12px;margin-top:7px}
.creation-modes{display:flex;justify-content:center;gap:7px;margin-top:17px;flex-wrap:wrap}.creation-modes button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel);border-radius:10px;font-size:11px;padding:10px 12px;white-space:nowrap;color:var(--muted);transition:background .15s,border-color .15s}.creation-modes button span{font-size:16px;color:var(--accent)}.creation-modes button[aria-pressed=true]{color:var(--text);background:var(--accent-bg);border-color:#5b7cff70}.creation-modes button:hover{border-color:#5b7cff70}.mode-hint{font-size:10px;color:var(--muted);text-align:center;margin-top:9px;min-height:15px}.studio-body .prompt-suggestions{justify-content:center;margin:19px 0;font-size:8px;gap:8px}.studio-body .prompt-suggestions>span{letter-spacing:1.3px;margin-right:5px}.studio-body .prompt-suggestions button{font-size:10px;padding:7px 10px;border-radius:20px;border-style:dashed}.advanced-options{max-width:790px;margin:0 auto;color:var(--muted);font-size:10px}.advanced-options summary{cursor:pointer;padding:10px 0;list-style-position:inside}.advanced-options summary>span{float:right;font-size:9px}.advanced-fields{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.advanced-fields label{color:var(--text);font-size:11px}.advanced-fields small{color:var(--muted);font-size:9px;margin-left:5px}.advanced-fields p{margin:8px 0;font-size:10px}.advanced-fields>span{font-size:9px}.creation-home .result-panel{margin-top:25px}.studio-body .result-panel{border-radius:20px}.studio-body .result-panel .panel-heading{gap:10px}.studio-body #result-badge{margin-left:auto}.studio-body .empty-preview{background:radial-gradient(ellipse at 50% 45%,#5b7cff15,transparent 65%),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px),#090e18;background-size:auto,32px 32px,32px 32px,auto;color:#e8eeff}.studio-body .empty-preview p{color:#98a4b8}.studio-body .empty-preview .empty-specs span{color:#98a4b8;border-color:#ffffff15}.creation-home .job-media{max-height:470px}.creation-detailed .studio-content{padding-top:24px}.creation-detailed .workspace-heading{margin-bottom:24px}.creation-detailed .workspace-heading h1{font-size:34px}.creation-detailed .composer-panel{padding:22px;border-radius:20px}.creation-detailed .creation-modes{justify-content:flex-start}.creation-detailed .prompt-box{box-shadow:none}.creation-detailed .composer-toolbar{flex-wrap:wrap}.creation-detailed .composer-toolbar #prompt-count{display:none}.creation-detailed .result-panel{position:sticky;top:20px;align-self:start;min-height:580px}.creation-detailed #result-close{display:none}.creation-detailed .empty-preview{min-height:520px}.creation-detailed .prompt-suggestions{justify-content:flex-start}
.library-section{margin-top:43px;scroll-margin-top:25px}.library-top{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);margin-bottom:18px}.library-top>p{font-size:9px;color:var(--muted)}.library-tabs{display:flex;gap:23px}.library-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:15px 0;font-size:15px;font-weight:600}.library-tabs button[aria-selected=true]{color:var(--text);border-color:#5b7cff}.library-tabs span{font-size:9px;padding:3px 6px;background:var(--accent-bg);color:var(--accent);border-radius:10px;margin-left:4px}.library-filters{display:flex;align-items:center;gap:10px;margin-bottom:18px}.library-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:8px 12px;flex:1;max-width:330px}.library-search>span{font-size:18px;color:var(--muted);line-height:1}.library-search input{min-width:0;width:100%;border:0;outline:none;color:var(--text);background:transparent;font-size:11px}.library-search:focus-within{outline:2px solid var(--accent)}.library-filters select{background:var(--panel);padding:9px;border-radius:9px;font-size:10px}.library-filters #refresh-jobs{margin-left:auto}.explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.inspire-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;padding:0;position:relative;text-align:left;background:var(--panel);aspect-ratio:4/3;isolation:isolate}.inspire-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.inspire-card:hover img{transform:scale(1.045)}.inspire-card:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#030712d9);z-index:0}.inspire-card .inspire-kind{position:absolute;top:12px;left:12px;border:1px solid #ffffff30;background:#050a1470;backdrop-filter:blur(8px);border-radius:20px;padding:4px 8px;font-size:9px;color:white}.inspire-card .inspire-title{position:absolute;bottom:16px;left:16px;right:35px;color:white;font-size:13px;font-weight:550;z-index:1}.inspire-card .inspire-arrow{position:absolute;bottom:15px;right:14px;color:white;z-index:1;font-size:17px}.gallery-credit{color:var(--muted);font-size:9px;margin-top:17px}.studio-body .history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-body .history-cover{height:160px}.library-empty{grid-column:1/-1;text-align:center;padding:40px 20px;color:var(--muted);border:1px dashed var(--line);border-radius:15px}
#sample-dialog{width:min(980px,calc(100% - 36px));max-height:90vh;padding:0;border-radius:22px;overflow:auto}#sample-dialog[open]{display:grid;grid-template-columns:1.1fr 1fr}#sample-dialog .dialog-close{z-index:2;background:var(--panel);border:1px solid var(--line);border-radius:50%;width:30px;height:30px;line-height:1}.sample-media{background:#060910;display:flex;align-items:center;justify-content:center;min-height:450px}.sample-media img,.sample-media video{display:block;width:100%;max-height:75vh;object-fit:contain}.sample-copy{padding:42px 28px 25px}#sample-dialog h2{font-size:29px;margin:15px 0 27px}#sample-dialog h3{font:9px 'JetBrains Mono',monospace;color:var(--muted);letter-spacing:1.5px}#sample-prompt{font-size:12px;line-height:1.9;color:var(--text);margin:10px 0 23px}#sample-specs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;font-size:11px;color:var(--muted)}#sample-dialog .sample-disclaimer{font-size:9px;line-height:1.6}#sample-dialog .job-actions{margin-top:24px}.sample-copy .gallery-credit{font-size:9px!important}
.local-user .profile-user-copy { min-width: 0; flex: 1; }
.profile-trigger { width: 100%; padding: 10px 4px; border: 0; background: transparent; text-align: left; border-radius: 10px; }
.profile-trigger:hover { background: var(--panel-raised); }
#profile-dialog { width: min(440px,calc(100% - 28px)); max-height: calc(100dvh - 32px); overflow: auto; border-radius: 22px; padding: 30px 24px 22px; }
#profile-dialog h2 { font-size: 30px; margin: 14px 0 8px; }
.profile-email { overflow-wrap: anywhere; font-size: 14px; }
.profile-verified { display: inline-block; padding: 5px 8px; border-radius: 20px; margin: 12px 0 20px; font-size: 10px; background: var(--accent-bg); color: var(--accent); }
.profile-name-field { display: grid; gap: 9px; font-size: 12px; }
.profile-name-field input { width: 100%; border: 1px solid var(--line); color: var(--text); background: var(--panel-raised); padding: 12px; border-radius: 9px; font-size: 16px; }
#profile-status { font-size: 12px; color: var(--accent); margin: 10px 0; }
.profile-credit { border: 1px solid var(--line); background: var(--panel-raised); padding: 14px; border-radius: 12px; display: grid; gap: 4px; margin: 18px 0; font-size: 12px; }
.profile-credit strong { font-size: 28px; }.profile-credit small { color: var(--muted); }
.profile-actions { display: grid; }.profile-actions a,.profile-actions button { display: flex; justify-content: space-between; padding: 13px 0; border: 0; border-top: 1px solid var(--line); background: transparent; text-align: left; font-size: 13px; color: var(--text); }
.local-user small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.studio-signout { width: 100%; margin-top: 10px; text-align: left; }
.side-link #studio-account-label { width: auto; font-size: inherit; }
.studio-account-chip { white-space: nowrap; }
@media(max-width:400px) { html .studio-body .mobile-brand img { width: 108px; } .top-tools #new-scene { display: none; } .studio-account-chip { font-size: 10px; padding: 7px; } }
@media(min-width:1600px){.studio-body .studio-content{max-width:1400px}.explore-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.studio-body .sidebar{width:217px;padding-left:12px;padding-right:12px}.studio-body .studio-main{margin-left:241px}.studio-body .studio-content{padding-left:26px;padding-right:26px}.studio-body .studio-top{padding:0 26px}.studio-body .setup-banner{margin:0 26px}.studio-body .side-link{font-size:11px}.studio-body .studio-brand img{width:160px}.creation-modes button{padding:9px;font-size:10px}.creation-detailed .studio-grid{grid-template-columns:1fr}.creation-detailed .result-panel{position:static;min-height:400px}.creation-detailed .empty-preview{min-height:360px}}
@media(max-width:800px){.explore-grid,.studio-body .history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-top>p{display:none}.studio-body .studio-content{padding-top:33px}.studio-body .workspace-heading h1{letter-spacing:-1px;font-size:33px}.composer-toolbar #prompt-count{display:none}.creation-modes{gap:6px}.library-filters{flex-wrap:wrap}.library-search{max-width:none;flex-basis:100%}.library-tabs button{font-size:13px}.library-tabs{gap:18px}.prompt-suggestions>span{display:none}.sidebar .sidebar-history{display:none}.studio-body .studio-top .desktop-breadcrumb{display:none}}
@media(max-width:650px){.studio-body .sidebar{display:none;inset:65px 14px 14px;width:255px;z-index:30;box-shadow:0 0 0 100vmax #0008}.studio-body .sidebar.is-open{display:flex}.studio-body .studio-main{margin:0}.studio-body .studio-top{padding:0 17px;height:65px}.mobile-menu{display:block}.studio-top-start{gap:10px}.studio-body .mobile-brand img{width:136px}.studio-body .top-tools{gap:7px}.top-tools #new-scene{font-size:0;padding:8px;min-width:31px}.top-tools #new-scene:before{content:'＋';font-size:16px}.studio-body .setup-banner{margin:0 17px;padding:10px 12px;gap:8px;align-items:center}.studio-body .setup-banner>span{display:none}.studio-body .setup-banner p{font-size:9px;min-width:0}.studio-body .setup-banner button{margin:0}.studio-body .studio-content{padding:32px 17px 0}.studio-body .workspace-heading h1{font-size:33px;margin-top:16px;line-height:1.12}.studio-body .workspace-heading>p{font-size:12px;padding:0 8px}.workspace-heading .eyebrow{font-size:7px;letter-spacing:.6px}.studio-body #prompt{font-size:13px;padding:17px 16px 6px;min-height:130px}.composer-toolbar{padding:10px;gap:5px}.toolbar-select select{min-width:58px;font-size:10px;padding:9px 4px}.composer-toolbar .primary-button{font-size:10px;padding:10px}.creation-modes{gap:6px}.creation-modes button{font-size:10px;padding:8px 10px;flex-grow:1;justify-content:center}.mode-hint{font-size:9px;padding:0 8px}.studio-body .prompt-suggestions{gap:5px;margin:16px 0 8px}.studio-body .prompt-suggestions button{font-size:8px;padding:6px 8px}.advanced-options summary{font-size:9px}.advanced-options summary>span{font-size:8px}.library-section{margin-top:28px}.library-tabs button{padding:13px 0}.explore-grid{gap:10px}.inspire-card{border-radius:12px;aspect-ratio:3/4}.inspire-card .inspire-title{font-size:11px;left:12px;bottom:14px}.inspire-card .inspire-kind{font-size:8px;left:10px;top:10px}.studio-body .history-cover{height:120px}.studio-body .studio-footer{font-size:8px}.creation-detailed .composer-panel{padding:14px}.creation-detailed .workspace-heading h1{font-size:30px}.creation-detailed .creation-modes{justify-content:center}#sample-dialog[open]{display:block}#sample-dialog{max-height:90vh}.sample-media{min-height:0}.sample-media img,.sample-media video{max-height:35vh}.sample-copy{padding:25px 22px}#sample-dialog h2{margin-bottom:20px;font-size:26px}}