:root{--canvas:#f5f7fa;--surface-raised:#ffffffeb;--surface-subtle:#f8fafb;--task-accent:#12b8ae;--action-accent:#1677ff;--elevation-1:0 1px 2px #1118270a, 0 8px 22px #1118270b;--elevation-2:0 2px 4px #1118270d, 0 16px 38px #11182714}html[data-theme=dark]{--canvas:#0f1216;--surface-raised:#171a1ff0;--surface-subtle:#1b1f25;--task-accent:#38dfd2;--action-accent:#61a0ff;--elevation-1:0 1px 2px #0000002e, 0 10px 26px #00000029;--elevation-2:0 2px 5px #00000038, 0 18px 42px #0000003d}html{scroll-behavior:smooth}body{background:var(--canvas);text-rendering:optimizelegibility}.sidebar{background:var(--surface-raised);box-shadow:10px 0 30px #11182706}.brand-lockup img,.home-brand img,.user-auth-logo img{box-shadow:0 5px 16px #11182717}.main-nav a{transition:background-color .18s,color .18s,transform .18s;position:relative}.main-nav a:before{background:var(--task-accent);content:"";opacity:0;border-radius:0 3px 3px 0;width:3px;height:20px;transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;left:-12px;transform:scaleY(.35)}.main-nav a:hover{transform:translate(2px)}.main-nav a.active:before{opacity:1;transform:scaleY(1)}.topbar{-webkit-backdrop-filter:blur(18px)saturate(1.15)}.page-content>:not(.workspace-layout):not(.video-workspace){animation:.34s cubic-bezier(.2,.72,.25,1) both mouzai-page-enter}.standard-page,.admin-page{padding:32px clamp(20px,2.5vw,38px) 44px}.page-heading-row,.admin-title-row,.gallery-heading{min-height:54px}.page-heading-row>div>span,.admin-title-row>div>span,.gallery-heading>div>span{color:var(--muted);font-size:11px;font-weight:650;line-height:1.5}.page-heading-row h2,.admin-title-row h2,.gallery-heading h2{font-size:22px;line-height:1.3}:where(.task-table-panel,.admin-table-panel,.jobs-panel,.operations-panel,.system-panel,.recharge-section,.transactions-section,.settings-content,.project-card,.inspiration-card,.tool-catalog-item,.metric-item,.task-summary-strip>div,.user-summary-strip>div){box-shadow:var(--elevation-1)}:where(.project-card,.inspiration-card,.tool-catalog-item,.metric-item){transition:border-color .2s,box-shadow .22s,transform .22s cubic-bezier(.2,.75,.2,1)}:where(.project-card,.inspiration-card,.tool-catalog-item,.metric-item):hover{border-color:color-mix(in srgb, var(--task-accent) 28%, var(--line));box-shadow:var(--elevation-2);transform:translateY(-2px)}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]),select){min-height:44px}:where(textarea){min-height:92px}:where(.settings-form-grid,.drawer-section,.moderation-field,.field-group) label>span,:where(.settings-form-grid,.drawer-section,.moderation-field,.field-group)>label{font-size:12px}.search-field,.filter-bar select,.admin-filter-bar select{height:44px}.primary-action,.primary-compact,.secondary-command,.row-action,.wallet-adjustment-submit,.settings-save,.recharge-button{min-height:40px;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .16s}:where(.primary-action,.primary-compact,.wallet-adjustment-submit,.settings-save,.recharge-button):hover:not(:disabled){box-shadow:0 8px 18px color-mix(in srgb, var(--task-accent) 18%, transparent);transform:translateY(-1px)}:where(button,a):active:not(:disabled){transform:translateY(1px)}.table-scroll{scrollbar-gutter:stable;border-radius:7px}table{margin-top:10px}th{background:var(--surface-subtle);color:var(--ink-soft);z-index:1;height:42px;font-size:11px;position:sticky;top:0}td{height:46px;font-size:11px}tbody tr{transition:background-color .15s}tbody tr:hover{background:color-mix(in srgb, var(--task-accent) 5%, transparent)}.pagination-controls{background:color-mix(in srgb, var(--surface) 80%, transparent);border-radius:8px;margin-top:22px;padding:10px}.pagination-controls>button{min-height:40px}.workspace-layout,.video-workspace,.copy-layout{position:relative}.workspace-layout:before,.video-workspace:before,.copy-layout:before{background:linear-gradient(90deg, var(--task-accent), var(--action-accent), transparent 82%);content:"";pointer-events:none;z-index:4;height:2px;position:absolute;top:0;left:0;right:0}.settings-panel,.copy-settings{background:color-mix(in srgb, var(--surface) 96%, var(--canvas))}.panel-heading{min-height:62px}.field-group{margin-bottom:22px}.field-group>label{color:var(--ink-soft);font-weight:750}.style-options button,.template-list button,.category-tabs button{transition:background-color .18s,border-color .18s,color .18s,transform .16s}.style-options button:hover,.template-list button:hover{transform:translateY(-1px)}.drawer-backdrop,.modal-backdrop{-webkit-backdrop-filter:blur(7px)}.user-drawer,.modal-dialog,.payment-dialog,.work-detail-modal{background:var(--surface);box-shadow:0 28px 80px #080c1438}.user-drawer{animation:.28s cubic-bezier(.2,.72,.25,1) both mouzai-drawer-enter}@supports (animation-timeline:view()){:where(.tool-group,.project-card,.inspiration-card,.settings-content>section){animation:linear both mouzai-scroll-reveal;animation-timeline:view();animation-range:entry entry 28%}}@keyframes mouzai-page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes mouzai-drawer-enter{0%{opacity:.65;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes mouzai-scroll-reveal{0%{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:760px){.standard-page,.admin-page{padding:20px 14px 34px}.page-heading-row h2,.admin-title-row h2,.gallery-heading h2{font-size:20px}.main-nav a:hover{transform:none}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]),select){min-height:46px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:root{--ink:#15191f;--ink-soft:#424a55;--muted:#707985;--faint:#9ca4af;--paper:#f3f6f8;--surface:#fff;--surface-alt:#edf1f4;--line:#dce2e7;--line-strong:#c8d0d8;--teal:#0aaea5;--teal-soft:#e4f7f5;--coral:#0aaea5;--coral-soft:#e4f7f5;--blue:#2878e5;--blue-soft:#eaf2ff;--green:#218a57;--green-soft:#e7f5ed;--amber:#a47716;--amber-soft:#faf1d9;--danger:#cf4545;--danger-soft:#fdecec;--stage:#10151a;--control-bg:#fff;--control-bg-hover:#f9fbfc;--control-bg-disabled:#edf1f4;--control-border:#cbd3da;--control-border-hover:#9eaab5;--control-radius:7px;--control-height:44px;--shadow:0 1px 2px #0f17200a, 0 12px 32px #0f172012;--shadow-float:0 22px 64px #0f172029;--ui-radius:8px;--ui-page-pad:clamp(20px, 2.4vw, 38px)}html[data-theme=dark]{--ink:#f3f6f8;--ink-soft:#c5cbd2;--muted:#9aa3ae;--faint:#737d89;--paper:#0d1115;--surface:#151a1f;--surface-alt:#1d242b;--line:#29323a;--line-strong:#3a4651;--teal:#44d6ca;--teal-soft:#123634;--coral:#44d6ca;--coral-soft:#123634;--blue:#72a8ff;--blue-soft:#172b48;--green:#61cf91;--green-soft:#173426;--amber:#e5b956;--amber-soft:#372d18;--danger:#ff7b7b;--danger-soft:#3a2022;--stage:#080b0e;--control-bg:#171d22;--control-bg-hover:#1c232a;--control-bg-disabled:#20272e;--control-border:#35404a;--control-border-hover:#596673;--shadow:0 1px 2px #0003, 0 14px 36px #00000038;--shadow-float:0 24px 70px #0000006b}body{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 44%, transparent), transparent 260px), var(--paper);font-family:SF Pro Text,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:14px;line-height:1.5}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}::selection{background:color-mix(in srgb, var(--teal) 24%, transparent)}.sidebar{background:color-mix(in srgb, var(--surface) 96%, transparent);border-right-color:color-mix(in srgb, var(--line) 82%, transparent);width:232px;padding:18px 13px 14px;box-shadow:12px 0 36px #0f172009}.brand-lockup{min-height:46px;padding:0 8px}.brand-lockup img{border:1px solid color-mix(in srgb, var(--line) 75%, transparent);border-radius:8px;box-shadow:0 6px 18px #0f17201a}.brand-lockup strong{font-size:17px;font-weight:760}.brand-lockup span{font-size:11px}.main-nav{scrollbar-width:thin;gap:2px;margin-top:25px;padding:0 2px 10px}.admin-nav-group{display:contents}.nav-label{text-transform:uppercase;margin:10px 10px 7px;font-size:10px}.nav-label-spaced{margin-top:21px}.main-nav a,.sidebar-footer>button{border:1px solid #0000;border-radius:7px;gap:11px;min-height:43px;padding:0 11px;font-size:13px;transition:background-color .16s,border-color .16s,color .16s,transform .16s}.main-nav a:hover,.sidebar-footer>button:hover{background:var(--surface-alt);border-color:color-mix(in srgb, var(--line) 80%, transparent)}.main-nav a.active{background:var(--teal-soft);border-color:color-mix(in srgb, var(--teal) 15%, var(--line));color:var(--teal);font-weight:760}.account-compact{background:color-mix(in srgb, var(--surface-alt) 64%, transparent);border:1px solid var(--line);border-radius:8px;margin-top:10px;padding:10px}.avatar{background:var(--ink);color:var(--surface)}.shell-main{margin-left:232px}.topbar{background:color-mix(in srgb, var(--surface) 88%, transparent);border-bottom-color:color-mix(in srgb, var(--line) 80%, transparent);height:68px;padding:0 24px}@supports ((-webkit-backdrop-filter:blur(18px)) or (backdrop-filter:blur(18px))){.topbar,.legal-site-header,.home-header{-webkit-backdrop-filter:blur(18px)saturate(1.12)}}.topbar h1{font-size:17px;font-weight:760}.topbar-actions{gap:9px}.icon-button,.theme-toggle{border:1px solid #0000;border-radius:7px}.icon-button:hover,.theme-toggle:hover{border-color:var(--line)}.balance-button,.admin-session,.admin-version{border:1px solid var(--line);border-radius:7px;min-height:38px}.balance-button{background:var(--surface-alt)}.page-content{min-height:calc(100dvh - 68px)}.standard-page,.admin-page,.security-page{max-width:1520px;padding:34px var(--ui-page-pad) 56px;margin:0 auto}.page-heading-row,.admin-title-row,.security-heading,.gallery-heading{border-bottom:1px solid var(--line);align-items:flex-end;min-height:62px;padding-bottom:19px}.page-heading-row h2,.admin-title-row h2,.security-heading h2,.gallery-heading h2{font-size:23px;font-weight:760;line-height:1.25}.page-heading-row>div>span,.admin-title-row>div>span,.security-heading>div>span,.gallery-heading>div>span{color:var(--teal);font-size:10px;font-weight:760}:where(.task-table-panel,.admin-table-panel,.jobs-panel,.operations-panel,.system-panel,.recharge-section,.transactions-section,.settings-content,.document-editor,.security-password,.security-phone,.security-sessions,.wallet-balance-band,.admin-review-content,.admin-recharge-operations){background:var(--surface);border:1px solid var(--line);border-radius:var(--ui-radius);box-shadow:var(--shadow)}:where(.project-card,.inspiration-card,.tool-catalog-item,.metric-item,.responsive-data-card){background:var(--surface);border:1px solid var(--line);border-radius:var(--ui-radius);transition:border-color .18s,box-shadow .2s,transform .2s;overflow:hidden;box-shadow:0 1px 2px #0f172009}:where(.project-card,.inspiration-card,.tool-catalog-item,.metric-item,.responsive-data-card):hover{border-color:color-mix(in srgb, var(--teal) 28%, var(--line));box-shadow:var(--shadow);transform:translateY(-2px)}.metric-grid{gap:12px;margin-top:22px}.metric-item{min-height:126px;padding:18px}.metric-item strong{font-size:24px}.metric-icon{border-radius:7px}.admin-grid{gap:16px}.section-heading{border-bottom:1px solid var(--line);align-items:center;min-height:64px;padding-bottom:15px}.section-heading h2{font-size:17px}.section-heading>div>span{font-size:10px}.filter-bar,.admin-filter-bar{background:color-mix(in srgb, var(--surface) 76%, transparent);border:1px solid var(--line);border-radius:8px;gap:10px;margin:20px 0;padding:11px}.search-field{background:var(--control-bg);border-color:var(--control-border);border-radius:7px;height:44px}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]),textarea,select){border-radius:7px;min-height:44px}:where(textarea){min-height:104px;padding:11px 12px;line-height:1.65}:where(.primary-action,.primary-compact,.settings-save,.wallet-adjustment-submit,.recharge-button,.user-auth-submit,.admin-login-submit){background:var(--ink);border:1px solid var(--ink);color:var(--surface);border-radius:7px;min-height:42px;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s}:where(.primary-action,.primary-compact,.settings-save,.wallet-adjustment-submit,.recharge-button,.user-auth-submit,.admin-login-submit):hover:not(:disabled){background:var(--teal);border-color:var(--teal);box-shadow:0 8px 20px color-mix(in srgb, var(--teal) 22%, transparent);transform:translateY(-1px)}:where(.secondary-command,.row-action,.workspace-new-project,.result-continue-button){background:var(--surface);border:1px solid var(--line-strong);border-radius:7px;min-height:40px}.table-scroll{border:1px solid var(--line);border-radius:7px;margin-top:14px;overflow:auto}table{margin-top:0}th{background:var(--surface-alt);color:var(--ink-soft);height:45px;font-size:11px;font-weight:760}td{height:49px;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:color-mix(in srgb, var(--teal) 5%, transparent)}.pagination-controls{background:var(--surface-alt);border:1px solid var(--line);border-radius:8px;padding:9px}.pagination-controls>button{background:var(--surface);border-radius:7px}.settings-layout{grid-template-columns:232px minmax(0,1fr);gap:18px}.settings-tabs,.admin-secondary-nav,.document-list{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0f17200a}.settings-tabs{padding:7px}.settings-tabs button,.admin-secondary-nav button{border:1px solid #0000;border-radius:7px;min-height:50px}.settings-tabs button:hover,.settings-tabs button.active,.admin-secondary-nav button:hover,.admin-secondary-nav button.active{background:var(--teal-soft);border-color:color-mix(in srgb, var(--teal) 15%, var(--line));color:var(--teal)}.settings-content{min-height:580px;padding:clamp(19px,2vw,30px)}.settings-section-heading{margin-bottom:24px;padding-bottom:18px}.settings-section-heading h3{font-size:16px}.settings-section-heading span{font-size:11px;line-height:1.6}.settings-form-grid{gap:20px 18px}.settings-form-grid label>span{margin-bottom:7px;font-size:12px}.settings-form-grid label>small{font-size:10px}.settings-toggle-row{min-height:70px}.responsive-card-list{gap:12px}.responsive-data-card{padding:16px}.responsive-card-head{padding-bottom:12px}.responsive-card-details{gap:10px}.responsive-card-details>div{background:var(--surface-alt);border-radius:7px;padding:10px}.user-drawer,.modal-dialog,.payment-dialog,.work-detail-modal,.generation-plan-modal,.task-background-modal{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-float);border-radius:8px}.drawer-backdrop,.modal-backdrop,.generation-plan-backdrop,.task-background-backdrop{background:#0c12187a}.workspace-layout,.video-workspace,.copy-layout{background:var(--paper);border-top:1px solid color-mix(in srgb, var(--teal) 28%, var(--line))}.workspace-layout{grid-template-columns:84px minmax(0,1fr) minmax(320px,352px);min-height:max(680px,100dvh - 68px)}.tool-rail{background:var(--surface);border-right-color:var(--line);gap:6px;height:calc(100dvh - 68px);padding:11px 8px;top:68px}.tool-rail button{border:1px solid #0000;border-radius:7px;min-height:60px;font-size:10px;transition:background-color .16s,border-color .16s,color .16s,transform .16s}.tool-rail button:hover{border-color:var(--line);transform:translateY(-1px)}.tool-rail button.active{background:var(--teal-soft);border-color:color-mix(in srgb, var(--teal) 17%, var(--line));box-shadow:inset 3px 0 var(--teal);color:var(--teal)}.canvas-column{background:var(--surface);grid-template-rows:58px minmax(360px,1fr) auto auto;height:calc(100dvh - 68px);min-height:680px;top:68px}.canvas-toolbar{background:color-mix(in srgb, var(--surface) 94%, transparent);border-bottom-color:var(--line);gap:12px;min-width:0;padding:0 13px}.canvas-toolbar>.toolbar-group{min-width:0}.canvas-toolbar>.toolbar-group:last-child{justify-content:flex-end}.canvas-toolbar .icon-button{min-width:38px;height:38px}.workspace-new-project,.upload-button,.result-confirm-button,.result-download-button,.publish-button{border-radius:7px;height:38px}.upload-button{background:var(--ink)}.upload-button:hover{background:var(--teal)}.canvas-stage{background-color:var(--stage);background-image:linear-gradient(#69e3d909 1px,#0000 1px),linear-gradient(90deg,#69e3d909 1px,#0000 1px);background-size:24px 24px;padding:clamp(16px,2.4vw,30px)}.artboard{box-shadow:0 22px 56px #00000047}.active-tool-status{color:#fff;background:#11171ddb;border:1px solid #ffffff1f;border-radius:7px;top:14px;left:14px}.generation-progress{background:color-mix(in srgb, var(--surface) 93%, transparent);border:1px solid var(--line);box-shadow:var(--shadow-float);border-radius:8px}.result-strip{border-top-color:var(--line);gap:14px;min-height:110px;padding:13px 14px}.result-strip-heading{min-width:118px}.result-thumb{border-radius:7px;flex-basis:78px;height:78px}.result-thumb.selected{border-color:var(--teal);box-shadow:0 0 0 2px color-mix(in srgb, var(--teal) 15%, transparent)}.image-version-history{background:color-mix(in srgb, var(--surface) 96%, var(--teal-soft));border-top-color:var(--line);padding:12px 14px 14px}.image-version-timeline>button{border-radius:7px;flex-basis:184px;min-height:64px}.settings-panel,.copy-settings,.video-settings{background:var(--surface);border-color:var(--line)}.workspace-layout>.settings-panel{padding:20px 18px 36px}.panel-heading{min-height:54px;margin:0 -18px 20px;padding:0 18px 17px}.panel-heading strong{font-size:15px}.field-group{margin-bottom:21px}.field-group>label{margin-bottom:8px;font-size:12px}.style-options{gap:8px}.style-options button,.template-list button,.category-tabs button{border-radius:7px;min-height:39px}.style-options button.active{background:var(--teal-soft);border-color:var(--teal);color:var(--teal)}.price-summary{background:var(--surface-alt);border:1px solid var(--line);border-radius:8px;padding:13px}.workspace-layout .primary-action,.video-workspace .primary-action,.copy-layout .composer-footer button{background:var(--ink)}.workspace-layout .primary-action:hover:not(:disabled),.video-workspace .primary-action:hover:not(:disabled),.copy-layout .composer-footer button:hover:not(:disabled){background:var(--teal)}.video-workspace{grid-template-columns:84px minmax(380px,1fr) minmax(320px,352px);height:calc(100dvh - 68px)}.video-mode-rail{background:var(--surface);padding:11px 8px}.video-mode-rail button{border:1px solid #0000;border-radius:7px}.video-mode-rail button.active{border-color:color-mix(in srgb, var(--teal) 17%, var(--line))}.video-stage-toolbar{min-height:58px}.video-stage{background-color:var(--stage)}.copy-layout{min-height:calc(100dvh - 68px)}.copy-layout .conversation-sidebar,.copy-layout .copy-settings{background:var(--surface)}.copy-layout .message-list{background:linear-gradient(180deg, color-mix(in srgb, var(--teal-soft) 22%, transparent), transparent 180px), var(--paper)}.copy-layout .composer{border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 40px #0f17201a}.copy-layout .message-body{border-radius:8px}.agent-page{background:linear-gradient(180deg, color-mix(in srgb, var(--teal-soft) 48%, transparent), transparent 360px), var(--paper)}.agent-workspace{max-width:1120px}.agent-heading h2{font-size:clamp(28px,4vw,46px);font-weight:760}.agent-panel{box-shadow:var(--shadow);border-radius:8px}.agent-panel textarea{background:var(--surface);border-radius:8px}.agent-message p{border-radius:8px;box-shadow:0 7px 18px #0f17200e}.user-auth-page{background:var(--paper)}.user-auth-brand{background:#11191a}.user-auth-form-wrap{max-width:460px}.auth-input,.auth-method-tabs{border-radius:7px}.auth-input{min-height:50px}.admin-login-page{background:var(--paper)}.admin-login-panel{box-shadow:var(--shadow-float);border-radius:8px}.home-site-shell{--home-cyan:#4dded3;--home-cyan-soft:#4dded321}.home-header{background:#090e11d1}.home-site-shell .home-mode{border-radius:8px}.home-site-shell .home-tool-grid a{min-height:132px}.page-content>:not(.workspace-layout):not(.video-workspace):not(.copy-layout){animation:.28s cubic-bezier(.2,.72,.25,1) both premium-page-enter}@keyframes premium-page-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media (max-width:1100px){.project-grid,.metric-grid,.settings-form-grid.three-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.settings-layout,.admin-review-center,.document-center-layout{grid-template-columns:1fr}.settings-tabs,.admin-secondary-nav,.document-list{position:static}}@media (max-width:760px){:root{--ui-page-pad:14px;--shadow:0 1px 2px #0f17200a, 0 8px 22px #0f17200f}body{font-size:13px}.sidebar{width:min(286px,86vw);padding-top:14px;box-shadow:16px 0 48px #0f17202e}.shell-main{margin-left:0}.topbar{height:64px;padding:0 12px}.topbar-title{gap:8px;min-width:0}.topbar-title>div{gap:7px;min-width:0}.topbar h1{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.topbar .live-status{display:none}.topbar-actions{gap:5px}.balance-button{min-width:72px;padding:0 9px}.balance-button small,.admin-session{display:none}.standard-page,.admin-page,.security-page{padding:22px var(--ui-page-pad) 38px}.page-heading-row,.admin-title-row,.security-heading,.gallery-heading{align-items:flex-start;gap:13px;min-height:0;padding-bottom:16px}.page-heading-row h2,.admin-title-row h2,.security-heading h2,.gallery-heading h2{font-size:21px}.filter-bar,.admin-filter-bar{grid-template-columns:1fr;align-items:stretch;display:grid}.search-field{max-width:none}.project-grid,.metric-grid,.settings-form-grid,.settings-form-grid.three-columns,.admin-grid{grid-template-columns:1fr}.metric-item{min-height:108px}.settings-content{min-height:0;padding:17px 14px}.settings-tabs,.admin-secondary-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:6px;display:grid}.settings-tabs button,.admin-secondary-nav button{width:100%;min-height:48px;margin:0}.responsive-data-card{padding:14px}.workspace-layout{flex-direction:column;min-height:calc(100dvh - 64px);display:flex;overflow:visible}.tool-rail{background:var(--surface);border-bottom:1px solid var(--line);border-right:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;height:auto;padding:7px 6px;display:grid;position:static;overflow:visible}.tool-rail button{flex:none;gap:4px;min-height:54px;padding:5px 2px;font-size:10px}.tool-rail button.active{box-shadow:inset 0 -2px var(--teal)}.canvas-column{order:2;grid-template-rows:auto minmax(360px,68svh) auto auto;height:auto;min-height:0;display:grid;position:static;overflow:visible}.canvas-toolbar{grid-template-columns:1fr;align-items:stretch;gap:7px;min-height:0;padding:8px 10px;display:grid}.canvas-toolbar>.toolbar-group{justify-content:flex-start;gap:4px;width:100%;display:flex;overflow:visible}.canvas-toolbar>.toolbar-group:first-child{background:var(--surface-alt);border-radius:7px;padding:3px}.canvas-toolbar>.toolbar-group:first-child .icon-button{flex:1 1 0;min-width:34px;height:38px}.canvas-toolbar>.toolbar-group:last-child{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px 40px 40px;justify-content:stretch;display:grid}.canvas-toolbar>.toolbar-group:last-child>*{min-width:0}.workspace-new-project,.upload-button{justify-content:center;height:40px;padding:0 8px}.result-confirm-button,.result-download-button,.publish-gallery-trigger{justify-content:center;width:40px;height:40px;padding:0;font-size:0}.canvas-stage{contain:layout paint;min-height:360px;padding:14px}.active-tool-status{max-width:calc(100% - 20px);top:10px;left:10px}.active-tool-status span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-strip{grid-template-columns:1fr;gap:10px;min-height:0;padding:12px;display:grid;overflow:visible}.result-strip-heading{flex-direction:row;align-items:center;min-width:0}.result-strip-heading>div{min-width:0}.result-strip-heading span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;overflow:visible}.result-thumb{aspect-ratio:1;width:100%;min-width:0;height:auto}.image-version-history{padding:11px 12px 13px}.image-version-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;overflow:visible}.image-version-timeline>button{width:100%;min-height:62px}.workspace-layout>.settings-panel{border-left:0;border-top:1px solid var(--line);order:3;padding:18px 14px 34px}.workspace-layout>.settings-panel .panel-heading{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.video-workspace{flex-direction:column;height:auto;min-height:calc(100dvh - 64px);display:flex;overflow:visible}.video-mode-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px;display:grid}.video-mode-rail button{min-height:52px}.video-stage-column{grid-template-rows:auto minmax(360px,62svh) auto}.video-settings{padding:18px 14px 34px}.copy-layout{min-height:calc(100dvh - 64px)}.copy-layout .composer{border-radius:8px}.agent-page{padding:16px 14px}.agent-heading h2{font-size:28px}.agent-panel{padding:13px}.home-site-shell .home-tool-grid a{min-height:112px}}@media (max-width:430px){.topbar-actions .theme-toggle{display:none}.canvas-toolbar>.toolbar-group:last-child{grid-template-columns:1fr 1fr repeat(3,38px)}.canvas-toolbar .toolbar-divider{margin:0 2px}.zoom-value{width:30px}.result-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}.image-version-timeline,.settings-tabs,.admin-secondary-nav{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.page-content>:not(.workspace-layout):not(.video-workspace):not(.copy-layout){animation:none}}
