/* Studio: presentation only; real account and generation controls are retained. */
#studioHome{display:none}html[data-ui-template="studio"] #studioHome{display:block}
html[data-ui-template="studio"]{--studio-canvas:#f6f5f0;--studio-surface:#fffefa;--studio-ink:#183c34;--studio-muted:#626f66;--studio-line:#dedfd5;--studio-accent:#195c49}
html[data-ui-template="studio"] body[data-page="home"]{background:var(--studio-canvas)!important;color:var(--studio-ink)}
html[data-ui-template="studio"] body[data-page="home"] .haomj-home-main{max-width:1360px;margin-inline:auto;padding:36px 40px 70px}
html[data-ui-template="studio"] body[data-page="home"] .haomj-page-intro{display:none}
html[data-ui-template="studio"] .haomj-topbar{background:rgba(246,245,240,.96)!important;border-bottom:1px solid var(--studio-line)!important;box-shadow:none!important}
.studio-hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:490px;align-items:center;gap:40px;padding:28px 0 48px}
.studio-eyebrow{font:600 11px/1.4 ui-monospace,monospace;letter-spacing:.16em;color:var(--studio-muted,#58645e);margin:0 0 24px}
.studio-hero h1{font:600 clamp(42px,5.1vw,72px)/1.15 'Microsoft YaHei',sans-serif;letter-spacing:-.065em;color:var(--studio-ink);margin:0 0 24px}
.studio-hero h1 em{font-style:normal;color:#27785d}
.studio-lead{font-size:16px;line-height:1.9;letter-spacing:.025em;color:var(--studio-muted);margin:0 0 30px}
.studio-actions{display:flex;gap:12px;flex-wrap:wrap}.studio-actions a{display:flex;gap:24px;align-items:center;text-decoration:none;font-size:14px;font-weight:600;padding:14px 20px;border-radius:8px;min-height:48px;box-sizing:border-box;transition:transform .18s,box-shadow .18s}
.studio-primary{background:var(--studio-accent);color:#fff!important;border:1px solid var(--studio-accent)}.studio-secondary{border:1px solid #bfc9bd;color:var(--studio-ink)!important;background:transparent}
.studio-actions a:hover{transform:translateY(-2px);box-shadow:0 5px 14px #123c331a}.studio-trust{font-size:12px;color:var(--studio-muted);margin:18px 0 0}
.studio-object{height:425px;position:relative;isolation:isolate;overflow:hidden;border-radius:100px 16px 16px 16px;background:radial-gradient(ellipse at 40% 28%,#f0f1df,transparent 65%),linear-gradient(145deg,#e5e8d9,#d2ddcc);box-shadow:inset 0 0 0 1px #ffffff70}
.studio-orbit{position:absolute;inset:50px 48px 70px;border:1px solid #547b5736;border-radius:50%;transform:rotate(-30deg);box-shadow:0 0 0 30px #ffffff12,0 0 0 60px #ffffff10}
.studio-plinth{position:absolute;bottom:52px;left:50%;width:300px;height:105px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(155deg,#f5f6ea,#b8c7b3);box-shadow:0 22px 0 #b9c6b0,0 24px 0 #98ac91,18px 45px 28px #41604432}
.studio-bottle{position:absolute;width:116px;height:216px;left:50%;top:74px;transform:translateX(-50%) rotate(-9deg);border-radius:32px 32px 24px 24px;background:linear-gradient(90deg,#4e7954 0%,#a0b885 26%,#bfd1a1 40%,#94b37f 69%,#597b51 100%);box-shadow:inset 6px 0 10px #fff2,inset -5px 0 10px #23462933,24px 19px 23px #496d4540;animation:studio-float 8s ease-in-out infinite}
.studio-cap{height:29px;width:71px;background:repeating-linear-gradient(90deg,#1e4033 0 3px,#335445 3px 5px);position:absolute;left:22px;top:-15px;border-radius:6px 6px 3px 3px;box-shadow:0 -4px 0 #406750,inset 0 5px 5px #ffffff16}
.studio-label{position:absolute;left:8px;right:8px;top:74px;background:linear-gradient(90deg,#e8e7d7,#fbf7e8,#dddcc8);height:92px;padding-top:24px;box-sizing:border-box;text-align:center;font:500 24px/1 Georgia,serif;letter-spacing:.13em;color:#244434}.studio-label small{display:block;font:600 5px/2.8 ui-monospace,monospace;letter-spacing:.08em}
.studio-caption{position:absolute;left:24px;bottom:15px;font:600 9px/1.6 ui-monospace,monospace;color:#3d5d41;letter-spacing:.08em}.studio-caption span{font:11px/1.5 sans-serif;letter-spacing:0;margin-left:16px}
.studio-coordinate{position:absolute;right:20px;top:24px;writing-mode:vertical-rl;font:10px ui-monospace,monospace;letter-spacing:.12em;color:#466548}
.studio-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0;margin:0 0 34px;border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line)}
.studio-steps li{display:flex;gap:18px;align-items:center;padding:0 24px;border-right:1px solid var(--studio-line)}.studio-steps li:first-child{padding-left:0}.studio-steps li:last-child{border:0}.studio-steps li>span{font:28px/1 Georgia,serif;color:#7c8e79}.studio-steps strong{display:block;font-size:14px;font-weight:600;margin-bottom:5px}.studio-steps small{font-size:12px;color:var(--studio-muted)}
html[data-ui-template="studio"] .haomj-feature-grid{gap:14px!important}html[data-ui-template="studio"] .haomj-feature-card{border:1px solid var(--studio-line)!important;background:var(--studio-surface)!important;border-radius:13px!important;box-shadow:none!important;transition:transform .18s,border-color .18s!important}html[data-ui-template="studio"] .haomj-feature-card:hover{transform:translateY(-3px);border-color:#6e927a!important}html[data-ui-template="studio"] .haomj-feature-card.is-selected{background:#e8eee1!important;border-color:#769876!important}
html[data-ui-template="studio"] body[data-page="home"] :is(input,select,textarea){border-radius:9px}html[data-ui-template="studio"] body[data-page="home"] .button.primary{background:#195c49;border-color:#195c49;color:#fff}
.studio-availability{box-sizing:border-box;margin:12px 0 20px;padding:15px 18px;border:1px solid #c9b883;border-left:4px solid #998048;border-radius:8px;background:#fff9e8;color:#564727}.studio-availability p{margin:5px 0 0;color:inherit;font-size:13px;line-height:1.6}.studio-availability strong{font-size:14px}.studio-availability[hidden]{display:none}
[data-mvp-hidden]{display:none!important}.studio-config{padding:28px!important}.studio-config h2{font-size:24px;line-height:1.5}.studio-config>p,.studio-config details p{color:#66716d;max-width:780px;line-height:1.8}.studio-config fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border:0;padding:10px 0;margin:12px 0 20px;max-width:780px}.studio-config legend{font-weight:600;padding:0 0 10px}.studio-option{position:relative;display:grid!important;gap:8px;padding:16px;border:1px solid #d8dfd6;border-radius:14px;cursor:pointer;background:#fbfcf8}.studio-option:has(input:checked){border-color:#196147;box-shadow:inset 0 0 0 1px #196147}.studio-option input{position:absolute;top:15px;right:15px;z-index:1;accent-color:#196147;width:19px;height:19px}.studio-option small{font-size:12px;color:#626f67}.studio-preview{height:116px;border-radius:9px;position:relative;overflow:hidden}.classic-preview{background:#ecf0f6;display:flex;gap:7px;align-items:center;justify-content:center}.classic-preview i{height:52px;width:23%;background:#fff;border:1px solid #cfd8e7;border-radius:6px}.studio-preview-new{background:#e8ebdf}.studio-preview-new i:first-child{position:absolute;top:30px;left:20px;width:35%;height:13px;background:#547460;box-shadow:0 23px 0 #bbc6ad;border-radius:2px}.studio-preview-new i:nth-child(2){position:absolute;width:52px;height:70px;top:24px;right:24px;background:linear-gradient(90deg,#547857,#bacb96,#6a8c5d);border-radius:12px;transform:rotate(-10deg);box-shadow:10px 10px 13px #4e6e462d}.studio-settings-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.studio-settings-actions button,.studio-settings-actions a{min-height:44px}.studio-settings-actions a{display:inline-flex;align-items:center}.studio-settings-status{min-height:24px;line-height:1.6;color:#35614c}.studio-config details{margin-top:22px;border-top:1px solid #dce1d8;padding-top:15px}.studio-config summary{cursor:pointer;min-height:32px}
:is(.studio-actions a,.studio-option,.studio-settings-actions a):focus-visible,.studio-option:has(input:focus-visible){outline:3px solid #b58a36;outline-offset:4px}
@keyframes studio-float{0%,100%{transform:translateX(-50%) translateY(0) rotate(-9deg)}50%{transform:translateX(-50%) translateY(-7px) rotate(-7deg)}}
@media(max-width:900px){html[data-ui-template="studio"] body[data-page="home"] .haomj-home-main{padding:24px}.studio-hero{gap:24px;min-height:400px}.studio-object{height:370px}.studio-hero h1{font-size:48px}.studio-actions a{font-size:12px;padding:12px 14px;gap:10px}.studio-steps li{padding:0 14px;gap:12px}.studio-bottle{top:57px}.studio-plinth{bottom:35px}.studio-caption span{display:block;margin:0}}
@media(max-width:640px){html[data-ui-template="studio"] body[data-page="home"] .haomj-home-main{padding:24px 16px 44px}.studio-hero{grid-template-columns:1fr;gap:28px;padding:10px 0 28px}.studio-hero h1{font-size:48px}.studio-eyebrow{font-size:10px;margin-bottom:18px}.studio-lead{font-size:14px;margin-bottom:22px}.studio-object{height:310px;border-radius:70px 12px 12px}.studio-bottle{width:95px;height:180px;top:48px}.studio-cap{width:61px;left:17px;height:24px}.studio-label{top:59px;height:80px;padding-top:22px;font-size:20px}.studio-plinth{width:238px;height:73px;bottom:44px}.studio-caption span{display:inline;margin-left:10px}.studio-steps{grid-template-columns:1fr;padding:0;margin-bottom:25px}.studio-steps li,.studio-steps li:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--studio-line)}.studio-steps li:last-child{border:0}.studio-steps li>span{font-size:24px}.studio-steps li>div{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.studio-steps strong{margin:0}.studio-config{padding:18px!important}.studio-config h2{font-size:20px}.studio-config fieldset{grid-template-columns:1fr}.studio-wide{display:none}.studio-actions{gap:8px}}
html[data-toolbox-theme="dark"][data-ui-template="studio"]{--studio-canvas:#17211d;--studio-surface:#233028;--studio-ink:#eaf0df;--studio-muted:#becaba;--studio-line:#3e5040;--studio-accent:#227759}html[data-toolbox-theme="dark"][data-ui-template="studio"] .haomj-topbar{background:#17211df5!important}html[data-toolbox-theme="dark"][data-ui-template="studio"] .studio-hero h1 em{color:#a3c99d}html[data-toolbox-theme="dark"][data-ui-template="studio"] .haomj-feature-card.is-selected{background:#314a36!important}html[data-toolbox-theme="dark"] .studio-config{color:#e7ece8}html[data-toolbox-theme="dark"] .studio-option{background:#25342c;color:#eef4ea}html[data-toolbox-theme="dark"] .studio-option small,html[data-toolbox-theme="dark"] .studio-config>p,html[data-toolbox-theme="dark"] .studio-config details p{color:#c4d1c8}
@media(prefers-reduced-motion:reduce){.studio-bottle{animation:none}.studio-actions a,html[data-ui-template="studio"] .haomj-feature-card{transition:none!important;transform:none!important}}
@media(forced-colors:active){.studio-object{border:1px solid CanvasText}.studio-bottle,.studio-plinth{forced-color-adjust:none}.studio-option:has(input:checked){outline:2px solid Highlight}.studio-availability{border:2px solid CanvasText}}

/* Constrain the real content boxes; do not clip whole-page overflow. */
body[data-page="admin"] [data-admin-panel][hidden],body[data-page="admin"] [data-mvp-hidden],body[data-page="admin"] .admin-card[hidden]{display:none!important}
body[data-page="admin"] .admin-search-row{flex-wrap:wrap}body[data-page="admin"] .admin-search-row input{min-width:0;max-width:100%;flex:1 1 160px}
html[data-ui-template="studio"] body[data-page="home"] .nt-page{background:var(--studio-canvas)!important;color:var(--studio-ink)}
html[data-ui-template="studio"] .nt-nav a.active,html[data-ui-template="studio"] .haomj-account-link{color:var(--studio-ink)!important;background:#e4ecdf!important;border-color:var(--studio-line)!important}
html[data-ui-template="studio"] .haomj-feature-tag{color:#426649!important;background:#e4ecdf!important}
html[data-ui-template="studio"] .haomj-purchase-link{background:var(--studio-accent)!important;color:#fff!important}

html[data-ui-template="studio"] body[data-page="home"] .haomj-home-main{padding-top:101px;background:var(--studio-canvas)!important}
@media(max-width:900px){html[data-ui-template="studio"] body[data-page="home"] .haomj-home-main{padding-top:89px}}

.studio-config .button.primary{background:#195c49!important;color:#fff!important;box-shadow:none!important}
html[data-toolbox-theme="dark"][data-ui-template="studio"] .haomj-account-link,html[data-toolbox-theme="dark"][data-ui-template="studio"] .nt-nav a.active{background:#314a36!important;color:#eaf0df!important;-webkit-text-fill-color:#eaf0df!important}
@media(prefers-color-scheme:dark){html[data-toolbox-theme="auto"][data-ui-template="studio"]{--studio-canvas:#17211d;--studio-surface:#233028;--studio-ink:#eaf0df;--studio-muted:#becaba;--studio-line:#3e5040;--studio-accent:#227759}html[data-toolbox-theme="auto"][data-ui-template="studio"] .haomj-topbar{background:#17211df5!important}html[data-toolbox-theme="auto"][data-ui-template="studio"] .haomj-account-link,html[data-toolbox-theme="auto"][data-ui-template="studio"] .nt-nav a.active{background:#314a36!important;color:#eaf0df!important;-webkit-text-fill-color:#eaf0df!important}html[data-toolbox-theme="auto"][data-ui-template="studio"] .studio-hero h1 em{color:#a3c99d}}

/* Homepage entries are links, not tabs for an embedded generator. */
body[data-page="home"] a.haomj-feature-card{text-decoration:none;color:inherit;box-sizing:border-box;min-width:0}

/* Controls remain in normal flow: a floating submit bar must not cover parameters. */
body[data-page="image"] .image-workbench-panel .actions.field-full,
body[data-page="video"] .video-form-panel .actions.field-full{position:static!important;bottom:auto!important;z-index:auto!important}
body[data-page="image"] #openClawForm,
body[data-page="image"] #historyList,
body[data-page="video"] #videoForm,
body[data-page="video"] #historyList{scroll-margin-top:124px}
@media(max-width:760px){
 body[data-page="image"].mvp-nav-ready .topbar,
 body[data-page="video"].mvp-nav-ready .topbar{gap:8px!important;padding:10px 12px!important}
 body[data-page="image"].mvp-nav-ready .topbar>.brand,
 body[data-page="video"].mvp-nav-ready .topbar>.brand{flex:1 1 auto!important;min-width:0!important;width:auto!important}
}

/* Tools do not load the home icon library; retain visible native menu/theme glyphs. */
body[data-page="image"] #mvpMainMenuButton:not(:has(svg))::before,
body[data-page="video"] #mvpMainMenuButton:not(:has(svg))::before{content:"☰";font:22px/1 sans-serif}
body[data-page="image"] .toolbox-theme-control>summary:not(:has(svg))::before,
body[data-page="video"] .toolbox-theme-control>summary:not(:has(svg))::before{content:"◐";font:20px/1 sans-serif}

/* Preserve readable original video direction labels in the shared dark theme. */
html[data-toolbox-theme="dark"] body[data-page="video"] .production-direction-field>legend,
html[data-toolbox-theme="dark"] body[data-page="video"] .production-direction-group-title strong{color:var(--text,#f4f7fb)!important}