/* V13 product layout. The same maintained editors inherit this theme. */
:root{--preview-height:0px;--ink:var(--text);--paper:var(--bg);--card:var(--panel);--soft:var(--panel2);--border:var(--line);--primary:var(--accent);--sidebar-width:240px;font-size:16px}
body{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif!important;font-size:15px;color:var(--text)!important;background:var(--bg)!important}
.native-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100dvh;padding:0}
.native-shell>.sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;padding:22px 17px;background:var(--sidebar);border-right:1px solid var(--line-soft);display:flex;flex-direction:column;z-index:30}
.native-shell>.workspace{grid-column:2;min-width:0;margin:0;width:100%;max-width:none}
.native-shell .brand{padding:0!important;margin:0 0 26px;background:none;border:0;min-height:60px;height:auto}.native-shell .brand .brand-link{display:flex!important;opacity:1!important;visibility:visible!important}.has-workspace-ball .native-shell .brand{padding-left:0!important}.native-shell .brand-link{margin-left:0!important}
.brand-link{display:flex;align-items:center;gap:10px;text-align:left;padding:0;width:auto}.brand-link img{width:33px;height:40px}.brand-link span{display:grid;gap:3px}.brand-link b{font-size:18px;font-weight:600;letter-spacing:1px}.brand-link small{font-size:11px;color:var(--muted)}
.native-shell .site-pill{margin-bottom:20px}.native-shell .side-nav{display:grid;gap:4px;overflow:auto;margin:0}.native-shell .nav-item{min-height:44px;font-size:15px;gap:11px;border-radius:5px;color:var(--muted);padding:10px 13px;text-align:left;display:flex;align-items:center;width:100%}.native-shell .nav-item.active{color:var(--text);background:var(--panel2);border-left:2px solid var(--seal)}.native-shell .nav-item:hover{background:var(--panel2);color:var(--text)}
.native-shell .side-nav{flex:0 1 auto;align-content:start;grid-auto-rows:min-content;padding:0}.native-shell .side-bottom{margin-top:auto;padding:16px 0 0;position:static}.native-shell .side-profile{max-width:100%;overflow:hidden;padding:10px 3px}.side-profile b{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.native-shell .side-help{border:0;background:none;margin:0;padding:5px 10px;font-size:13px;color:var(--muted)}
.native-shell .topbar{position:sticky;top:0;left:auto;margin:0;height:78px;padding:0 28px;background:var(--bg);border-bottom:1px solid var(--line-soft);display:flex;gap:17px;z-index:20;width:100%}.header-wallet{margin-left:auto}.header-wallet small{font-size:11px}.header-wallet b{font-size:16px}.avatar{flex:none;background:var(--panel3);color:var(--text)}
.native-shell .shell-main{margin:0;padding:0;min-height:calc(100dvh - 78px);width:auto}.native-shell .content{padding:28px;max-width:1800px;margin:0 auto;min-height:calc(100dvh - 132px)}.native-shell .footer{padding:12px 28px;margin:0;background:none;color:var(--dim);border-top:1px solid var(--line-soft);font-size:11px}
.home-intro{position:relative;padding:28px 0 32px;display:flex;justify-content:space-between;min-height:195px}.home-intro h1{font:500 clamp(28px,3vw,46px)/1.3 Georgia,"Songti SC",serif;margin:15px 0}.home-intro p{color:var(--muted);font-size:15px}.home-inscription{position:relative;right:auto;top:auto;display:flex;align-items:center;gap:20px;padding:20px 28px}.home-inscription span{writing-mode:vertical-rl;font-family:Georgia,SimSun,serif;letter-spacing:8px;font-size:22px;color:var(--dim)}
.native-notices{display:flex;align-items:center;gap:20px;padding:16px 20px;margin-bottom:30px;border-left:3px solid var(--seal)}.native-notices>strong{display:flex;align-items:center;gap:8px}.native-notices>div{flex:1;color:var(--muted);font-size:14px}.native-notices p{margin:0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.section-heading h2{font-size:18px;margin:0}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.module-card{position:relative;text-align:left;min-height:150px;padding:24px;background:var(--panel);border:1px solid var(--line-soft);border-radius:7px;color:var(--text);transition:border-color .18s,transform .18s}.module-card:hover{border-color:var(--gold);transform:translateY(-2px)}.module-card h3{font-size:16px;margin:20px 0 0}.module-icon{color:var(--jade)}.module-card>span:last-child{position:absolute;right:20px;bottom:25px;color:var(--dim)}
.arrival-shell{min-height:100dvh}.arrival-pane input{font-size:16px!important}.arrival-header .theme-controls{display:inline-flex}.arrival-header>div{display:flex;align-items:center;gap:12px}.arrival-form .form-error:empty{display:none}.arrival-form .form-error{color:var(--red);font-size:14px;line-height:1.7}.arrival-action button.primary{min-width:190px}.arrival-pane[aria-busy=true]{cursor:progress}
.btn.dark{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:var(--accent)!important}.muted,.form-note,.tiny.muted,.page-heading p{color:var(--muted)!important}.panel,.table-wrap,dialog,.account-dropdown{background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)!important}.panel-padding{padding:20px}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{background:var(--input)!important;color:var(--text)!important;border-color:var(--line)!important;font-size:14px!important}input::placeholder,textarea::placeholder{color:var(--dim)!important}.form-stack>label,.form-stack label{font-size:14px}.page-heading h1{font-size:23px}.page-heading p{font-size:14px}.form-note{font-size:13px!important}table th{background:var(--panel2)!important;color:var(--muted)!important;font-size:13px!important}table td{font-size:14px!important;border-color:var(--line-soft)!important}.table-wrap button{font-size:13px}.table-wrap tr:hover{background:var(--panel2)!important}
.native-shell :is(.image-dropzone,.image-templates,.image-reference-grid figure,.image-receipt,.image-receipt-history,.video-reference,.video-model-card,.tracker-row,.tracker-latest,.tracker-empty,.model-option,.compact-choice,.library-filter,.canvas-nav-menu,.tab,.catalog-card,.task-card){background:var(--panel2)!important;color:var(--text)!important;border-color:var(--line)!important}.native-shell :is(.image-dropzone,.image-templates,.video-reference,.generation-tracker) small{color:var(--muted)!important}.native-shell :is(.image-dropzone,.video-reference) strong{color:var(--text)!important}.native-shell .panel :is(h2,h3,strong){color:var(--text)}.native-shell .creation-grid{grid-template-columns:minmax(0,1fr) 290px}.native-shell .generation-tracker{min-width:0}.native-shell .page-heading{margin-bottom:18px}
.canvas-floating-nav .canvas-nav-ball{background:var(--panel)!important;border-color:var(--line)!important;box-shadow:var(--shadow)}.canvas-nav-menu{background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)!important}.canvas-nav-menu button{color:var(--text)!important}.canvas-nav-menu p{color:var(--muted)!important}
body.canvas-focus .native-shell,body.workspace-nav-hidden .native-shell{display:block}body.canvas-focus .native-shell>.sidebar,body.workspace-nav-hidden .native-shell>.sidebar{display:none}body.canvas-focus .native-shell .topbar,body.canvas-focus .native-shell .footer{display:none}body.canvas-focus .native-shell .content{padding:0!important;height:100dvh;min-height:100dvh;max-width:none}body.canvas-focus .canvas-workspace-frame{width:100%;height:100dvh;border:0}.canvas-workspace-frame{width:100%;height:calc(100dvh - 140px);border:0}
dialog{border:1px solid var(--line);border-radius:9px;width:min(640px,94vw);max-height:88dvh;padding:24px}dialog.wide{width:min(1180px,95vw)}dialog::backdrop{background:#080a0db3;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line-soft);padding-bottom:16px}.dialog-head h2{font-size:21px}.dialog-head p{color:var(--muted);font-size:14px}.dialog-content{padding-top:18px}.form-error,.error-message{color:var(--red)!important}.language-options{display:flex;flex-wrap:wrap;gap:10px}#toast{z-index:2000;background:var(--panel);border:1px solid var(--line);color:var(--text)}#toast.visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}.mobile-menu{display:none}.native-shell .loading{background:transparent}.native-shell .route-load{padding:100px 20px;min-height:400px;color:var(--text)}
@media(min-width:1500px){.module-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-wallet>span:nth-child(2){display:none}.native-shell .topbar{padding:0 20px;gap:12px}.breadcrumb>span,.breadcrumb>em{display:none}.native-shell .content{padding:22px}}
@media(max-width:800px){.native-shell{display:block}.native-shell>.sidebar{transform:translateX(-100%);transition:transform .2s}.menu-open .native-shell>.sidebar{transform:translateX(0)}.native-shell>.workspace{width:100%}.native-shell .mobile-menu{display:block}.native-shell .topbar{height:66px;gap:9px;padding:0 12px}.header-wallet{gap:8px}.header-wallet b{font-size:14px}.header-wallet .btn{font-size:12px;padding:7px}.header-wallet>span>small{display:none}.native-shell .breadcrumb{display:none}.native-shell .content{padding:16px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module-card{min-height:130px;padding:18px}.home-intro{padding:12px 0;min-height:160px}.home-inscription{display:none}.home-intro h1{font-size:30px}.native-notices{gap:12px;flex-wrap:wrap}.native-notices>div{min-width:150px}.arrival-header .theme-controls span{display:none}.arrival-header .brand-link small{display:none}.arrival-header{padding:20px}.native-shell .creation-grid{grid-template-columns:1fr}.native-shell .footer{font-size:10px}.native-shell .bell{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.module-card{transition:none}.module-card:hover{transform:none}}
.native-shell .composer-controls label,.native-shell .composer-controls label>span{color:var(--muted)!important}.native-shell :is(.composer-reference,.composer-submitbar,.composer-choice,.composer-upload){background:var(--panel2)!important;color:var(--text)!important;border-color:var(--line)!important}.native-shell .composer-choice[aria-pressed=true]{background:var(--accent-soft)!important;border-color:var(--jade)!important;color:var(--text)!important}.native-shell :is(.composer-submitbar,.composer-reference) :is(p,small,label){color:var(--muted)!important}.native-shell .tracker-row{background:transparent!important}.native-shell .live-studio{grid-template-columns:minmax(0,1fr) 280px}.native-shell .tracker-history{max-height:calc(100dvh - 440px)}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.community-art img,.community-art video{width:100%;height:210px;object-fit:contain;background:var(--input)}.community-toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-bottom:20px}.community-card{overflow:hidden}.community-card h3{font-size:17px}.community-card p{color:var(--muted);font-size:14px}.community-card .row .btn{font-size:12px}.native-shell .nav-item::before{display:none}
@media(max-width:800px){.native-shell .live-studio{grid-template-columns:1fr}}
.native-shell :is(.tracker-cards,.tracker-card,.tracker-list,.tracker-list-item,.tracker-row-wrap,.tracker-result,.tracker-running-preview,.tracker-inline-preview,.tracker-latest-result,.tracker-download,.composer-image-add){background:var(--panel2)!important;border-color:var(--line)!important;color:var(--text)!important}.native-shell :is(.tracker-status.running,.tracker-status.done){color:var(--jade)!important;background:var(--accent-soft)!important}.native-shell :is(.tracker-summary,.tracker-row-copy small,.tracker-task-number,.video-reference-help,#video-price,#image-price){color:var(--muted)!important}.native-shell .tracker-status.failed{color:var(--red)!important;background:var(--accent-soft)!important}.native-shell .composer-image-add:hover{border-color:var(--jade)!important}.native-shell .native-notices p{font-size:14px}.native-shell .brand img{display:none}.native-shell .brand-link>span{padding-left:46px}.native-shell .brand small{font-size:10px;letter-spacing:0}.native-shell .content{min-height:calc(100dvh - 144px)}
@media(min-width:801px){.native-shell #route-content .live-studio{grid-template-columns:minmax(0,1fr) 290px!important}}