:root{--brand: #C2410C;--brand-hover: #9A3412;--brand-soft: #FFF1E8;--info: #1D4ED8;--success: #15803D;--warning: #B45309;--danger: #B91C1C;--ai: #6D28D9;--bg: #FAF8F5;--surface: #FFFFFF;--surface-2: #F3EFE9;--border: #E7E2DA;--ink: #292524;--ink-2: #57534E;--ink-3: #A8A29E;--font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--font-editor: "Source Han Serif SC", "Noto Serif SC", "Songti SC", "SimSun", serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--font-mono: "SF Mono", "JetBrains Mono", Consolas, monospace;--text-display: 28px;--text-h1: 22px;--text-h2: 18px;--text-h3: 16px;--text-body: 15px;--text-body-s: 14px;--text-caption: 13px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--radius-s: 4px;--radius-m: 8px;--radius-l: 12px;--radius-full: 999px;--shadow-card: 0 1px 2px rgba(41,37,36,.04), 0 2px 8px rgba(41,37,36,.04);--shadow-pop: 0 4px 16px rgba(41,37,36,.1), 0 2px 4px rgba(41,37,36,.06);--ease: cubic-bezier(.4, 0, .2, 1);--duration: .18s;--leaf-1: #DCE9D0;--leaf-2: #A9CC94;--leaf-3: #6FA45F;--leaf-4: #4E8A4C;--leaf-wash: #EDF3E7;--gold: #E9A23B;--gold-soft: #FDF3E0;--trunk: #8A6D4F;--season-spring: rgba(140,180,120,.1);--season-summer: rgba(111,164,95,.14);--season-autumn: rgba(194,65,12,.09);--season-winter: rgba(120,113,108,.1)}[data-theme=dark]{--brand: #EA580C;--bg: #1C1917;--surface: #292524;--surface-2: #44403C;--border: #44403C;--ink: #F5F4F2;--ink-2: #D6D3D1;--ink-3: #78716C}body{font-family:var(--font-body);font-size:var(--text-body);line-height:1.7;color:var(--ink);background:var(--bg);background-image:radial-gradient(1200px 600px at 80% -10%,rgba(194,65,12,.035),transparent 60%),radial-gradient(800px 500px at -10% 110%,rgba(29,78,216,.025),transparent 55%);-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.35;margin:0;font-weight:600}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}a{color:var(--info);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;font:inherit;font-size:var(--text-body-s);font-weight:500;border-radius:var(--radius-m);border:1px solid transparent;cursor:pointer;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease);-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:transparent;color:var(--danger)}.btn-danger:hover:not(:disabled){background:#fef2f2}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--text-body-s);color:var(--ink-2);font-weight:500}.input{height:36px;padding:0 12px;font:inherit;font-size:var(--text-body);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);outline:none;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.input::placeholder{color:var(--ink-3)}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}textarea.input{height:auto;min-height:72px;padding:8px 12px;resize:vertical}select.input{appearance:auto}.card{background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-card);padding:20px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-success{background:var(--success)}.dot-info{background:var(--info);animation:pulse 1.2s var(--ease) infinite}.dot-warn{background:var(--warning)}.dot-muted{background:var(--ink-3)}.dot-danger{background:var(--danger)}@keyframes pulse{50%{opacity:.35}}.page-enter{animation:pageIn .22s var(--ease) backwards}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--ink);background:var(--bg);background-image:radial-gradient(1200px 600px at 80% -10%,rgba(194,65,12,.035),transparent 60%),radial-gradient(800px 500px at -10% 110%,rgba(29,78,216,.025),transparent 55%);-webkit-font-smoothing:antialiased}.shell{display:flex;height:100vh;overflow:hidden}.main{flex:1;min-width:0;overflow-y:auto;padding:32px 40px 56px}.page{max-width:1120px;margin:0 auto;animation:pageIn .22s var(--ease) backwards}.input,.asel{min-width:0}.sidenav{width:232px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border)}.brand{display:flex;align-items:center;gap:11px;padding:22px 20px 18px;border-bottom:1px solid var(--border)}.brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(140deg,var(--brand),#E06B2B);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-editor);font-size:17px;font-weight:700;flex-shrink:0;box-shadow:0 2px 6px #c2410c47}.brand-name{font-family:var(--font-editor);font-size:19px;font-weight:700;line-height:1.15}.brand-name em{color:var(--brand);font-style:normal}.brand-sub{font-size:11px;color:var(--ink-3);letter-spacing:.08em;margin-top:1px}.nav{flex:1;overflow-y:auto;padding:14px 12px 20px}.nav::-webkit-scrollbar{width:0}.nav-group{margin-bottom:18px}.nav-group-label{font-size:11px;letter-spacing:.18em;color:var(--ink-3);padding:0 12px;margin-bottom:5px;font-weight:600}.nav-item{position:relative;display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;margin-bottom:2px;border-radius:var(--radius-m);color:var(--ink-2);cursor:pointer;transition:background .16s var(--ease),color .16s var(--ease)}.nav-item svg{width:18px;height:18px;flex-shrink:0;opacity:.85}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 2px 2px 0;background:var(--brand)}.nav-item .sub{font-style:normal;font-size:11px;color:var(--ink-3);font-weight:400}.nav-item.active .sub{color:color-mix(in srgb,var(--brand) 60%,var(--ink-3))}.nav-item .tag{margin-left:auto;font-size:10px;color:var(--ink-3);border:1px solid var(--border);border-radius:var(--radius-full);padding:0 6px;line-height:16px;font-weight:400}.sidenav-footer{padding:14px 20px;border-top:1px solid var(--border);font-size:13px;color:var(--ink-3);display:flex;align-items:center;gap:10px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--ink-2);font-size:12px;font-weight:600;flex-shrink:0}.page-head{margin-bottom:24px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.22em;color:var(--ink-3);margin-bottom:6px;font-weight:600}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand)}.page-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.page-title{font-family:var(--font-editor);font-size:26px;font-weight:600;line-height:1.25;letter-spacing:.01em}.page-title:after{content:"";display:block;width:34px;height:3px;border-radius:2px;background:var(--brand);margin-top:9px}.page-desc{margin-top:12px;font-size:14px;color:var(--ink-2);max-width:720px}.page-desc b{color:var(--ink-2)}.actions{display:flex;gap:8px}.card{background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-card);padding:22px}.card+.card{margin-top:16px}.card-title{font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.card-title .hint{font-size:13px;font-weight:400;color:var(--ink-3);margin-left:4px}.card-desc{font-size:13px;color:var(--ink-3);margin-top:3px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-card);padding:20px 22px;position:relative;overflow:hidden}.stat-card .kicker{font-size:12px;color:var(--ink-3);letter-spacing:.04em}.stat-card .value{font-size:30px;font-weight:650;line-height:1.2;margin-top:8px;font-variant-numeric:tabular-nums}.stat-card .delta{font-size:13px;margin-top:6px;color:var(--ink-2)}.stat-card .delta.up{color:var(--success)}.stat-card .delta.down{color:var(--danger)}.stat-card.accent:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand)}.stat-row{display:flex;gap:24px}.stat{flex:1}.stat-value{font-size:26px;font-weight:600}.stat-label{font-size:var(--text-caption);color:var(--ink-3)}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.table{width:100%;border-collapse:collapse;font-size:var(--text-body-s)}.table th{text-align:left;padding:11px 14px;background:var(--surface-2);color:var(--ink-2);font-weight:500;font-size:12.5px;white-space:nowrap}.table td{padding:12px 14px;border-top:1px solid var(--border);vertical-align:middle}.table tr:hover td{background:#fcfaf7}.table .idx{color:var(--ink-3)}.mono{font-family:var(--font-mono);font-size:12.5px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--radius-full);font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.pro{background:var(--brand-soft);color:var(--brand)}.badge.free{background:var(--surface-2);color:var(--ink-3)}.badge.ok{background:#eaf6ee;color:var(--success)}.badge.warn{background:#fbf1e2;color:var(--warning)}.badge.danger{background:#fbeded;color:var(--danger)}.badge.info{background:#eaf0fb;color:var(--info)}.plan-badge{padding:1px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;background:var(--brand-soft);color:var(--brand)}.plan-badge.free{background:var(--surface-2);color:var(--ink-3)}.btn-sm{height:28px;padding:0 12px;font-size:13px}.toggle{position:relative;width:40px;height:22px;border-radius:999px;background:var(--border);cursor:pointer;transition:background .18s var(--ease);flex-shrink:0;border:none;padding:0}.toggle.on{background:var(--success)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s var(--ease)}.toggle.on:after{transform:translate(18px)}.gloss{position:relative;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--surface-2);color:var(--ink-3);font-size:10px;font-weight:700;cursor:help;vertical-align:middle;flex-shrink:0}.gloss:hover:after{content:attr(data-tip);position:absolute;left:22px;top:50%;transform:translateY(-50%);background:var(--ink);color:#fff;font-size:12px;font-weight:400;line-height:1.6;padding:8px 12px;border-radius:var(--radius-m);white-space:normal;width:248px;z-index:60;box-shadow:var(--shadow-pop)}.gloss:hover:before{content:"";position:absolute;left:15px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--ink);z-index:61}.cfg-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.cfg-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed var(--border)}.cfg-item .meta{flex:1;min-width:0}.cfg-item .name{font-size:14px;font-weight:500}.cfg-item .desc{font-size:12px;color:var(--ink-3);margin-top:1px}.cfg-item .input{width:150px;flex-shrink:0;text-align:right}.cfg-item .key{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);font-weight:400}.collapse-group{border:1px solid var(--border);border-radius:var(--radius-l);overflow:hidden;background:var(--surface)}.collapse-group+.collapse-group{margin-top:14px}.collapse-head{display:flex;align-items:center;gap:10px;padding:15px 18px;cursor:pointer;font-size:15px;font-weight:600}.collapse-head .count{margin-left:auto;font-size:12px;color:var(--ink-3);font-weight:400}.collapse-head svg{width:18px;height:18px;color:var(--ink-3);transition:transform .2s var(--ease)}.collapse-head.open svg{transform:rotate(90deg)}.collapse-body{padding:2px 18px 16px;border-top:1px solid var(--border)}.notice{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:var(--radius-m);background:var(--brand-soft);color:#7c2d12;font-size:13.5px;line-height:1.7}.notice svg{width:17px;height:17px;flex-shrink:0;margin-top:2px}.notice.warn{background:#fbf1e2;color:#7c4a0b}.notice a{color:var(--brand);font-weight:600}.trend-label{font-size:12.5px;color:var(--ink-2);margin:14px 0 4px}.mini-item{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--border)}.mini-item:last-child{border-bottom:none}.mini-title{flex:1;font-size:14px}.mini-meta{font-size:var(--text-caption);color:var(--ink-3)}.muted{color:var(--ink-3)}.small{font-size:13px}.empty-hint{padding:18px 4px;color:var(--ink-3);font-size:var(--text-body-s);text-align:center}.num{font-variant-numeric:tabular-nums;font-family:var(--font-body)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:380px;padding:40px 36px;background:var(--surface);border-radius:16px;box-shadow:var(--shadow-pop)}.login-brand{text-align:center;margin-bottom:24px}.login-brand .logo{font-size:28px;font-weight:700;font-family:var(--font-editor)}.login-brand .logo em{color:var(--brand);font-style:normal}.login-brand .slogan{margin-top:6px;color:var(--ink-3);font-size:var(--text-body-s)}.login-form{display:flex;flex-direction:column;gap:14px}.form-error{color:var(--danger);font-size:var(--text-body-s)}.pager{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--border)}.asel{position:relative}.asel-btn{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;cursor:pointer;text-align:left;font-family:inherit}.asel-btn .asel-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asel-caret{color:var(--ink-3);font-size:11px;flex:none}.asel-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:100%;background:var(--surface);border-radius:var(--radius-m);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:pageIn .14s var(--ease) backwards}.asel-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:var(--radius-s);font-size:var(--text-body-s);color:var(--ink-2);cursor:pointer;white-space:nowrap}.asel-opt:hover{background:var(--surface-2);color:var(--ink)}.asel-opt.on{color:var(--brand);font-weight:600}.asel-opt .ck{color:var(--brand);font-weight:700}.achip{padding:4px 12px;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);font-size:12.5px;color:var(--ink-2);cursor:pointer}.achip:hover{color:var(--ink)}.achip.on{background:var(--brand-soft);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 35%,transparent);font-weight:600}.btn-danger-solid{background:var(--danger);color:#fff}.btn-danger-solid:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 88%,#000)}.nd-mask{position:fixed;inset:0;background:#29252452;display:flex;align-items:center;justify-content:center;z-index:200;animation:pageIn .15s var(--ease) backwards}.nd-dialog{width:380px;max-width:calc(100vw - 48px);background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-pop);padding:30px 26px 18px;text-align:center;animation:ndIn .2s var(--ease) backwards}@keyframes ndIn{0%{opacity:0;transform:translateY(12px) scale(.96)}}.nd-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center}.nd-icon.info{background:var(--brand-soft);color:var(--brand);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 16%,transparent)}.nd-icon.warning{background:color-mix(in srgb,var(--warning) 9%,var(--surface));color:var(--warning);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warning) 20%,transparent)}.nd-icon.danger{background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 18%,transparent)}.nd-eyebrow{font-size:11px;letter-spacing:.22em;color:var(--ink-3);margin-bottom:6px}.nd-title{font-family:var(--font-editor);font-size:18px;font-weight:600;line-height:1.5}.nd-desc{margin-top:8px;font-size:var(--text-body-s);color:var(--ink-2);line-height:1.8;word-break:break-all}.nd-actions{margin-top:22px;display:flex;flex-direction:column}.nd-actions .nd-primary{width:100%;height:40px}.nd-actions .nd-quiet{width:100%;height:34px;margin-top:2px;color:var(--ink-3)}.nd-actions .nd-quiet:hover:not(:disabled){color:var(--ink)}.dw-mask{position:fixed;inset:0;background:#29252452;z-index:190;animation:pageIn .15s var(--ease) backwards}.dw-panel{position:fixed;top:0;right:0;bottom:0;width:520px;max-width:calc(100vw - 48px);background:var(--bg);box-shadow:-8px 0 32px #2925241f;z-index:191;overflow-y:auto;padding:26px 26px 48px;animation:dwIn .22s var(--ease) backwards}@keyframes dwIn{0%{transform:translate(40px);opacity:0}}.dw-close{position:absolute;top:18px;right:18px;width:30px;height:30px;border-radius:50%;border:none;background:var(--surface-2);color:var(--ink-2);cursor:pointer;font-size:14px;z-index:2}.dw-close:hover{color:var(--ink)}.dw-eyebrow{font-size:11px;letter-spacing:.22em;color:var(--ink-3);font-weight:600;margin-bottom:6px}.dw-title{font-family:var(--font-editor);font-size:22px;font-weight:600}.dw-sub{font-size:13px;color:var(--ink-3);margin-top:4px}.dw-panel .card{margin-bottom:14px}.form-row{display:flex;flex-direction:column;gap:6px;text-align:left;margin-bottom:12px}.form-row label{font-size:13px;font-weight:500;color:var(--ink-2)}.form-row label i{color:var(--ink-3);font-style:normal;font-weight:400}.skeleton{border-radius:var(--radius-s);background:linear-gradient(90deg,var(--surface-2) 25%,#EDE9E2 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.btn{white-space:nowrap}.page.wide{max-width:1440px}.table-fixed{table-layout:fixed}.table-fixed td{overflow:hidden}.table-fixed .cell-clip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.ops{display:flex;gap:6px;flex-wrap:nowrap;align-items:center}.ops .btn{flex:0 0 auto}.nav-parent{position:relative;display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;margin-bottom:2px;border-radius:var(--radius-m);color:var(--ink-2);cursor:pointer;font-weight:600;transition:background .16s var(--ease),color .16s var(--ease)}.nav-parent:hover{background:var(--surface-2);color:var(--ink)}.nav-parent svg{width:18px;height:18px;flex-shrink:0;opacity:.85}.nav-parent .chev{width:14px;height:14px;margin-left:auto;color:var(--ink-3);transition:transform .18s var(--ease)}.nav-parent.open .chev{transform:rotate(90deg)}.nav-parent.child-active{color:var(--brand)}.nav-children{position:relative;margin:1px 0 4px 20px;padding-left:12px;border-left:1px solid var(--border)}.nav-children .nav-item{height:33px;font-size:13px;margin-bottom:1px}.nav-children .nav-item.active:before{left:-24px}.stage-chips{display:flex;flex-wrap:wrap;gap:4px}.stage-chip{padding:1px 8px;border-radius:var(--radius-full);background:var(--surface-2);color:var(--ink-2);font-size:11px;white-space:nowrap}.cell-icon{display:inline-flex;align-items:center;gap:7px}.cell-icon svg{width:17px;height:17px;color:var(--brand);flex-shrink:0}.cell-icon .key{font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.cblocks{display:grid;gap:8px}.cblock{border:1px solid var(--border);border-radius:10px;padding:10px;display:grid;gap:6px;background:var(--surface)}.cblock-head{display:flex;align-items:center;gap:6px}.cblock-type{font-size:12px;font-weight:700;color:var(--brand);background:var(--brand-soft);border-radius:var(--radius-full);padding:2px 10px;white-space:nowrap}.cblock-tools{margin-left:auto;display:flex;gap:2px}.cblock-tools .tool{width:24px;height:24px;border-radius:var(--radius-s);border:none;background:transparent;color:var(--ink-3);cursor:pointer;font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.cblock-tools .tool:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.cblock-tools .tool:disabled{opacity:.3;cursor:not-allowed}.cblock-add{display:flex;gap:6px}.cblock-add .btn{height:28px;font-size:12px;padding:0 10px}.seg{display:flex;background:var(--surface-2);border-radius:var(--radius-m);padding:3px;gap:2px}.seg button{flex:1;height:30px;border:none;border-radius:6px;background:transparent;font-size:13px;color:var(--ink-2);cursor:pointer;transition:all .14s}.seg button.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #2925241a}.studio-layout{display:grid;grid-template-columns:400px 1fr;gap:16px;align-items:start}.ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ref-item{position:relative;aspect-ratio:1;border-radius:var(--radius-m);border:2px solid var(--border);cursor:pointer;overflow:hidden;background:var(--surface-2);display:flex;align-items:center;justify-content:center;transition:border-color .14s}.ref-item.on{border-color:var(--brand)}.ref-item.on:after{content:"✓";position:absolute;top:3px;right:5px;color:var(--brand);font-weight:700;font-size:13px}.ref-item img{width:100%;height:100%;object-fit:cover}.style-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-height:430px;overflow-y:auto;padding-right:2px}.style-card{border:2px solid var(--border);border-radius:var(--radius-m);cursor:pointer;overflow:hidden;background:var(--surface);padding:0;text-align:left;transition:border-color .14s,box-shadow .14s;font-family:inherit}.style-card:hover{border-color:var(--ink-3)}.style-card.on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.style-thumb{aspect-ratio:1;position:relative;background:var(--surface-2);display:flex;align-items:center;justify-content:center}.style-thumb img{width:100%;height:100%;object-fit:cover;display:block}.style-thumb-ph{font-size:11px;color:var(--ink-3)}.style-card.on .style-thumb:after{content:"✓";position:absolute;top:3px;right:6px;color:#fff;font-weight:700;font-size:13px;text-shadow:0 0 3px rgba(0,0,0,.6)}.none-thumb span{font-size:12px;color:var(--ink-3)}.style-card.none{border-style:dashed}.style-cap{padding:6px 8px 7px}.style-name{font-size:12px;font-weight:600;color:var(--ink-1)}.style-scene{font-size:10.5px;color:var(--ink-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gen-card{background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-card);overflow:hidden}.gen-img{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface-2)}.gen-img img{width:100%;height:100%;object-fit:cover}.gen-body{padding:12px 14px 14px}.gen-prompt{font-size:12.5px;color:var(--ink-2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gen-meta{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11px;color:var(--ink-3)}.gen-ops{display:flex;gap:6px;margin-top:10px}.bench-layout{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:start}.bench-preview-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.poster{width:360px;height:480px;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 8px 30px #29252424;transition:background .3s;display:flex;flex-direction:column;align-items:center;text-align:center}.poster-xz{background:radial-gradient(600px 300px at 50% -10%,rgba(194,65,12,.06),transparent 60%),radial-gradient(circle at 12% 88%,rgba(41,37,36,.045),transparent 40%),linear-gradient(168deg,#f9f4e8,#f4eddc 55%,#efe5ce)}.poster-mj{background:linear-gradient(170deg,#26211d,#35302a 60%,#2b2622);color:#e8d9b8}.poster-qk{background:linear-gradient(175deg,#eaf3f8,#dceaf3 55%,#cfe2ef)}.poster-frame{position:absolute;inset:14px;border:1px solid rgba(41,37,36,.14);border-radius:3px;pointer-events:none}.poster-mj .poster-frame{border-color:#e8d9b847}.poster-brandline{position:absolute;top:26px;left:0;right:0;font-size:11px;letter-spacing:.34em;color:var(--ink-3);text-indent:.34em}.poster-mj .poster-brandline{color:#e8d9b899}.poster-title{font-family:var(--font-editor);font-weight:700;font-size:27px;line-height:1.5;letter-spacing:.04em;padding:0 36px}.poster-sub{font-size:13.5px;line-height:1.8;color:var(--ink-2);padding:0 44px;margin-top:10px}.poster-mj .poster-sub{color:#e8d9b8bf}.poster.pos-top .poster-title{margin-top:74px}.poster.pos-mid .poster-title{margin-top:150px}.poster.pos-btm .poster-title{margin-top:236px}.poster-foot{position:absolute;bottom:24px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:3px}.poster-foot .ln{font-size:10.5px;letter-spacing:.22em;color:var(--ink-3);text-indent:.22em}.poster-mj .poster-foot .ln{color:#e8d9b88c}.poster-mascot{position:absolute;bottom:52px;width:86px;height:86px}.poster-mascot.left{left:34px}.poster-mascot.right{right:34px}.poster-mascot img{width:100%;height:100%;object-fit:contain}.tpl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tpl-item{border:2px solid var(--border);border-radius:var(--radius-m);overflow:hidden;cursor:pointer;transition:border-color .14s;background:var(--surface)}.tpl-item.on{border-color:var(--brand)}.tpl-thumb{aspect-ratio:3/4}.tpl-name{font-size:12px;text-align:center;padding:5px 0;color:var(--ink-2)}.mc-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mc-item{border:2px solid var(--border);border-radius:var(--radius-m);cursor:pointer;background:var(--surface);padding:8px 4px 6px;text-align:center;font-size:12px;color:var(--ink-2);transition:border-color .14s}.mc-item.on{border-color:var(--brand)}.mc-item img{width:34px;height:34px;object-fit:contain;display:block;margin:0 auto 3px}.recent-strip{display:flex;gap:10px;flex-wrap:wrap}.recent-item{width:88px;text-align:center}.recent-thumb{width:88px;height:117px;border-radius:var(--radius-m);border:1px solid var(--border);box-shadow:var(--shadow-card);overflow:hidden}.recent-thumb img{width:100%;height:100%;object-fit:cover}.recent-item .n{font-size:11px;color:var(--ink-3);margin-top:5px;line-height:1.4}@media(max-width:1180px){.studio-layout,.bench-layout{grid-template-columns:1fr}}