@import url('./home-v83/design.css');
@import url('./home-v83/composer.css');
@import url('./home-v83/showcase.css');
@import url('./home-v83/projects.css');
@import url('./home-v83/assets.css');
@import url('./home-v83/workspace.css');
/* Handoff geometry and artwork, mapped onto existing functional controls. */
body.home-ui-v83{--ink:#f2edf5;--soft:#ada3b3;--edge:#ffffff1b;--surface:#202020;display:grid!important;grid-template-columns:var(--rail-width) minmax(0,1fr);grid-template-rows:60px minmax(0,1fr) auto;margin:0!important;padding:0!important;background:var(--stage)!important;color:var(--ink);font-family:system-ui,'Microsoft YaHei',sans-serif;min-width:0;color-scheme:dark}
.home-ui-v83 [hidden]{display:none!important}
/* The server-rendered loading shell exists before mountHomeUI replaces it.
   Place it in the content track instead of auto-placing it in the rail track. */
body.home-ui-v83[data-home-pending]>.main-shell{grid-column:2;grid-row:1 / span 2;min-width:0;width:100%;margin:0;background:transparent}
body.home-ui-v83[data-home-pending]>.sidebar{width:var(--rail-width)}
@media(max-width:640px){body.home-ui-v83[data-home-pending]>.main-shell{grid-column:1}}
.home-ui-v83>.stage{grid-column:2;grid-row:2;min-width:0;width:100%;margin:0;padding:0;overflow:hidden;max-width:none}
.home-ui-v83>.v83-topbar{grid-column:2;grid-row:1;height:60px;min-height:0;position:relative;inset:auto;z-index:20;margin:0;width:auto;background:transparent!important;border:0;display:flex;justify-content:flex-end;padding:0 clamp(12px,1.55vw,26px)}
.home-ui-v83 #v83-account-slot{display:flex;align-items:center;min-width:0}
.home-ui-v83 .account-actions .support-link{display:flex;gap:6px;align-items:center;height:34px;padding:0 10px;border:1px solid #eeebf328;border-radius:999px;background:#242429;color:#ddd3e2;font:inherit}
.home-ui-v83 .account-actions .support-link svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.85}
.home-ui-v83>.rail{z-index:30;overflow-x:hidden}.home-ui-v83 .rail-item{text-decoration:none}
.home-ui-v83 #conversation-history{position:static!important;display:block!important;width:auto!important;max-height:none!important;margin:0!important;padding:0 8px!important;border:0!important;background:transparent!important;transform:none!important}
.home-ui-v83 #conversation-history>strong{color:#a09da8;font-size:11px;font-weight:600;margin:14px 0 6px}
.home-ui-v83 #conversation-history input,.home-ui-v83 #conversation-history select{width:100%;min-height:30px;font-size:11px;color:var(--ink);background:#202024;border:1px solid var(--edge);border-radius:8px;padding:4px 7px}
.home-ui-v83 #conversation-history:has(.history-empty) :is(input,select){display:none}
.home-ui-v83 #conversation-history .history-item{font-size:12px;color:var(--ink);background:transparent}.home-ui-v83 #conversation-history .history-empty{color:var(--soft);font-size:11px}
.home-ui-v83.rail-collapsed .rail-history{display:none}
.home-ui-v83 #composer{position:relative;max-width:none!important;width:100%!important;min-height:268px;margin:0!important;padding:15px 17px 14px!important;border:1px solid #ffffff12!important;border-top-color:#ffffff24!important;border-radius:26px!important;background:linear-gradient(180deg,#2b2c31,#25262a 44%,#1e1f23)!important;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000024,0 3px 8px #08080a42,0 18px 38px #06060866!important;color:var(--ink);display:flex;flex-direction:column}
.home-ui-v83 #composer .composer-input{display:flex;flex-direction:column;gap:0;padding:0;min-height:0;flex:1;background:none}
.home-ui-v83 #composer #prompt{color:inherit;min-height:105px;width:100%;font:400 15px/1.55 system-ui,'Microsoft YaHei',sans-serif;flex:1;padding:5px 2px 8px;margin:0;resize:none}
.home-ui-v83 #composer #prompt:empty:before{color:#a29aa9;font:inherit}
.home-ui-v83 #composer #home-parameters{display:flex;align-items:center;gap:5px}.home-ui-v83 #composer #home-references{font-size:17px!important}.home-ui-v83 #upload-trigger .rail-icon{width:18px;height:18px}
.home-ui-v83 #composer .upload-tile{display:grid;place-items:center;width:40px;height:40px;min-width:40px;flex:0 0 40px;padding:0;align-self:flex-start;margin:5px 0 0;border:1px solid #efe0fa2c;border-radius:50%;background:linear-gradient(145deg,#505160,var(--icon-surface) 75%);color:#fbf8ff;font-size:23px}
.home-ui-v83 #composer .composer-foot{padding:0;gap:12px;border:0;background:transparent;min-height:40px;margin-top:12px}
.home-ui-v83 #composer .composer-tools{gap:17px;flex-wrap:wrap}.home-ui-v83 #composer :is(.composer-option,.agent-mode,.composer-mode-button){background:transparent;border:0;color:#dedbe6;border-radius:7px;font:500 13px/1.4 system-ui,'Microsoft YaHei',sans-serif!important;padding:0;min-height:30px}
.home-ui-v83 #composer .submit-button{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:linear-gradient(140deg,#ffc3e8,var(--overlay-accent) 53%,#d973e9)!important;color:#311733!important;border:0;box-shadow:inset 0 1px #fff0fc58,0 0 13px #d66cc832}
.home-ui-v83 #composer .submit-button:disabled{opacity:.5}.home-ui-v83 #home-generation-cost{color:#aaa0b0;font-size:11px}
.home-ui-v83 #composer [data-unavailable=true]{display:none!important}.home-ui-v83 #composer .canvas-workspace-stage{border:0!important;background:transparent!important;min-height:236px}
.home-ui-v83 .v83-create-tabs{position:static;display:flex!important;justify-content:center;margin:21px auto 26px!important;padding:0!important;min-height:41px;border:0!important;background:transparent!important}
.home-ui-v83 .v83-create-tabs .home-workspace-tabs{display:flex;gap:2px;padding:3px;border:1px solid #d6d7df16;border-radius:22px;background:#202125;box-shadow:none}
.home-ui-v83 .v83-create-tabs .home-workspace-tab{display:flex;justify-content:center;align-items:center;gap:7px;min-width:92px;min-height:33px;padding:0 12px;border:0;border-radius:19px;color:#fff;background:none;font:500 13px/1.4 system-ui;cursor:pointer}
.home-ui-v83 .v83-create-tabs .home-workspace-tab.selected{background:radial-gradient(ellipse 63% 68% at 50% 112%,#d789e658,transparent 83%),linear-gradient(145deg,#5b3e72,#443351 82%);box-shadow:inset 0 1px #eee4f127,0 2px 4px #08070b4d;font-weight:600}
.home-ui-v83 .v83-create-tabs .home-workspace-tab.selected[data-home-workspace=canvas]{background:linear-gradient(145deg,#305d56,#253c3d 82%)}
.home-ui-v83 .v83-create-tabs svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.85}
.home-ui-v83 .v83-create-tabs{height:41px!important;min-height:41px!important}.home-ui-v83 .v83-create-tabs .home-workspace-tabs{width:auto!important;height:41px!important}.home-ui-v83 .v83-create-tabs .home-workspace-tab{width:92px!important;height:33px!important;min-height:33px!important}.home-ui-v83 #composer #mode-label{font:inherit!important}.home-ui-v83 #composer .composer-foot{margin-top:0}.home-ui-v83 #conversation-history .history-empty{padding:0;margin:4px 0;text-align:left;min-height:0}.home-ui-v83 #conversation-history>strong{display:block}
.home-ui-v83 .v83-layout>[data-studio-section=recent],.home-ui-v83 .v83-layout>[data-studio-section=tools],.home-ui-v83 .v83-layout>.page-block:has([data-studio-section=recent]),.home-ui-v83 .v83-layout>.page-block:has([data-studio-section=tools]){width:min(1400px,calc((100% - clamp(36px,3.4vw,68px)) * .95));margin:0 auto 34px}
.home-ui-v83 .v83-layout.page-block-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;padding:0}
.home-ui-v83 .v83-layout>.page-block{min-width:0}.home-ui-v83 .v83-layout .page-block [data-studio-section=recent],.home-ui-v83 .v83-layout .page-block [data-studio-section=tools]{width:100%}
.home-ui-v83 .v83-layout:not(.page-block-grid)>[data-studio-section=recent]{margin-top:64px}.home-ui-v83 [data-studio-section=recent],.home-ui-v83 [data-studio-section=tools]{font:400 13px/1.45 system-ui,'Microsoft YaHei',sans-serif;color:#f2edf5}
.home-ui-v83 [data-studio-section=tools] h3{margin:0;font-size:13px;font-weight:600}.home-ui-v83 [data-studio-section=tools] p{margin:3px 0 0;color:#b1adba;font-size:12px}
.home-ui-v83 .showcase-heading h2{margin:0;font-size:16px;color:var(--ink);font-weight:650}.home-ui-v83 #project-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:3px;color:var(--soft);background:transparent;border:0;font:inherit;font-size:11px;cursor:pointer;padding:3px}.home-ui-v83 #project-toggle svg{width:13px;height:13px}
.home-ui-v83 #create-home-project{display:none}
.home-ui-v83 #home-project-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px;padding:0;margin:0}
.home-ui-v83 .home-project-card{min-width:0;border:1px solid #e8dfed20;border-radius:13px;background:linear-gradient(150deg,#1d1d23,#19191e)!important;box-shadow:inset 0 1px #ffffff06;position:relative;height:88px}
.home-ui-v83 .home-project-open{display:flex;align-items:center;gap:12px;padding:7px;text-decoration:none;height:100%}
.home-ui-v83 .home-project-preview{flex:0 0 100px;width:100px!important;height:72px!important;min-height:0!important;border-radius:8px;position:relative;overflow:hidden;background:#282830;object-fit:cover}
.home-ui-v83 .home-project-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.home-ui-v83 .home-project-info{min-width:0;display:grid;gap:5px;padding:0}.home-ui-v83 .home-project-info strong{font-size:13px}.home-ui-v83 .home-project-info small{font-size:11px;color:var(--soft)}
.home-ui-v83 .showcase-heading h2{font-size:18px}.home-ui-v83 #home-project-grid{gap:14px}.home-ui-v83 .home-project-card{height:auto;background:linear-gradient(145deg,#212126,#18181d)!important;border-color:#e8e4f022;box-shadow:none}.home-ui-v83 .home-project-open{padding:6px}.home-ui-v83 .home-project-preview{width:clamp(68px,6vw,100px)!important;height:clamp(50px,4.5vw,74px)!important;flex-basis:clamp(68px,6vw,100px)}
.home-ui-v83 .home-project-menu-trigger{width:23px;height:23px;bottom:4px;right:4px;top:auto;font-size:16px}.home-ui-v83 .home-project-menu{z-index:20}
.home-ui-v83 .library-empty{grid-column:1/-1;padding:24px;border:1px dashed var(--edge);border-radius:12px;color:var(--soft);font-size:13px}
.home-ui-v83 .home-showcase{margin:0 auto;width:calc(100% - clamp(36px,3.4vw,68px));max-width:none}
.home-ui-v83 .home-gallery{max-width:none}.home-ui-v83 .poster-slide{width:100%;height:auto!important;aspect-ratio:1672/941;object-fit:contain!important}
.home-ui-v83 .v83-examples-label{font-size:11px;color:var(--soft)}
.home-ui-v83 .v83-footer{grid-column:2;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:28px;color:var(--soft);font-size:12px;background:transparent;border:0;margin:0}
.home-ui-v83 .v83-footer a,.home-ui-v83 .v83-footer button{font:inherit;color:inherit;background:none;border:0;text-decoration:none}
.home-ui-v83 .workspace-view .back-link,.home-ui-v83 .workspace-view .projects-heading>i,.home-ui-v83 .workspace-view .asset-heading>i{display:none}.home-ui-v83 .workspace-view .asset-layout{display:flex;flex-direction:column}.home-ui-v83 .workspace-view .asset-sidebar{order:-1}
.home-ui-v83 .workspace-view .project-dialog,.home-ui-v83 .workspace-view .asset-confirm,.home-ui-v83 .workspace-view .asset-viewer{position:fixed;margin:auto}
.home-ui-v83 #v83-mobile-toggle{display:none}
.v83-link{color:var(--overlay-muted);font:inherit;font-size:12px;text-decoration:none;border:0;background:none;padding:8px 0;cursor:pointer}
.v83-purchase-dialog .credits-page{padding:0;margin:0;max-width:none}.v83-purchase-dialog .credits-page-heading h1{font-size:24px}
.home-ui-v83[data-account-theme=light]{--stage:#f5f3f7;--surface:#fff;--ink:#302b38;--soft:#706879;--edge:#36244624;--rail-text:#3b3545;--rail-muted:#777;--text:#302b38;--icon-neutral:#706779;--icon-lilac:#925c9b;color-scheme:light}
.home-ui-v83[data-account-theme=light]>.rail{background:#eeebf1}.home-ui-v83[data-account-theme=light] .rail-wordmark{filter:brightness(.35)}.home-ui-v83[data-account-theme=light] .rail-item[aria-current=page]{background:#dcd5e5}
.home-ui-v83[data-account-theme=light] .create-intro h1{color:#32253d}.home-ui-v83[data-account-theme=light] #composer{background:linear-gradient(#fff,#f2eef5)!important;color:#302b38}.home-ui-v83[data-account-theme=light] #composer :is(.composer-option,.agent-mode,.composer-mode-button){color:#584763}.home-ui-v83[data-account-theme=light] #conversation-history :is(input,select){background:#fff}
.home-ui-v83[data-account-theme=light] .update-list>li{background:#e5deee}.home-ui-v83[data-account-theme=light] .update-list h3{color:#372d43}.home-ui-v83[data-account-theme=light] .update-list p{color:#685e73}.home-ui-v83[data-account-theme=light] .home-project-card{background:#eee9f3!important}.home-ui-v83[data-account-theme=light] .home-project-info strong{color:#392f44!important}
.home-ui-v83[data-account-theme=light] .workspace-view{--text:#352c40;--muted:#766c7f;--stroke:#39254b24;--bg:#f5f3f7;--panel:#fff;--panel-soft:#e6dfee;color:var(--text)}
.home-ui-v83[data-account-theme=light] .workspace-view :is(.project-search,.asset-search,.toolbar-button,.asset-action,.upload-button,.folder-filter.active,.source-tab.active,.media-tab.active,.project-card,.project-menu,.folder-menu,.project-dialog,.asset-confirm){background:#eee9f3;color:#392d46;border-color:#39254b24}.home-ui-v83[data-account-theme=light] .workspace-view :is(h1,h2,.project-name,.folder-filter,.source-tab,.media-tab,.project-menu button){color:#392d46}
.home-ui-v83[data-account-theme=light] .rail-canvas{background:#dfd8e7;color:#392f44}.home-ui-v83[data-account-theme=light] .v83-create-tabs .home-workspace-tabs{background:#e7e1ed}.home-ui-v83[data-account-theme=light] .v83-create-tabs .home-workspace-tab{color:#63536f}.home-ui-v83[data-account-theme=light] .v83-create-tabs .home-workspace-tab.selected{color:#382943;background:#ddd2e8}
@media(min-width:861px){.home-ui-v83 .v83-layout>[data-studio-section=recent]{width:min(1520px,calc((100% - clamp(36px,3.4vw,68px)) * .97))}}
@media(max-width:1100px){.home-ui-v83 #home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){body.home-ui-v83{grid-template-columns:minmax(0,1fr);grid-template-rows:52px minmax(0,1fr) auto}.home-ui-v83>.stage,.home-ui-v83>.v83-topbar,.home-ui-v83>.v83-footer{grid-column:1}.home-ui-v83>.v83-topbar{height:52px;position:sticky;top:0;justify-content:space-between;padding:0 10px;background:var(--stage)!important;gap:5px}.home-ui-v83 #v83-mobile-toggle{display:block;border:1px solid var(--edge);background:var(--surface);color:var(--ink);border-radius:8px;width:29px;height:29px;flex-shrink:0}.home-ui-v83>.rail{display:none}.home-ui-v83.rail-mobile-open>.rail{display:block;position:fixed;inset:52px auto 0 0;width:240px;z-index:35;box-shadow:30px 0 80px #0007}.home-ui-v83 .account-actions .support-link{height:30px;padding:0 6px;font-size:11px}.home-ui-v83 #composer{min-height:236px;padding:15px 11px 14px!important}.home-ui-v83 #composer .upload-tile,.home-ui-v83 #composer .submit-button{width:34px;height:34px;min-width:34px;flex-basis:34px}.home-ui-v83 #composer #prompt{font-size:16px}.home-ui-v83 #composer .composer-tools{gap:10px}.home-ui-v83 #composer .composer-foot{flex-wrap:wrap;gap:5px}.home-ui-v83 #composer .composer-submit{margin-left:auto}.home-ui-v83 .v83-create-tabs{margin:17px auto 21px!important}.home-ui-v83 #home-project-grid{gap:8px}.home-ui-v83 .home-project-open{gap:7px}.home-ui-v83 .home-project-preview{flex-basis:52px;width:52px!important;height:60px!important}.home-ui-v83 .home-project-info strong{font-size:11px}.home-ui-v83 .v83-footer{gap:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.home-ui-v83 *,.home-ui-v83 *::before,.home-ui-v83 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Original handoff width; artwork owns the height and controls overlay it. */
.home-ui-v83 .home-showcase>section.showcase-carousel{position:relative}
.home-ui-v83 .showcase-carousel .poster-controls{position:absolute;right:12px;bottom:8px;margin:0;z-index:2}
.home-ui-v83 .poster-controls button::before{box-shadow:0 0 3px #000,0 0 1px #000}