:root{
  --bg:#f5f8fd;--bg-soft:#eef5ff;--panel:#ffffff;--panel-soft:#f9fbff;--panel-tint:#f1f7ff;
  --text:#172033;--text-2:#334155;--muted:#718096;--soft:#94a3b8;
  --line:#dfe8f3;--line-strong:#cdd9e8;--accent:#4f7cff;--accent-2:#6b8cff;--accent-soft:#eaf0ff;
  --cyan:#22b8cf;--violet:#8b7cf6;--pink:#ef7fb4;--ok:#22a06b;--ok-soft:#e9f8f1;--warning:#c98216;--warning-soft:#fff6e5;--danger:#d94a62;--danger-soft:#fff0f2;
  --shadow-sm:0 8px 26px rgba(71,90,120,.08);--shadow:0 18px 54px rgba(71,90,120,.11);--shadow-lg:0 28px 80px rgba(71,90,120,.14);
  --radius:22px;--radius-md:17px;--radius-sm:12px;--sidebar:216px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;background:linear-gradient(180deg,#f7faff 0%,#f2f7fc 48%,#f7f9fc 100%);overflow-x:hidden}
button,input,select,textarea{font:inherit}
a{color:var(--accent);text-decoration:none}
code,pre{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
code{overflow-wrap:anywhere}
[hidden]{display:none!important}
::selection{background:#dbe7ff;color:#18345f}
.app-mesh{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background-image:linear-gradient(rgba(96,126,176,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(96,126,176,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.55) 55%,transparent 95%)}
.app-mesh i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.38}.app-mesh i:nth-child(1){width:380px;height:380px;background:#dceaff;left:-100px;top:-160px}.app-mesh i:nth-child(2){width:420px;height:420px;background:#e4ddff;right:-120px;top:22%}.app-mesh i:nth-child(3){width:360px;height:360px;background:#d9f6f0;left:30%;bottom:-170px}
.page-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:120;pointer-events:none}.page-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--cyan),var(--violet));box-shadow:0 0 16px rgba(79,124,255,.28)}
.wrap{position:relative;z-index:1;max-width:1380px;margin:0 auto;padding:16px 28px 34px}
.page-main{min-height:calc(100vh - 180px)}

/* top bar */
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:10px;z-index:80;padding:10px 12px;margin-bottom:14px}
.glass-nav{background:rgba(255,255,255,.82);border:1px solid rgba(214,225,239,.92);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border-radius:18px;box-shadow:0 12px 34px rgba(82,102,132,.09)}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800;letter-spacing:-.02em}.brand-mark,.auth-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#5d8bff,#73d2de);color:white;font-weight:950;box-shadow:0 8px 22px rgba(79,124,255,.22)}
.brand-copy{display:flex;align-items:baseline;gap:5px}.brand-copy strong{font-size:17px}.brand-copy b{color:#5375d9;font-size:12px;font-weight:850;letter-spacing:.04em}
.topbar-center{display:flex;align-items:center;gap:10px;min-width:0}.topbar-status{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#f7fbf9;border:1px solid #d7eee4;color:#3e6d59;font-size:11px;font-weight:800;white-space:nowrap}.topbar-status.is-error{background:var(--danger-soft);border-color:#ffd3db;color:#a13e50}.topbar-status.is-loading{background:#f7f9fc;border-color:var(--line);color:var(--muted)}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2dbb7f;box-shadow:0 0 0 5px rgba(45,187,127,.10);animation:statusPulse 2.4s ease-in-out infinite}
.endpoint-mini{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#f8fbff;color:var(--text-2);border-radius:999px;padding:7px 10px;box-shadow:none;cursor:pointer}.endpoint-mini code{font-size:11px;color:#456084}.endpoint-mini span{font-size:10px;color:var(--muted)}
.navlinks{display:flex;align-items:center;gap:8px}.navlinks form{margin:0}.nav-text{display:inline-flex;align-items:center;color:var(--text-2);font-size:13px;font-weight:750;padding:8px 10px;border-radius:10px}.nav-text:hover{background:#f0f5fb;color:var(--accent)}

/* controls */
.btn,button{appearance:none;border:1px solid transparent;background:linear-gradient(135deg,#5d83f7,#6b8dfc);color:white;border-radius:12px;padding:10px 15px;font-weight:800;cursor:pointer;line-height:1.2;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,border-color .16s ease,background .16s ease;box-shadow:0 9px 22px rgba(79,124,255,.16)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover,button:hover{transform:translateY(-1px);filter:saturate(1.05);box-shadow:0 12px 25px rgba(79,124,255,.20)}button:active,.btn:active{transform:translateY(0) scale(.985)}button:disabled{opacity:.58;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.btn.secondary,button.secondary,.ghost{background:#f7faff;color:#35506f;border-color:var(--line);box-shadow:none}.btn.secondary:hover,button.secondary:hover,.ghost:hover{background:#eef4fb;border-color:#cfdbea}.ghost{background:transparent}.danger,button.danger{background:var(--danger-soft);color:#b43b52;border-color:#ffd3da;box-shadow:none}.ghost-danger{background:transparent!important;color:#c9495f!important;border:1px solid #ffd1d9!important;box-shadow:none!important}.compact{padding:7px 10px!important;border-radius:10px!important;font-size:12px}.large{padding:13px 18px}.wide{width:100%}
input,select,textarea{width:100%;min-width:0;background:white;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px 12px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:hover,select:hover,textarea:hover{border-color:#cbd8e8}input:focus,select:focus,textarea:focus{border-color:#8eabff;box-shadow:0 0 0 4px rgba(79,124,255,.10)}textarea{resize:vertical;line-height:1.65}select{appearance:auto}
.field{min-width:0}.field label{display:block;color:#4a607c;font-size:12px;font-weight:800;margin-bottom:7px}.field small{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:6px}
.stack-form,.auth-form{display:grid;gap:15px;margin-top:22px}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span-2{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;align-items:end}.money-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.money-input span{padding:0 0 0 12px;color:#6a7f98;font-weight:800}.money-input input{border:0;box-shadow:none!important}
.switch{display:flex!important;align-items:center;gap:9px;cursor:pointer;color:var(--text-2)!important}.switch input{position:absolute;opacity:0;pointer-events:none}.switch span{position:relative;width:38px;height:22px;border-radius:99px;background:#d8e2ee;transition:.18s ease}.switch span:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:white;left:3px;top:3px;box-shadow:0 2px 7px rgba(35,52,74,.18);transition:.18s ease}.switch input:checked+span{background:#6f93ff}.switch input:checked+span:after{transform:translateX(16px)}.switch b{font-size:12px;font-weight:750}.toggle-stack{display:grid;gap:10px}.toggle-field{display:flex;flex-direction:column;justify-content:flex-end}

/* surfaces / typography */
.card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.card:hover{border-color:#d2dfef}.muted{color:var(--muted)}.tiny{font-size:11px}.eyebrow{font-size:10px;font-weight:950;letter-spacing:.17em;color:#5a7fea;margin-bottom:7px}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#edf3ff;color:#5271c5;font-size:10px;font-weight:850;white-space:nowrap;border:1px solid #dbe6ff}.badge.ok{background:var(--ok-soft);color:#25815c;border-color:#caeadc}.badge.off{background:#f3f5f8;color:#7d8898;border-color:#e5e9ef}.badge.warn{background:var(--warning-soft);color:#a66a10;border-color:#f5dfb5}.badge.danger{background:var(--danger-soft);color:#bd4056;border-color:#ffd3db}.image-badge{background:#f3efff!important;color:#7961c9!important;border-color:#e3d9ff!important}.positive{color:#16845a!important;font-weight:750}.negative{color:#c34459!important;font-weight:750}
.notice{padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#f7faff;margin:14px 0;overflow-wrap:anywhere;font-size:13px;line-height:1.55}.notice-success{background:var(--ok-soft);border-color:#ccebdd;color:#27694f}.notice-error{background:var(--danger-soft);border-color:#ffd1d9;color:#9f3c50}.notice-info,.inline-info{background:#f0f5ff;border-color:#d7e3ff;color:#425f8a}.inline-warn{background:var(--warning-soft);border-color:#f3debb;color:#8d631d}
.empty{padding:28px 18px;border:1px dashed #d6e0ec;border-radius:14px;text-align:center;color:var(--muted);background:#fafcff}.subvalue{display:block;color:var(--muted);font-size:10px;margin-top:3px}.capability-note,.benefit-chip{display:inline-flex;margin-top:10px;padding:6px 9px;border-radius:10px;background:#edf8f5;color:#377460;font-size:11px;font-weight:750}.module-index{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f2f6fc;border:1px solid var(--line);color:#8a9ab0;font-size:11px;font-weight:900}

/* landing */
.relay-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:42px;align-items:center;padding:74px 6px 62px}.hero-copy h1{font-size:clamp(46px,6.4vw,82px);line-height:.98;letter-spacing:-.058em;margin:17px 0 22px;color:#1b2940}.hero-copy h1 span{background:linear-gradient(90deg,#4c77ed,#5aa5d8 52%,#886ee5);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:720px;color:#60748f;font-size:18px;line-height:1.75;margin:0 0 26px}.endpoint-copy-row{display:inline-flex;align-items:center;gap:10px;padding:9px 10px 9px 13px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);margin-bottom:18px}.endpoint-copy-row>span{font-size:10px;color:#8b9bb0;font-weight:900;letter-spacing:.08em}.endpoint-copy-row code{color:#37527a;font-size:12px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.benefit-banner{display:inline-flex;align-items:center;gap:8px;margin-top:17px;padding:8px 11px;border-radius:11px;background:#eef9f4;color:#396e5a;font-size:12px}.benefit-banner span{font-size:9px;font-weight:900;letter-spacing:.1em;color:#2a8c65}.relay-console-preview{padding:18px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.relay-console-preview:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;right:-70px;top:-80px;background:#dce8ff;filter:blur(25px);opacity:.65;pointer-events:none}.preview-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.preview-head>div{display:flex;align-items:center;gap:9px;font-size:12px;color:#455d7b}.preview-flow{position:relative;z-index:1;display:grid;gap:12px}.preview-request,.preview-nodes article{padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.86)}.preview-request span,.preview-nodes span{display:block;color:#71839a;font-size:9px;font-weight:900;letter-spacing:.12em}.preview-request strong,.preview-nodes strong{display:block;margin-top:5px;font-size:14px;color:#2a3f5d}.preview-request small,.preview-nodes small{display:block;margin-top:4px;color:#8795a7;font-size:10px}.flow-line{display:flex;align-items:center;gap:8px;color:#8da0b8;font-size:10px}.flow-line i{height:1px;flex:1;background:linear-gradient(90deg,#d6e2f3,#7fa0f3,#d6e2f3);position:relative}.flow-line i:after{content:"";position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#678cf2;animation:routeMove 2.2s linear infinite}.preview-nodes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px;position:relative;z-index:1}.hero-mini-stats>div{padding:11px;border-radius:13px;background:#f4f8fd;border:1px solid #e6edf5}.hero-mini-stats span{display:block;color:#8494a8;font-size:9px}.hero-mini-stats strong{display:block;margin-top:3px;color:#31465f;font-size:14px}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 56px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);overflow:hidden}.feature-strip>div{padding:18px 20px;border-right:1px solid var(--line)}.feature-strip>div:last-child{border-right:0}.feature-strip span{display:block;color:#7590d6;font-size:10px;font-weight:900}.feature-strip strong{display:block;margin:4px 0 3px;font-size:14px}.feature-strip small{color:var(--muted);font-size:10px}.public-section{margin:34px 0 48px}.section-heading,.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2,.section-title-row h2{margin:0;font-size:clamp(27px,3vw,38px);letter-spacing:-.035em}.section-heading p,.section-title-row p{margin:5px 0 0;color:var(--muted);line-height:1.55}.section-count{padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:white;color:#7a8da5;font-size:10px;font-weight:800}.model-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.public-model-card{padding:20px;border-radius:18px;background:white;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:.18s ease}.public-model-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#ccdaf0}.model-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.model-type-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:#eff4ff;color:#5676d2;font-size:10px;font-weight:900}.image-model-public .model-type-icon{background:#f4efff;color:#7c62ca}.public-model-card h3{font-size:20px;margin:16px 0 4px}.public-model-card>code{font-size:11px;color:#5c7393}.public-model-card>p{min-height:42px;color:var(--muted);font-size:12px;line-height:1.55}.price-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.price-pair>div,.public-price{padding:12px;border-radius:13px;background:#f7faff;border:1px solid #e8eef6}.price-pair span,.public-price span{display:block;color:#8291a4;font-size:9px}.price-pair strong,.public-price strong{display:block;margin-top:4px;font-size:18px;color:#2f4666}.public-price.single{margin-top:14px}.relay-api-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px;background:linear-gradient(135deg,#fff,#f3f7ff)}.relay-api-card h2{margin:4px 0 7px;font-size:clamp(22px,3vw,32px)}.relay-api-card p{margin:0;color:var(--muted)}

/* auth */
.auth-shell{min-height:72vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);gap:68px;align-items:center;max-width:1080px;margin:34px auto}.auth-copy h1{font-size:clamp(42px,6vw,70px);line-height:1;letter-spacing:-.052em;margin:11px 0 19px}.auth-copy p{color:var(--muted);font-size:16px;line-height:1.7;max-width:500px}.auth-card{padding:30px;box-shadow:var(--shadow)}.auth-card h2{margin:18px 0 5px;font-size:25px}.auth-logo{width:48px;height:48px;border-radius:15px}.admin-logo{background:linear-gradient(135deg,#8e7bf0,#6c8df4)}.auth-foot{margin:15px 0 0;color:var(--muted);font-size:11px}.register-gift{display:inline-grid;grid-template-columns:auto auto;gap:3px 12px;padding:13px 15px;border:1px solid #d7ede3;border-radius:15px;background:#f2fbf7}.register-gift span{font-size:10px;color:#5f7b70}.register-gift strong{font-size:20px;color:#23805b}.register-gift small{grid-column:1/-1;color:#7b938a;font-size:10px}

/* console shells */
.page-command-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:32px 4px 18px}.page-command-head h1{margin:0 0 5px;font-size:clamp(34px,4.8vw,54px);letter-spacing:-.048em}.page-command-head p{margin:0;color:var(--muted)}.dashboard-head-actions,.admin-head-status{display:flex;align-items:center;gap:9px}.api-live-chip,.balance-chip,.health-pill{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:white;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.api-live-chip small,.balance-chip span,.health-pill small{display:block;color:#8393a8;font-size:9px}.api-live-chip code,.balance-chip strong,.health-pill strong{display:block;margin-top:2px;color:#355071;font-size:12px}.balance-chip strong{font-size:16px;color:#284e8a}
.console-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);gap:22px;align-items:start}.console-sidebar{position:sticky;top:86px;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:var(--shadow-sm);backdrop-filter:blur(16px)}.side-title{padding:8px 9px 10px;color:#8a9bb1;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.side-link{display:flex;align-items:center;gap:10px;min-height:43px;padding:9px 10px;border-radius:12px;color:#566b84;font-size:12px;font-weight:750;transition:.16s ease}.side-link span{display:grid;place-items:center;flex:0 0 28px;height:26px;border-radius:9px;background:#f2f6fb;color:#91a0b2;font-size:9px;font-weight:900}.side-link:hover{background:#f4f8fd;color:#35527a}.side-link.active{background:linear-gradient(135deg,#edf3ff,#f3f7ff);color:#4267ce;box-shadow:inset 0 0 0 1px #dbe5ff}.side-link.active span{background:#dfe9ff;color:#4d70d4}.sidebar-endpoint{margin-top:10px;padding:11px;border-top:1px solid var(--line)}.sidebar-endpoint small{display:block;color:#8b9caf;font-size:9px}.sidebar-endpoint code{display:block;margin-top:4px;color:#59708e;font-size:9px;line-height:1.4}.multipage-content{min-width:0;animation:pageIn .24s ease-out}.page-breadcrumb{display:flex;align-items:center;gap:8px;min-height:32px;margin:0 0 9px;padding:0 3px;color:#8b99aa;font-size:10px}.page-breadcrumb b{color:#bdc8d6}.page-breadcrumb strong{color:#52667e}.module-section{margin:0}.module-card{padding:24px}.module-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.module-heading h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.035em;margin:0}.module-heading p{color:var(--muted);margin:5px 0 0;line-height:1.55}.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.wallet-grid{align-items:stretch}.wallet-card,.wallet-grid>.card{height:100%}

/* metrics and charts */
.overview-heading{margin-bottom:14px}.overview-live{display:flex;align-items:center;gap:8px;color:#5c826f;font-size:10px;padding:7px 10px;border-radius:999px;background:#f0f9f5;border:1px solid #d6ecdf}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.admin-metrics{grid-template-columns:repeat(7,minmax(0,1fr))}.metric-card{position:relative;overflow:hidden;min-height:132px;padding:16px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,#fff,#f9fbfe);box-shadow:0 7px 24px rgba(70,91,122,.065);transition:.18s ease}.metric-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;left:var(--mx,85%);top:var(--my,-30%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(95,135,255,.12),transparent 70%);opacity:0;transition:opacity .18s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(70,91,122,.10);border-color:#d0def1}.metric-card:hover:after{opacity:1}.metric-card.featured{background:linear-gradient(145deg,#edf3ff,#f7faff);border-color:#d8e4ff}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#70829a;font-size:10px;font-weight:750}.metric-top i{font-style:normal;color:#9aabc0;font-size:9px;font-weight:900;letter-spacing:.08em}.metric-card>strong{position:relative;z-index:1;display:block;margin:16px 0 7px;font-size:clamp(23px,2.7vw,34px);letter-spacing:-.04em;color:#273a54}.metric-card>small{color:#8a98aa;font-size:9px}.metric-progress{height:4px;margin-top:12px;border-radius:99px;background:#e8eef7;overflow:hidden}.metric-progress i{display:block;width:var(--value,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#6c8ff8,#5bc4cc);animation:progressIn .7s ease both}
.chart-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:14px}.chart-card{position:relative;min-height:264px;padding:18px;overflow:hidden}.chart-card.span-2{grid-column:span 2}.chart-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}.chart-title span:not(.badge){display:block;color:#8b99aa;font-size:9px}.chart-title h2,.chart-title h3{margin:3px 0 0;font-size:16px;letter-spacing:-.02em}.chart-host{height:210px;position:relative}.chart-host.tall{height:260px}.horizontal-chart{height:280px}.donut-host{height:225px}.chart-empty{display:grid;place-items:center;height:100%;color:#9aa8b8;font-size:11px}.data-chart-svg{width:100%;height:100%;overflow:visible}.chart-gridline{stroke:#e6edf5;stroke-width:1}.chart-axis-label{fill:#8c9bae;font-size:9px}.chart-value-label{fill:#61738b;font-size:9px;font-weight:700}.chart-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 8px rgba(88,126,230,.12));animation:chartDraw .55s ease both}.chart-area{opacity:.9;animation:fadeIn .45s ease}.chart-dot{fill:white;stroke:#668aef;stroke-width:2;transition:r .12s ease}.chart-dot.is-active{r:5}.chart-bar{transition:opacity .15s ease;animation:barGrow .45s ease both;transform-origin:bottom}.chart-bar:hover{opacity:.82}.chart-bar-track{fill:#edf2f8}.donut-layout{height:100%;display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:10px}.donut-svg{width:168px;height:168px}.donut-track{stroke:#edf2f7;stroke-width:16}.donut-segment{stroke-width:16;stroke-linecap:round;transition:opacity .15s ease,stroke-width .15s ease;cursor:pointer}.donut-segment:hover,.donut-segment.is-active{stroke-width:19}.donut-center-value{fill:#2d405b;font-size:17px;font-weight:850}.donut-center-label{fill:#8b99aa;font-size:8px}.donut-legend{display:grid;gap:8px}.donut-legend>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#62758d;font-size:10px}.donut-legend>div>span{display:flex;align-items:center;gap:7px}.donut-legend i{width:7px;height:7px;border-radius:50%;background:var(--legend-color)}.donut-legend b{font-weight:650}.donut-legend strong{color:#3a4f6c;font-size:10px}.chart-tooltip{position:fixed;z-index:140;pointer-events:none;min-width:112px;padding:8px 10px;border:1px solid #d9e3ef;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(54,75,105,.16);color:#334a67;font-size:10px;opacity:0;transform:translateY(4px);transition:opacity .1s ease,transform .1s ease}.chart-tooltip.show{opacity:1;transform:translateY(0)}.chart-tooltip b{display:block;color:#223850;margin-bottom:3px}.chart-toolbar{position:absolute;top:15px;right:15px;display:flex;gap:4px}.chart-range-btn{padding:5px 7px!important;border-radius:8px!important;background:#f5f8fc!important;color:#7a8aa0!important;border-color:#e7edf5!important;box-shadow:none!important;font-size:9px!important}.chart-range-btn.active{background:#eaf0ff!important;color:#5272d0!important;border-color:#d8e3ff!important}

/* tables */
.responsive-table-wrap{position:relative;overflow:auto;border:1px solid var(--line);border-radius:15px;background:white}.responsive-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px;font-size:11px}.responsive-table th{position:sticky;top:0;z-index:3;text-align:left;padding:11px 12px;background:#f6f9fd;color:#71839a;border-bottom:1px solid var(--line);font-size:9px;font-weight:900;letter-spacing:.03em;white-space:nowrap}.responsive-table td{padding:11px 12px;border-bottom:1px solid #edf1f6;color:#3c5069;vertical-align:middle}.responsive-table tbody tr{transition:background .12s ease}.responsive-table tbody tr:hover{background:#f8fbff}.responsive-table tbody tr:last-child td{border-bottom:0}.responsive-table th[data-sortable="true"]{cursor:pointer;user-select:none;padding-right:24px}.responsive-table th[data-sortable="true"]:after{content:"↕";position:absolute;right:8px;color:#b0bdcb;font-size:9px}.responsive-table th.sort-asc:after{content:"↑";color:#5d7dd9}.responsive-table th.sort-desc:after{content:"↓";color:#5d7dd9}.table-enhancer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px}.table-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.table-search{position:relative;min-width:220px}.table-search input{height:36px;padding:8px 11px 8px 31px;background:white}.table-search:before{content:"⌕";position:absolute;left:11px;top:7px;color:#9aa9ba;font-size:15px;z-index:1}.table-size{width:auto;height:36px;padding:6px 28px 6px 9px;font-size:10px}.table-meta{color:#8291a4;font-size:10px}.table-pagination{display:flex;align-items:center;gap:5px}.table-page-btn{min-width:32px;padding:6px 8px!important;background:white!important;color:#5b6f88!important;border-color:var(--line)!important;box-shadow:none!important}.table-page-btn.active{background:#eaf0ff!important;color:#4a68c4!important;border-color:#d8e2ff!important}.table-export{background:white!important;color:#586f8b!important;border-color:var(--line)!important;box-shadow:none!important}.table-empty-state{padding:24px;text-align:center;color:#8b99aa;font-size:11px}.record-stack{display:grid;gap:11px}.record-stack details,.create-model-panel{border:1px solid var(--line);border-radius:15px;background:#fbfdff;overflow:hidden}.record-stack summary,.create-model-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:13px 15px;color:#405670;font-size:12px;font-weight:800;list-style:none}.record-stack summary::-webkit-details-marker,.create-model-panel>summary::-webkit-details-marker{display:none}.record-stack summary:after,.create-model-panel>summary:after{content:"＋";margin-left:auto;color:#8b9bb0}.record-stack details[open] summary:after,.create-model-panel[open]>summary:after{content:"－"}.record-stack summary small{color:#8a99aa;font-size:9px}.record-stack details[open] summary,.create-model-panel[open]>summary{border-bottom:1px solid var(--line);background:#f7faff}.record-stack .responsive-table-wrap{border:0;border-radius:0}.compact-stack{margin-top:14px}

/* key / code / models */
.inline-create,.redeem-user-form{display:flex;gap:8px;margin-bottom:14px}.key-list{display:grid;gap:9px}.key-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fbfdff}.key-item strong{display:block;font-size:12px}.key-item code{display:block;margin-top:4px;color:#5d7290;font-size:10px}.key-item small{display:block;margin-top:4px;color:#8c9aab;font-size:9px}.key-actions,.row-actions{display:flex;align-items:center;gap:7px}.guide-card{overflow:hidden}.code-tabs{display:flex;gap:5px;overflow-x:auto;margin-bottom:10px}.tab,.filter-chip{background:#f5f8fc!important;color:#667b95!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:999px!important;padding:7px 10px!important;font-size:10px!important;white-space:nowrap}.tab.active,.filter-chip.active{background:#eaf0ff!important;color:#4d6cc8!important;border-color:#d7e2ff!important}.code-panel{display:none;position:relative}.code-panel.active{display:block;animation:fadeIn .18s ease}.code-panel pre,.generated-box pre,.creative-prompt-box pre{margin:0;padding:16px;border:1px solid #dfe7f0;border-radius:14px;background:#f6f9fd;color:#38516f;overflow:auto;font-size:10px;line-height:1.65}.copy-float{position:absolute;right:8px;top:8px;z-index:2}.secret-row{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 11px;border:1px dashed #b7c9e5;border-radius:12px;background:#f5f9ff}.secret-row code{flex:1;color:#325281;font-size:11px}.key-reveal{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;background:linear-gradient(135deg,#f0f6ff,#f8fbff);border-color:#d6e3fb}.key-reveal h2{margin:0 0 4px;font-size:19px}.key-reveal p{margin:0;color:var(--muted);font-size:11px}.model-filter-row,.model-summary-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.compact-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compact-model{padding:15px;border:1px solid var(--line);border-radius:15px;background:#fbfdff;transition:.17s ease}.compact-model:hover{transform:translateY(-2px);background:white;box-shadow:var(--shadow-sm)}.compact-model strong{display:block;font-size:13px}.compact-model code{display:block;margin-top:4px;color:#657b98;font-size:9px}.compact-model p{min-height:34px;color:var(--muted);font-size:10px;line-height:1.5}.mini-prices{display:flex;gap:7px;flex-wrap:wrap}.mini-prices span{padding:6px 8px;border-radius:9px;background:#f2f6fb;color:#72849a;font-size:9px}.mini-prices b{color:#3b526f}.create-model-panel{margin-bottom:14px}.create-model-panel>form{padding:16px}.model-create-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.model-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.model-admin-card{padding:16px;border:1px solid var(--line);border-radius:17px;background:#fbfdff}.model-admin-card>form:first-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.model-admin-title{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:6px}.model-admin-title strong{display:block;font-size:14px}.model-index{display:block;color:#8d9aad;font-size:8px;font-weight:900;letter-spacing:.06em;margin-bottom:4px}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;grid-column:1/-1}.model-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}.sort-and-switch{display:flex;align-items:center;gap:9px}.sort-input{width:80px}.collab-switch{grid-column:1/-1}.danger-zone{margin-top:10px;display:flex;justify-content:flex-end}

/* studio */
.studio-card{background:linear-gradient(180deg,#fff,#fbfdff)}.studio-controls{display:grid;grid-template-columns:2fr 2fr 1.2fr 1.2fr .8fr;gap:10px}.studio-form{display:grid;gap:14px}.studio-image-toggle{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#f8fbff;cursor:pointer}.studio-image-toggle>input{position:absolute;opacity:0}.studio-image-toggle>span{width:40px;height:23px;border-radius:99px;background:#dce5f0;position:relative;transition:.18s ease;flex:0 0 auto}.studio-image-toggle>span:after{content:"";position:absolute;width:17px;height:17px;background:white;border-radius:50%;left:3px;top:3px;box-shadow:0 2px 7px rgba(35,52,74,.18);transition:.18s ease}.studio-image-toggle>input:checked+span{background:#6f93ff}.studio-image-toggle>input:checked+span:after{transform:translateX(17px)}.studio-image-toggle strong{display:block;font-size:12px}.studio-image-toggle small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.soft-disabled{opacity:.55}.studio-submit-row{display:flex;align-items:center;gap:12px}.studio-status{padding:11px 13px;margin-top:13px;border-radius:12px;font-size:11px}.studio-status.loading{background:#f0f5ff;color:#5270c4}.studio-status.success{background:var(--ok-soft);color:#2c7658}.studio-status.error{background:var(--danger-soft);color:#a64254}.studio-result{display:grid;gap:13px;margin-top:14px}.creative-prompt-box{padding:15px;border:1px solid var(--line);border-radius:15px;background:white}.studio-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-image-item{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white;box-shadow:var(--shadow-sm)}.studio-image-item img{display:block;width:100%;height:auto}.studio-image-item figcaption{padding:10px;color:#6e8096;font-size:10px;line-height:1.5}.studio-usage{padding:10px 12px;border-radius:11px;background:#f5f8fc;color:#71839a;font-size:10px}

/* wallet / admin specifics */
.wallet-balance{padding:22px;border-radius:17px;background:linear-gradient(135deg,#eef4ff,#f8fbff);border:1px solid #dbe6fb}.wallet-balance span{display:block;color:#7186a1;font-size:10px}.wallet-balance strong{display:block;margin-top:6px;font-size:clamp(34px,5vw,52px);letter-spacing:-.05em;color:#2f4f86}.mini-history{margin-top:16px}.mini-history h3{font-size:12px;margin:0 0 8px}.mini-history>div{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:8px 0;border-bottom:1px solid #edf1f5;align-items:center}.mini-history>div:last-child{border-bottom:0}.mini-history code{font-size:9px;color:#5f7594}.mini-history strong{font-size:10px;color:#2d7b5b}.mini-history small{font-size:9px;color:#8b99aa}.redeem-generator{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fbfdff}.generated-box{margin:14px 0;padding:15px;border:1px solid #d8e5fb;border-radius:15px;background:#f7faff}.balance-form{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(140px,1fr) auto;gap:6px;min-width:310px}.search-box{margin-bottom:10px}.module-search{max-width:420px}.ops-form,.password-form,.performance-form,.bridge-form{padding:4px 0}.upstream-card{padding:24px}.upstream-architecture{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:9px;align-items:stretch;margin-bottom:14px}.route-node,.route-split-node{padding:12px;border-radius:13px;background:#f8fbff;border:1px solid var(--line);font-size:10px;color:#5f728a}.route-arrow{display:grid;place-items:center;color:#9baabc}.upstream-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.upstream-route-panel,.bridge-panel{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fbfdff}.route-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.route-kicker{display:block;color:#6d83be;font-size:8px;font-weight:900;letter-spacing:.1em}.route-panel-head h3{margin:4px 0;font-size:16px}.route-panel-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.bridge-panel{margin-top:13px}.test-form{display:flex;align-items:center;gap:10px;margin-top:10px}.performance-form{grid-template-columns:repeat(2,minmax(0,1fr))}.model-admin-card.image-model-card{background:linear-gradient(180deg,#fdfcff,#fbfdff)}

/* toast / utility */
.toast{position:fixed;left:50%;bottom:28px;z-index:160;transform:translate(-50%,14px);padding:10px 14px;border:1px solid #d7e2ef;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 18px 48px rgba(56,77,106,.17);color:#40546d;font-size:11px;font-weight:750;opacity:0;pointer-events:none;transition:.18s ease}.toast.show{opacity:1;transform:translate(-50%,0)}.back-to-top{position:fixed;right:22px;bottom:22px;z-index:70;width:38px;height:38px;padding:0!important;border-radius:12px!important;background:rgba(255,255,255,.94)!important;color:#59708f!important;border:1px solid var(--line)!important;box-shadow:var(--shadow-sm)!important;opacity:0;pointer-events:none;transform:translateY(8px)}.back-to-top.show{opacity:1;pointer-events:auto;transform:none}.footer{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;padding:28px 0 8px;color:#8a98aa;font-size:10px}.footer code{color:#71839a}.dot-sep{color:#c0c8d3}
.form-submitting{opacity:.86}.form-submitting button[type="submit"]{position:relative;padding-right:32px}.form-submitting button[type="submit"]:after{content:"";position:absolute;right:11px;top:50%;width:11px;height:11px;margin-top:-6px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .65s linear infinite}

/* motion */
.reveal-item{opacity:0;transform:translateY(10px)}.reveal-item.is-visible{opacity:1;transform:none;transition:opacity .38s ease,transform .38s ease}
@keyframes pageIn{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes statusPulse{0%,100%{box-shadow:0 0 0 5px rgba(45,187,127,.09)}50%{box-shadow:0 0 0 8px rgba(45,187,127,.04)}}
@keyframes routeMove{from{left:0}to{left:calc(100% - 5px)}}
@keyframes progressIn{from{width:0}}
@keyframes chartDraw{from{stroke-dasharray:1000;stroke-dashoffset:1000}to{stroke-dasharray:1000;stroke-dashoffset:0}}
@keyframes barGrow{from{opacity:.15;transform:scaleY(.05)}to{opacity:1;transform:scaleY(1)}}
@keyframes spin{to{transform:rotate(360deg)}}

/* responsive */
@media(max-width:1180px){
  .admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid.user-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.model-public-grid,.compact-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.model-create-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .wrap{padding:10px 16px 28px}.topbar-center .endpoint-mini{display:none}.relay-hero{grid-template-columns:1fr;gap:28px;padding:54px 4px 46px}.relay-console-preview{max-width:720px}.feature-strip{grid-template-columns:repeat(2,1fr)}.feature-strip>div:nth-child(2){border-right:0}.feature-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.auth-shell{grid-template-columns:1fr;gap:28px;max-width:560px}.auth-copy{text-align:center}.auth-copy p{margin-left:auto;margin-right:auto}.console-shell{display:block}.console-sidebar{position:sticky;top:70px;z-index:60;display:flex;gap:5px;overflow-x:auto;margin:0 0 14px;padding:6px;border-radius:14px}.side-title,.sidebar-endpoint{display:none}.side-link{flex:0 0 auto;min-height:36px;padding:7px 10px;white-space:nowrap}.side-link span{display:none}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-card.span-2{grid-column:span 2}.admin-head-status,.dashboard-head-actions{flex-wrap:wrap}.upstream-route-grid{grid-template-columns:1fr}.upstream-architecture{grid-template-columns:1fr}.route-arrow{transform:rotate(90deg)}.model-admin-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .wrap{padding:8px 10px 22px}.topbar{top:6px;min-height:56px}.brand-copy b{display:none}.topbar-status{padding:7px 9px}.navlinks{gap:4px}.nav-text{font-size:11px;padding:7px}.relay-hero{padding-top:40px}.hero-copy h1{font-size:clamp(40px,13vw,62px)}.hero-copy>p{font-size:15px}.endpoint-copy-row{display:flex;width:100%;flex-wrap:wrap}.endpoint-copy-row code{flex:1;min-width:160px}.hero-actions .btn{flex:1}.preview-nodes{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr}.feature-strip>div{border-right:0!important;border-bottom:1px solid var(--line)}.feature-strip>div:last-child{border-bottom:0}.model-public-grid,.compact-model-grid{grid-template-columns:1fr}.relay-api-card{align-items:flex-start;flex-direction:column}.page-command-head{align-items:flex-start;flex-direction:column;padding-top:24px}.dashboard-head-actions,.admin-head-status{width:100%}.api-live-chip,.balance-chip,.health-pill{flex:1;min-width:145px}.page-command-head h1{font-size:clamp(30px,10vw,42px)}.split-grid{grid-template-columns:1fr}.metric-grid.user-metrics,.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid{grid-template-columns:1fr}.chart-card.span-2{grid-column:auto}.chart-host{height:220px}.chart-host.tall{height:240px}.donut-layout{grid-template-columns:1fr 1fr}.module-card{padding:16px}.module-heading{margin-bottom:16px}.settings-form,.model-create-form{grid-template-columns:1fr}.settings-form .span-2,.model-create-form .span-2{grid-column:auto}.form-actions{justify-content:stretch}.form-actions button{width:100%}.studio-controls{grid-template-columns:1fr 1fr}.studio-submit-row{align-items:stretch;flex-direction:column}.studio-image-grid{grid-template-columns:1fr}.redeem-generator{grid-template-columns:1fr 1fr}.redeem-generator .span-2{grid-column:span 2}.balance-form{grid-template-columns:1fr;min-width:220px}.responsive-table-wrap{border:0;background:transparent;overflow:visible}.responsive-table{min-width:0}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table tbody{display:grid;gap:9px}.responsive-table tr{padding:11px;border:1px solid var(--line);border-radius:13px;background:white;box-shadow:0 5px 16px rgba(70,91,122,.05)}.responsive-table td{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:7px 4px;border-bottom:1px dashed #e9eef4;text-align:right}.responsive-table td:last-child{border-bottom:0}.responsive-table td:before{content:attr(data-label);text-align:left;color:#8a99aa;font-size:9px;font-weight:800}.responsive-table td>*{justify-self:end}.table-enhancer{align-items:stretch;flex-direction:column}.table-tools{width:100%}.table-search{flex:1;min-width:0}.table-pagination{overflow-x:auto;max-width:100%}.key-reveal{align-items:flex-start;flex-direction:column}.secret-row{width:100%}.key-item{align-items:flex-start;flex-direction:column}.key-actions{width:100%;justify-content:space-between}.model-admin-card>form:first-child{grid-template-columns:1fr}.model-admin-title,.price-grid,.model-footer,.collab-switch{grid-column:auto}.price-grid{grid-template-columns:1fr 1fr}.performance-form{grid-template-columns:1fr}.donut-host{height:310px}.donut-layout{height:auto}.footer{padding-bottom:60px}
}
@media(max-width:460px){
  .brand-copy strong{font-size:14px}.topbar-status span{display:none}.topbar-status{width:30px;height:30px;padding:0;justify-content:center}.metric-grid.user-metrics,.admin-metrics{grid-template-columns:1fr}.studio-controls,.redeem-generator{grid-template-columns:1fr}.redeem-generator .span-2{grid-column:auto}.donut-layout{grid-template-columns:1fr}.donut-legend{padding:0 18px}.donut-host{height:350px}.hero-actions .btn{width:100%;flex-basis:100%}.dashboard-head-actions,.admin-head-status{display:grid;grid-template-columns:1fr;width:100%}.api-live-chip,.balance-chip,.health-pill{min-width:0}.price-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal-item{opacity:1;transform:none}}
/* upstream route visual */
.route-visual{display:grid;grid-template-columns:minmax(140px,.7fr) auto minmax(0,1.3fr);align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#f8fbff,#f3f7ff);margin-bottom:14px}.route-visual .route-node{padding:13px;border:1px solid #dce5f2;border-radius:13px;background:white}.route-visual .route-node b{display:block;font-size:12px}.route-visual .route-node small{display:block;margin-top:4px;color:#8292a7;font-size:9px;overflow-wrap:anywhere}.route-stack{display:grid;grid-template-columns:1fr 1fr;gap:9px}.route-pill{padding:12px;border-radius:13px;border:1px solid #dde7f3;background:white}.route-pill b{display:block;font-size:11px}.route-pill span{display:block;margin-top:4px;color:#8291a5;font-size:9px}.text-route{box-shadow:inset 3px 0 #6d8ff2}.image-route{box-shadow:inset 3px 0 #9a82ee}.dual-upstream-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mini-module{margin:0 0 12px;border:1px solid var(--line);border-radius:13px;background:white;overflow:hidden}.mini-module>summary{cursor:pointer;padding:11px 12px;color:#50657e;font-size:10px;font-weight:800}.mini-module[open]>summary{border-bottom:1px solid var(--line);background:#f8fbff}.mini-module>form{padding:12px;margin:0}.checkline{display:flex!important;align-items:center;gap:8px;color:#63758c!important;font-size:10px!important}.checkline input{width:auto}.discovered-models{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#f8fbff}.discovered-models>b{display:block;font-size:10px;margin-bottom:8px}.model-chip-list{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:7px}.model-chip{padding:5px 7px;border-radius:8px;background:white;border:1px solid #e1e8f2;color:#647894;font-size:8px}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:14px 0}.quick-action{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.86);color:#435a76;box-shadow:0 5px 18px rgba(70,91,122,.045);transition:.16s ease}.quick-action:hover{transform:translateY(-2px);border-color:#ceddf1;box-shadow:var(--shadow-sm);color:#4165c5}.quick-action div span{display:block;color:#8998aa;font-size:9px}.quick-action div strong{display:block;margin-top:3px;font-size:12px}.quick-action>span{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#eef3ff;color:#6280d7;font-size:13px}
@media(max-width:980px){.dual-upstream-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}
@media(max-width:720px){.route-visual{grid-template-columns:1fr}.route-visual>.route-arrow{transform:rotate(90deg)}.route-stack{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}}
/* compact expandable model cards */
.card-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.card-filter-row .table-search{flex:1;max-width:420px}.model-admin-card{padding:0;overflow:hidden}.model-admin-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;cursor:pointer;list-style:none;background:linear-gradient(180deg,#fff,#fbfdff)}.model-admin-summary::-webkit-details-marker{display:none}.model-admin-summary>div:first-child{min-width:0}.model-admin-summary strong{display:block;font-size:13px}.model-admin-summary code{display:block;margin-top:4px;color:#6d819d;font-size:9px}.model-admin-summary>div:last-child{display:flex;align-items:center;gap:8px}.summary-chevron{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#f1f5fa;color:#8495a9;transition:transform .16s ease}.model-admin-card[open] .summary-chevron{transform:rotate(180deg)}.model-admin-card[open] .model-admin-summary{border-bottom:1px solid var(--line);background:#f7faff}.model-admin-card>form{margin:0 15px 15px}.model-admin-card>form:first-of-type{padding-top:14px}.model-admin-card .model-admin-title{display:none}.model-admin-card .danger-zone{padding-top:10px;border-top:1px dashed #e6edf5}
@media(max-width:720px){.card-filter-row{align-items:stretch;flex-direction:column}.card-filter-row .table-search{max-width:none;width:100%}}
.model-admin-card>form:first-of-type{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding-top:14px}
@media(max-width:720px){.model-admin-card>form:first-of-type{grid-template-columns:1fr}}

/* V11.5 pool matrix / tier billing / announcements */
.pool-chip{display:flex;flex-direction:column;justify-content:center;min-width:128px;padding:10px 13px;border:1px solid #dce5f2;border-radius:14px;background:rgba(255,255,255,.86);box-shadow:0 8px 22px rgba(71,90,120,.06)}.pool-chip span{font-size:9px;color:#8998aa;font-weight:800;letter-spacing:.04em}.pool-chip strong{margin-top:3px;color:#4e6fc7;font-size:12px}
.pool-logic-strip{display:grid;grid-template-columns:minmax(150px,.7fr) auto minmax(260px,1.2fr) auto minmax(170px,.8fr);align-items:center;gap:12px;padding:16px;border:1px solid #dbe5f2;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#f4f6ff);margin-bottom:14px}.pool-logic-strip>div:not(.pool-mini-grid){padding:13px 14px;border:1px solid #e0e8f2;border-radius:14px;background:white}.pool-logic-strip b,.pool-logic-strip small{display:block}.pool-logic-strip small{margin-top:4px;color:var(--muted);font-size:10px}.pool-logic-strip>span{color:#8ca0bb;font-weight:900}.pool-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pool-mini-grid i{font-style:normal;padding:12px 8px;text-align:center;border-radius:12px;background:white;border:1px solid #dfe7f3;color:#5671ba;font-size:10px;font-weight:850;box-shadow:0 5px 14px rgba(71,90,120,.04)}
.pool-create-panel{margin:18px 0}.pool-settings-form{grid-template-columns:repeat(2,minmax(0,1fr))}.pool-matrix-grid{display:grid;gap:12px}.pool-card{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.96);overflow:hidden;box-shadow:0 8px 28px rgba(65,85,116,.055);transition:.18s ease}.pool-card:hover{border-color:#cad9ed;box-shadow:0 14px 34px rgba(65,85,116,.08)}.pool-card.pool-default{border-color:#cbdcff;box-shadow:0 12px 34px rgba(79,124,255,.09)}.pool-card>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;cursor:pointer}.pool-card>summary::-webkit-details-marker{display:none}.pool-card[open]>summary{background:#f8fbff;border-bottom:1px solid var(--line)}.pool-title{display:flex;align-items:center;gap:11px}.pool-title small{display:block;color:#8a9ab0;font-size:9px;text-transform:uppercase}.pool-title strong{display:block;margin-top:2px;font-size:14px}.pool-orb{width:32px;height:32px;border-radius:11px;background:linear-gradient(135deg,#7da0ff,#74d6cf);box-shadow:0 7px 18px rgba(79,124,255,.18)}.pool-default .pool-orb{background:linear-gradient(135deg,#5d83f7,#9b82f0)}.pool-summary-stats{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.pool-summary-stats>span:not(.badge){padding:5px 8px;border-radius:9px;background:#f4f7fb;color:#6c7e95;font-size:9px}.pool-card-body{padding:16px}.pool-kpis{display:grid;grid-template-columns:.6fr 1.5fr .7fr;gap:10px;margin-bottom:14px}.pool-kpis>div{padding:11px 12px;border-radius:13px;background:#f8faff;border:1px solid #e4ebf4;min-width:0}.pool-kpis small{display:block;color:#8c9aaa;font-size:9px}.pool-kpis b,.pool-kpis code{display:block;margin-top:4px;font-size:11px;overflow-wrap:anywhere}.pool-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px dashed #e2e9f2}.global-image-panel{max-width:none}.global-image-route{grid-template-columns:minmax(180px,.8fr) auto minmax(280px,1.2fr)}.bridge-grid-v115{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.tier-manager{grid-column:1/-1;margin:0 15px 15px;padding:14px;border:1px solid #dae5f5;border-radius:15px;background:linear-gradient(180deg,#f9fbff,#f5f8ff)}.tier-manager-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tier-manager-head h4{margin:2px 0 0;font-size:14px}.tier-list{display:grid;gap:8px;margin:12px 0}.tier-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:8px;border:1px solid #dee7f2;border-radius:12px;background:white}.tier-row.tier-off{opacity:.68}.tier-edit-form,.tier-create-form{display:grid;grid-template-columns:minmax(110px,1fr) minmax(150px,1.1fr) minmax(120px,.8fr) minmax(120px,.8fr) auto auto;gap:7px;align-items:center}.tier-edit-form input,.tier-create-form input{padding:8px 9px;border-radius:9px;font-size:11px}.tier-edit-form label,.tier-create-form label{display:flex;align-items:center;gap:5px;padding:0 8px;border:1px solid var(--line);border-radius:9px;background:#fbfdff;color:#718197;font-size:9px;min-width:0}.tier-edit-form label input,.tier-create-form label input{border:0;padding:8px 2px;box-shadow:none!important;background:transparent}.tier-edit-form label small,.tier-create-form label small{white-space:nowrap}.mini-switch{padding:0!important;border:0!important;background:transparent!important}.tier-create-form{margin-top:10px;padding-top:10px;border-top:1px dashed #dce5f0}.tier-badge{background:#eef8ff!important;border-color:#d3eaf8!important;color:#397c9f!important}.model-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.public-tier-list{display:grid;gap:6px;margin-top:10px}.public-tier-list>div{display:flex;justify-content:space-between;gap:12px;padding:8px 9px;border-radius:10px;background:#f5f8ff;border:1px solid #e0e8f5;font-size:9px;color:#667991}.public-tier-list b{color:#4d6591;text-align:right}
.user-admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.user-admin-toolbar .notice{margin:0;flex:1}.button-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;padding:7px 10px;background:#f7faff;color:#35506f;font-size:12px;font-weight:800}.pool-assign-form{display:flex;align-items:center;gap:6px;min-width:190px}.pool-assign-form select{padding:7px 8px;font-size:10px}.balance-form{gap:6px}
.announcement-rail{position:sticky;top:76px;z-index:69;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;height:42px;margin:-3px 0 12px;padding:0 8px 0 11px;border:1px solid rgba(211,222,237,.96);border-radius:14px;background:rgba(255,255,255,.91);backdrop-filter:blur(16px);box-shadow:0 8px 22px rgba(70,91,122,.07);overflow:hidden}.announcement-rail-label{display:flex;align-items:center;gap:7px;color:#526783;font-size:10px;font-weight:900}.announcement-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5b82f4;box-shadow:0 0 0 5px rgba(91,130,244,.10);animation:statusPulse 2.5s ease-in-out infinite}.announcement-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.announcement-track{display:flex;width:max-content;align-items:center;animation:announcementScroll 32s linear infinite}.announcement-marquee:hover .announcement-track{animation-play-state:paused}.announcement-ticker-item{display:inline-flex;align-items:center;gap:8px;max-width:520px;margin-right:38px;padding:0;border:0;background:transparent!important;box-shadow:none!important;color:#657991;transform:none!important;filter:none!important;font-size:10px;white-space:nowrap}.announcement-ticker-item b{color:#354b69;font-size:10px}.announcement-ticker-item span{max-width:360px;overflow:hidden;text-overflow:ellipsis}.announcement-all-button{padding:6px 9px!important;background:#f3f7fd!important;border-color:#dce6f2!important;color:#51677f!important;box-shadow:none!important;font-size:10px}.announcement-modal-layer{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .18s ease}.announcement-modal-layer.show{opacity:1}.announcement-modal-backdrop{position:absolute;inset:0;background:rgba(28,40,60,.28);backdrop-filter:blur(9px)}.announcement-modal-card{position:relative;width:min(680px,100%);max-height:min(78vh,760px);display:flex;flex-direction:column;border:1px solid rgba(216,226,239,.98);border-radius:24px;background:rgba(255,255,255,.98);box-shadow:0 34px 110px rgba(43,58,82,.25);overflow:hidden;transform:translateY(12px) scale(.985);transition:transform .2s ease}.announcement-modal-layer.show .announcement-modal-card{transform:none}.announcement-modal-card header,.announcement-modal-card footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 19px;background:#fbfdff}.announcement-modal-card header{border-bottom:1px solid var(--line)}.announcement-modal-card footer{border-top:1px solid var(--line)}.announcement-modal-card h2{margin:2px 0 0;font-size:20px}.announcement-modal-card footer small{color:var(--muted);font-size:10px}.modal-close-button{display:grid;place-items:center;width:34px;height:34px;padding:0!important;border-radius:11px;background:#f2f5f9!important;border:1px solid var(--line)!important;color:#657991!important;box-shadow:none!important;font-size:22px}.announcement-modal-list{display:grid;gap:10px;padding:16px 18px;overflow:auto}.announcement-modal-item{padding:14px 15px;border:1px solid #dde6f1;border-left:4px solid #6e91f7;border-radius:14px;background:#fbfdff}.announcement-modal-item.level-success{border-left-color:#36ad7a;background:#f9fdfb}.announcement-modal-item.level-warning{border-left-color:#e09a2e;background:#fffdf8}.announcement-modal-item.level-danger{border-left-color:#df5b70;background:#fffafb}.announcement-item-head{display:flex;align-items:center;gap:8px}.announcement-item-head strong{font-size:13px}.announcement-modal-item p{margin:9px 0;color:#52657d;font-size:12px;line-height:1.72;white-space:pre-line}.announcement-modal-item small{color:#93a0b0;font-size:9px}.modal-open{overflow:hidden}.announcement-admin-section .announcement-preview-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 13px;border:1px solid #dde7f2;border-radius:13px;background:#f8fbff;color:#6d7f96;font-size:10px}.announcement-preview-strip b{color:#40556f}.announcement-preview-strip i{font-style:normal;color:#b1bdca}.announcement-admin-grid{display:grid;gap:10px;margin-top:14px}.announcement-admin-card{border:1px solid var(--line);border-radius:16px;background:white;overflow:hidden}.announcement-admin-card>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;cursor:pointer;list-style:none}.announcement-admin-card>summary::-webkit-details-marker{display:none}.announcement-admin-card[open]>summary{background:#f8fbff;border-bottom:1px solid var(--line)}.announcement-admin-card>summary>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.announcement-admin-card>summary small{color:#8898aa;font-size:9px}.announcement-level-dot{width:8px;height:8px;border-radius:50%;background:#6e91f7}.level-success .announcement-level-dot{background:#32ad79}.level-warning .announcement-level-dot{background:#e09a2e}.level-danger .announcement-level-dot{background:#df5b70}.announcement-admin-card .announcement-form{padding:14px}.announcement-admin-card .danger-zone{margin:0 14px 14px;padding-top:10px;border-top:1px dashed #e5ebf3}
@keyframes announcementScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:1100px){.tier-edit-form,.tier-create-form{grid-template-columns:1fr 1fr 1fr}.tier-edit-form button,.tier-create-form button,.tier-edit-form .mini-switch{justify-self:stretch}.bridge-grid-v115{grid-template-columns:1fr}.pool-kpis{grid-template-columns:1fr 1fr}.pool-kpis>div:nth-child(2){grid-column:1/-1}}
@media(max-width:820px){.pool-logic-strip{grid-template-columns:1fr}.pool-logic-strip>span{transform:rotate(90deg);justify-self:center}.pool-mini-grid{grid-template-columns:repeat(3,1fr)}.pool-card>summary{align-items:flex-start;flex-direction:column}.pool-summary-stats{justify-content:flex-start}.pool-settings-form{grid-template-columns:1fr}.pool-settings-form .span-2{grid-column:auto}.global-image-route{grid-template-columns:1fr}.announcement-rail{top:70px}.tier-row{grid-template-columns:1fr}.tier-edit-form,.tier-create-form{grid-template-columns:1fr 1fr}.user-admin-toolbar{align-items:stretch;flex-direction:column}.public-tier-list>div{flex-direction:column;gap:3px}.public-tier-list b{text-align:left}}
@media(max-width:560px){.pool-mini-grid{grid-template-columns:1fr}.pool-kpis{grid-template-columns:1fr}.pool-kpis>div:nth-child(2){grid-column:auto}.tier-edit-form,.tier-create-form{grid-template-columns:1fr}.announcement-rail{grid-template-columns:auto 1fr;height:40px}.announcement-all-button{display:none}.announcement-modal-layer{padding:10px}.announcement-modal-card{max-height:88vh;border-radius:19px}.announcement-modal-card header,.announcement-modal-card footer{padding:13px}.announcement-modal-card footer{align-items:stretch;flex-direction:column}.announcement-modal-card footer button{width:100%}.announcement-ticker-item span{max-width:180px}.pool-chip{min-width:0;flex:1}}

/* V11.6 — per-Key model pool packages */
.key-workspace-grid{align-items:start}.key-create-grid{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.2fr) auto;gap:10px;align-items:end;padding:13px;border:1px solid var(--line);border-radius:16px;background:#f8fbff;margin-bottom:14px}.key-create-grid .field label{margin-bottom:5px}.key-pool-list{display:grid;gap:10px}.key-pool-item{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(260px,1fr) minmax(220px,1.15fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid #e0e8f3;border-radius:16px;background:white}.key-main-info{min-width:0}.key-title-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.key-main-info code{display:block;margin-top:5px;color:#60728b;font-size:10px}.key-main-info small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.key-pool-control{display:grid;gap:7px}.key-pool-label{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.key-pool-label small{color:var(--muted);font-size:9px}.key-pool-label strong{font-size:12px}.key-pool-label span{font-size:9px;color:#7f8da0}.key-pool-switch-form{display:flex;gap:6px}.key-pool-switch-form select{padding:8px 9px;font-size:10px}.key-model-scope>small{display:block;color:var(--muted);font-size:9px;margin-bottom:6px}.model-chip-row{display:flex;flex-wrap:wrap;gap:5px}.model-chip-row code{padding:4px 7px;border:1px solid #dfe7f3;border-radius:8px;background:#f7faff;color:#4c6280;font-size:9px}.pool-public-mini-list{display:grid;gap:8px;margin:12px 0}.pool-public-mini{border:1px solid var(--line);border-radius:13px;background:#fbfdff}.pool-public-mini>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;cursor:pointer;list-style:none}.pool-public-mini>summary::-webkit-details-marker{display:none}.pool-public-mini>summary div{min-width:0}.pool-public-mini>summary strong,.pool-public-mini>summary small{display:block}.pool-public-mini>summary small{margin-top:2px;color:var(--muted);font-size:9px}.pool-public-mini .model-chip-row{padding:0 12px 11px}.compact-empty{padding:15px!important}
.public-pool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.public-pool-card{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.public-pool-card>header{display:flex;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fbfdff,#f7faff)}.public-pool-card h3{margin:2px 0 4px;font-size:17px}.public-pool-card header small{color:#7890b0;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.public-pool-card header p{margin:0;color:var(--muted);font-size:10px}.public-pool-models{display:grid;gap:8px;padding:12px}.public-pool-model{padding:11px;border:1px solid #e3eaf3;border-radius:13px;background:#fbfdff}.public-pool-model-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.public-pool-model-head strong,.public-pool-model-head code{display:block}.public-pool-model-head strong{font-size:12px}.public-pool-model-head code{margin-top:3px;color:#74859b;font-size:9px}.module-subhead{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:22px 0 10px;padding-top:18px;border-top:1px dashed var(--line)}.module-subhead h3{margin:3px 0 0;font-size:17px}.module-subhead p{margin:4px 0 0;color:var(--muted);font-size:11px}
.studio-controls-v116{grid-template-columns:1fr 1.25fr 1.1fr repeat(3,.65fr)}
.pool-package-page{padding-bottom:26px}.v116-pool-logic{grid-template-columns:1fr auto 1.15fr auto 1fr}.pool-quick-create{margin-top:12px}.pool-quick-create .form-actions{gap:10px;align-items:center}.pool-quick-create .form-actions small{color:var(--muted);font-size:10px}.pool-package-grid{display:grid;gap:14px;margin-top:15px}.pool-package-card{border:1px solid #dce6f2;border-radius:19px;background:white;box-shadow:0 10px 28px rgba(72,92,122,.06);overflow:hidden}.pool-package-card.pool-default{border-color:#cbdcff;box-shadow:0 10px 30px rgba(79,124,255,.08)}.pool-package-head{display:grid;grid-template-columns:minmax(230px,1.2fr) minmax(360px,1fr) auto;gap:15px;align-items:center;padding:15px 16px;background:linear-gradient(180deg,#fcfdff,#f8fbff);border-bottom:1px solid var(--line)}.pool-title{display:flex;align-items:flex-start;gap:10px}.pool-title h3{margin:2px 0 3px;font-size:16px}.pool-title p{margin:0;color:var(--muted);font-size:10px}.pool-title small{color:#7d91ae;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.pool-package-metrics{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));gap:7px}.pool-package-metrics span{padding:8px 9px;border:1px solid #e2e9f3;border-radius:11px;background:white}.pool-package-metrics b,.pool-package-metrics small{display:block}.pool-package-metrics b{font-size:12px;color:#30435d}.pool-package-metrics small{margin-top:2px;color:#8b99aa;font-size:8px}.pool-package-body{padding:14px 15px}.pool-model-manager{padding:0}.subsection-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.subsection-heading h4{margin:2px 0;font-size:14px}.subsection-heading p{margin:3px 0 0;color:var(--muted);font-size:10px}.pool-model-add-form{display:grid;grid-template-columns:minmax(210px,1.3fr) minmax(180px,1fr) 130px 130px auto;gap:7px;align-items:center;margin:11px 0;padding:9px;border:1px dashed #d8e3f0;border-radius:13px;background:#f9fbff}.pool-model-add-form select,.pool-model-add-form input{padding:8px 9px;font-size:10px}.compact-money{height:36px}.compact-money span{font-size:9px;padding-left:8px}.compact-money input{padding:8px 7px}.pool-model-spec-list{display:grid;gap:8px}.pool-model-spec{border:1px solid #e0e7f1;border-radius:13px;background:white;overflow:hidden}.pool-model-spec>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;cursor:pointer;list-style:none}.pool-model-spec>summary::-webkit-details-marker{display:none}.pool-model-spec[open]>summary{background:#f8fbff;border-bottom:1px solid var(--line)}.pool-model-spec>summary strong,.pool-model-spec>summary code{display:block}.pool-model-spec>summary strong{font-size:12px}.pool-model-spec>summary code{margin-top:2px;color:#7b8da4;font-size:9px}.pool-model-price-summary{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pool-model-price-summary>span:not(.badge){padding:4px 6px;border-radius:8px;background:#f3f7fd;color:#607692;font-size:9px}.pool-model-spec-body{padding:10px 11px}.pool-model-edit-form{display:grid;grid-template-columns:1.35fr .8fr .8fr .55fr auto auto;gap:7px;align-items:end}.pool-model-edit-form .field label{font-size:9px;margin-bottom:4px}.pool-model-edit-form input{padding:8px 9px;font-size:10px}.compact-switch{margin:0!important;padding:7px 3px}.pool-tier-panel{margin-top:9px;border-top:1px dashed #dfe7f2;padding-top:8px}.pool-tier-panel>summary{display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:#526b8d;font-size:10px;font-weight:850}.pool-tier-body{display:grid;gap:7px;margin-top:8px}.pool-tier-row{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.pool-tier-form{display:grid;grid-template-columns:minmax(110px,1fr) 150px 120px 120px auto auto;gap:6px;align-items:center}.pool-tier-form input{padding:7px 8px;border-radius:9px;font-size:10px}.pool-tier-form>label{display:flex;align-items:center;gap:5px;padding:0 7px;border:1px solid var(--line);border-radius:9px;background:#fbfdff}.pool-tier-form>label small{white-space:nowrap;color:#7f8ea0;font-size:8px}.pool-tier-form>label input{border:0;box-shadow:none!important;background:transparent;padding-left:2px}.pool-tier-create{padding-top:7px;border-top:1px dashed #e0e7f1}.pool-model-remove{display:flex;justify-content:flex-end;margin-top:8px}.pool-route-settings{margin-top:12px;border:1px solid #e0e8f2;border-radius:13px;background:#fbfdff}.pool-route-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;cursor:pointer;list-style:none}.pool-route-settings>summary::-webkit-details-marker{display:none}.pool-route-settings>summary strong,.pool-route-settings>summary small{display:block}.pool-route-settings>summary strong{font-size:11px}.pool-route-settings>summary small{margin-top:2px;color:#8a9aac;font-size:9px;overflow-wrap:anywhere}.pool-route-settings>summary>span{color:#6f83a0;font-size:9px}.pool-route-settings .settings-form{padding:10px 11px;border-top:1px solid var(--line)}.pool-actions{margin-top:10px}.catalog-model-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:13px}.catalog-model-form .notice{margin:0}.compact-notice{padding:10px 11px;font-size:10px}.v116-catalog-grid .danger-zone{margin:0 13px 13px;padding-top:10px;border-top:1px dashed var(--line)}
.home-pool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-pool-card{padding:17px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:var(--shadow-sm);transition:.18s ease}.home-pool-card:hover{transform:translateY(-2px);border-color:#cad9ed;box-shadow:var(--shadow)}.home-pool-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.home-pool-card h3{margin:3px 0;font-size:17px}.home-pool-card header small{font-size:9px;color:#7d90ac;text-transform:uppercase;letter-spacing:.12em}.home-pool-card>p{min-height:34px;color:var(--muted);font-size:11px;line-height:1.55}.home-pool-model-list{display:grid;gap:6px;margin-top:10px}.home-pool-model-list>div{display:flex;justify-content:space-between;gap:10px;padding:7px 8px;border-radius:10px;background:#f7faff;border:1px solid #e4ebf4}.home-pool-model-list code{font-size:9px;color:#405978}.home-pool-model-list span{font-size:8px;color:#8090a4;text-align:right}.home-pool-model-list>small{color:var(--muted);font-size:9px}

@media(max-width:1180px){.key-pool-item{grid-template-columns:1fr 1.1fr}.key-model-scope{grid-column:1/2}.key-actions{grid-column:2/3;justify-content:flex-end}.pool-package-head{grid-template-columns:1fr auto}.pool-package-metrics{grid-column:1/-1}.pool-model-add-form{grid-template-columns:1fr 1fr 120px 120px}.pool-model-add-form button{grid-column:1/-1}.pool-model-edit-form{grid-template-columns:1.3fr 1fr 1fr}.pool-model-edit-form .compact-switch,.pool-model-edit-form>button{justify-self:stretch}.pool-tier-form{grid-template-columns:1fr 1fr 1fr}.home-pool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-controls-v116{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.key-create-grid{grid-template-columns:1fr}.key-pool-item{grid-template-columns:1fr}.key-model-scope,.key-actions{grid-column:auto}.key-actions{justify-content:flex-start}.public-pool-grid{grid-template-columns:1fr}.pool-package-head{grid-template-columns:1fr}.pool-package-metrics{grid-template-columns:repeat(2,1fr)}.pool-model-add-form{grid-template-columns:1fr 1fr}.pool-model-edit-form{grid-template-columns:1fr 1fr}.pool-tier-form{grid-template-columns:1fr 1fr}.pool-tier-row{grid-template-columns:1fr}.pool-tier-row>form:last-child{justify-self:start}.catalog-model-form{grid-template-columns:1fr}.catalog-model-form .span-2{grid-column:auto}.home-pool-grid{grid-template-columns:1fr}.studio-controls-v116{grid-template-columns:1fr 1fr}.v116-pool-logic{grid-template-columns:1fr}.v116-pool-logic>span{transform:rotate(90deg);justify-self:center}}
@media(max-width:560px){.key-pool-switch-form{flex-direction:column}.pool-package-metrics{grid-template-columns:1fr 1fr}.pool-model-add-form,.pool-model-edit-form,.pool-tier-form,.studio-controls-v116{grid-template-columns:1fr}.pool-model-price-summary{justify-content:flex-start}.pool-model-spec>summary{align-items:flex-start;flex-direction:column}.pool-package-head>.badge{justify-self:start}.home-pool-model-list>div{flex-direction:column}.home-pool-model-list span{text-align:left}}

/* V11.6.0 compact pool-package modules */
.pool-package-expand{border-top:1px solid var(--line,#e7ebf2)}
.pool-package-expand>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;cursor:pointer;background:rgba(248,250,255,.72);transition:background .18s ease,color .18s ease}
.pool-package-expand>summary::-webkit-details-marker{display:none}
.pool-package-expand>summary>div{display:flex;align-items:baseline;gap:10px;min-width:0}
.pool-package-expand>summary strong{font-size:14px}
.pool-package-expand>summary small{color:var(--muted,#728096);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pool-package-expand>summary:hover{background:rgba(241,246,255,.95)}
.pool-package-expand[open]>summary{background:rgba(238,245,255,.8)}
.pool-expand-hint{font-size:12px;color:var(--muted,#728096);transition:transform .18s ease}
.pool-package-expand[open] .pool-expand-hint{transform:rotate(180deg)}
.pool-package-expand[open] .pool-expand-hint{font-size:0}
.pool-package-expand[open] .pool-expand-hint::after{content:'收起';font-size:12px}
.pool-package-expand:not([open]) .pool-expand-hint::after{content:''}
.pool-package-expand .pool-package-body{animation:softRise .2s ease both}
@media (max-width:720px){.pool-package-expand>summary{padding:13px 14px}.pool-package-expand>summary>div{display:block}.pool-package-expand>summary small{display:block;margin-top:3px;max-width:62vw}}
.pool-model-quick-form{grid-template-columns:minmax(150px,1.1fr) minmax(130px,.9fr) minmax(150px,1fr) minmax(110px,.65fr) minmax(110px,.65fr) auto}
.pool-quick-tip{margin:-2px 0 12px;color:var(--muted,#728096);font-size:12px}
@media(max-width:1100px){.pool-model-quick-form{grid-template-columns:repeat(2,minmax(0,1fr))}.pool-model-quick-form button{grid-column:span 2}}
@media(max-width:620px){.pool-model-quick-form{grid-template-columns:1fr}.pool-model-quick-form button{grid-column:auto}}

/* V11.8 email verification + invitation rewards */
.auth-shell-wide{align-items:center}.email-auth-card{max-width:520px}.auth-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.invite-gift{background:linear-gradient(135deg,#fff8ed,#fff)}
.verify-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.verify-send-button{white-space:nowrap;min-width:112px}.verify-send-button.is-counting{opacity:.74}.auth-foot a{font-weight:750;color:#4268b4}
.invite-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:18px;align-items:center;padding:20px;margin:16px 0}.invite-panel h2{margin:4px 0 8px}.invite-panel p{margin:0;color:var(--muted);line-height:1.75}.invite-code-card{padding:14px;border:1px solid var(--line);background:#f8fbff;border-radius:16px}.invite-code-card>span{display:block;margin-bottom:8px;font-size:10px;font-weight:800;color:#7488a6;text-transform:uppercase;letter-spacing:.1em}.invite-link-row{margin-top:8px}.invite-link-row code{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.email-settings-card{margin-top:16px}.email-status-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;margin:0 0 14px;border:1px solid var(--line);border-radius:14px;background:#f8fbff}.email-status-strip>div{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.email-status-strip small{grid-column:2;color:var(--muted);margin-top:2px}.live-dot.is-off{background:#a8b0bd;box-shadow:none}.horizontal-toggle-stack{display:flex;flex-wrap:wrap;gap:10px 18px}.email-template-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.email-template-option{display:grid;text-align:left;gap:3px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff;color:inherit}.email-template-option:hover,.email-template-option.active{border-color:#9cb8ed;background:#f5f9ff;box-shadow:0 8px 22px rgba(69,104,166,.08)}.email-template-option span{font-size:9px;color:#8294ae;letter-spacing:.12em}.email-template-option strong{font-size:13px}.email-template-option small{color:var(--muted)}.code-textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;line-height:1.55;min-height:280px}.compact-check{margin-top:6px}.email-test-form{display:grid;grid-template-columns:minmax(260px,420px) auto 1fr;gap:10px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}.email-test-form small{align-self:center;color:var(--muted)}.auth-inherit-tip{display:block;margin-top:6px;color:#5374aa;font-weight:700}
@media(max-width:820px){.auth-benefit-grid,.invite-panel,.email-template-picker{grid-template-columns:1fr}.email-test-form{grid-template-columns:1fr}.invite-link-row{display:none}}
@media(max-width:520px){.verify-code-row{grid-template-columns:1fr}.verify-send-button{width:100%}}

/* V11.8.1 SMTP test feedback */
.email-test-form .smtp-test-result{grid-column:1/-1;display:none;margin-top:2px;padding:10px 12px;border-radius:11px;font-size:11px;line-height:1.55;border:1px solid var(--line);background:#f8fbff;color:#5d7089}
.email-test-form .smtp-test-result:not(:empty){display:block}
.email-test-form .smtp-test-result.is-loading{background:#f5f8ff;border-color:#dbe5f7;color:#55709b}
.email-test-form .smtp-test-result.is-success{background:#f2fbf7;border-color:#cdebdc;color:#287552}
.email-test-form .smtp-test-result.is-error{background:#fff5f6;border-color:#f3d2d7;color:#a33f50}

/* V11.9.0 premium UI / email workbench / account identity release */
:root{
  --shadow-premium:0 18px 48px rgba(50,69,98,.09),0 2px 8px rgba(50,69,98,.035);
  --hairline:rgba(205,218,235,.78);
}
body{background:
  radial-gradient(circle at 10% -8%,rgba(112,154,255,.10),transparent 30%),
  radial-gradient(circle at 92% 18%,rgba(126,108,240,.075),transparent 28%),
  linear-gradient(180deg,#f8fbff 0%,#f3f7fc 44%,#f7f9fc 100%)}
.glass-nav{border-color:rgba(211,222,237,.82);box-shadow:0 14px 38px rgba(58,77,105,.075),inset 0 1px 0 rgba(255,255,255,.95)}
.card,.module-card{border-color:var(--hairline);box-shadow:var(--shadow-premium)}
.module-card{background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(251,253,255,.985))}
button,.btn{box-shadow:0 9px 24px rgba(71,112,224,.16),inset 0 1px 0 rgba(255,255,255,.20)}
input,select,textarea{border-color:#dbe5f1;background:rgba(255,255,255,.96);box-shadow:inset 0 1px 2px rgba(56,76,106,.025)}
input:focus,select:focus,textarea:focus{border-color:#9db8ef;box-shadow:0 0 0 4px rgba(79,124,255,.09),inset 0 1px 2px rgba(56,76,106,.02)}
.metric-card{position:relative;overflow:hidden;border-color:rgba(210,222,238,.85);box-shadow:0 15px 34px rgba(54,75,106,.075)}
.metric-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.34),transparent 48%)}
.metric-card.featured{box-shadow:0 18px 40px rgba(73,108,188,.12)}
.quick-action{border-color:rgba(210,222,238,.9);box-shadow:0 10px 28px rgba(62,82,111,.055)}
.quick-action:hover{box-shadow:0 16px 34px rgba(62,82,111,.09)}
.admin-sidebar{box-shadow:0 16px 42px rgba(57,76,105,.07),inset 0 1px 0 rgba(255,255,255,.9)}
.side-link{transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}
.side-link:hover{transform:translateX(2px)}
.side-link.active{box-shadow:inset 3px 0 0 var(--accent),0 8px 20px rgba(70,104,170,.06)}

/* Email design workbench */
.email-settings-card{overflow:hidden}
.email-template-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.email-template-option{position:relative;overflow:hidden;min-height:112px;padding:14px 14px 13px;border-radius:16px;box-shadow:none!important;align-content:end}
.email-template-option i{position:absolute;left:0;right:0;top:0;height:34px;border-bottom:1px solid rgba(0,0,0,.04);background:linear-gradient(135deg,#eaf1ff,#f8fbff)}
.email-template-option i::after{content:"";position:absolute;left:13px;top:10px;width:32px;height:10px;border-radius:999px;background:rgba(68,104,180,.16);box-shadow:42px 0 0 rgba(68,104,180,.07)}
.email-template-option span{margin-top:25px;font-size:8px;letter-spacing:.16em;font-weight:850}
.email-template-option strong{font-size:13px;letter-spacing:-.01em}
.email-template-option small{font-size:9px;line-height:1.45}
.email-template-option.active{border-color:#8eace8;background:#f7faff;box-shadow:0 10px 25px rgba(67,104,176,.09)!important}
.email-template-option.active::after{content:"✓";position:absolute;right:10px;top:8px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#4f7cff;color:#fff;font-size:10px;font-weight:900;box-shadow:0 5px 12px rgba(79,124,255,.2)}
.email-template-option.template-midnight i{background:linear-gradient(135deg,#101725,#26334b)}
.email-template-option.template-midnight i::after{background:rgba(167,194,255,.4);box-shadow:42px 0 0 rgba(167,194,255,.16)}
.email-template-option.template-minimal i{background:linear-gradient(135deg,#f2f2f2,#fff)}
.email-template-option.template-nebula i{background:linear-gradient(135deg,#eee7fb,#faf7ff)}
.email-template-option.template-emerald i{background:linear-gradient(135deg,#e4f4ee,#f8fcfa)}
.email-template-option.template-champagne i{background:linear-gradient(135deg,#1d1b18,#40382d)}
.email-template-option.template-champagne i::after{background:rgba(228,202,145,.45);box-shadow:42px 0 0 rgba(228,202,145,.14)}
.email-template-option.template-cloud i{background:linear-gradient(135deg,#e8ecf2,#fafbfc)}
.email-design-workbench{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);gap:16px;align-items:start;margin-top:2px}
.email-code-editor{display:grid;gap:12px;min-width:0}
.email-preview-panel{position:sticky;top:86px;min-width:0;padding:13px;border:1px solid #dce5f0;border-radius:18px;background:linear-gradient(180deg,#f9fbfe,#f4f7fb);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.email-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 11px}
.email-preview-head strong,.email-preview-head small{display:block}.email-preview-head strong{font-size:12px}.email-preview-head small{margin-top:3px;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}
.email-preview-browser{overflow:hidden;border:1px solid #d6e0ec;border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(61,79,106,.08)}
.email-preview-toolbar{display:flex;align-items:center;gap:5px;height:31px;padding:0 10px;background:#f3f6fa;border-bottom:1px solid #e2e8f0;color:#8794a6;font-size:8px}
.email-preview-toolbar i{width:7px;height:7px;border-radius:50%;background:#cbd4df}.email-preview-toolbar i:nth-child(2){opacity:.75}.email-preview-toolbar i:nth-child(3){opacity:.5}.email-preview-toolbar span{margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.email-preview-browser iframe{display:block;width:100%;height:510px;border:0;background:#fff}
.email-settings-form .form-actions{align-items:center;gap:12px}.save-hint{color:var(--muted);font-size:10px;line-height:1.5}
.code-textarea{min-height:410px;resize:vertical;background:#fbfcfe;color:#25364d;border-color:#d8e2ee}
.email-status-strip{background:linear-gradient(100deg,#f8fbff,#fbfdff);box-shadow:inset 0 1px 0 #fff}

.identity-released{display:inline-flex;margin-top:5px;padding:4px 7px;border:1px solid #cdebdc;border-radius:999px;background:#f1faf6;color:#2b7555;font-size:8px;font-weight:800;letter-spacing:.02em}
#user-table tbody tr{transition:background .15s ease,box-shadow .15s ease}#user-table tbody tr:hover{background:#fbfdff}

@media(max-width:1180px){
  .email-template-picker{grid-template-columns:repeat(3,minmax(0,1fr))}
  .email-design-workbench{grid-template-columns:1fr}.email-preview-panel{position:relative;top:auto}.email-preview-browser iframe{height:480px}
}
@media(max-width:820px){
  .email-template-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
  .email-template-option{min-height:106px}.code-textarea{min-height:300px}.email-preview-browser iframe{height:430px}
}
@media(max-width:480px){
  .email-template-picker{grid-template-columns:1fr 1fr;gap:8px}.email-template-option{min-height:100px;padding:12px}.email-template-option small{font-size:8px}.email-preview-panel{padding:9px}.email-preview-browser iframe{height:390px}
}

/* ========================================================================== 
   V11.10.0 — split mobile / desktop UI, 2K+4K Studio, 3-up announcements,
   Conversation Lab.  Mobile is a separate presentation mode, not a scaled
   desktop canvas.  Keep this block last so it can safely neutralize legacy
   fixed/min widths from older modules.
   ========================================================================== */

/* Global overflow safety --------------------------------------------------- */
html,body{max-width:100%;overflow-x:clip}
.app-frame,.page-main,.console-shell,.multipage-content,.admin-content-v5,.user-page-content,
.module-section,.module-card,.card,.settings-form,.catalog-model-form,.pool-package-card,
.pool-package-body,.model-admin-grid,.email-design-workbench,.studio-workbench-grid,.chat-lab,
.responsive-table-wrap{min-width:0;max-width:100%}
img,video,canvas,svg,iframe,pre,code{max-width:100%}
pre,code{overflow-wrap:anywhere;word-break:break-word}
.mobile-only{display:none!important}

/* Three announcements are visible at once on desktop --------------------- */
.announcement-rail-v1110{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:10px;
  min-height:58px;height:auto;padding:9px 10px;overflow:hidden
}
.announcement-rail-label{display:flex;align-items:center;gap:7px;align-self:center;white-space:nowrap;color:#50637d;font-size:10px;font-weight:850}
.announcement-rail-label small{padding:3px 6px;border-radius:999px;background:#f0f4fa;color:#8a98aa;font-size:8px;font-weight:750}
.announcement-live-dot{width:7px;height:7px;border-radius:50%;background:#35bd88;box-shadow:0 0 0 5px rgba(53,189,136,.09)}
.announcement-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0}
.announcement-preview-item{
  display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;
  padding:8px 9px!important;border:1px solid #e0e8f2!important;border-radius:11px!important;
  background:rgba(255,255,255,.82)!important;color:#475d78!important;box-shadow:none!important;text-align:left
}
.announcement-preview-item:hover{background:#fff!important;border-color:#cfddec!important;transform:none}
.announcement-preview-index{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#eef3fb;color:#7b8ea8;font-size:8px;font-weight:900}
.announcement-preview-item>div{min-width:0}.announcement-preview-item b,.announcement-preview-item span{display:block;min-width:0}
.announcement-preview-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.announcement-preview-item>div>span{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a99ab;font-size:8px;font-weight:500}
.announcement-preview-item.level-success .announcement-preview-index{background:#edf9f4;color:#2b8a65}
.announcement-preview-item.level-warning .announcement-preview-index{background:#fff7e9;color:#ad7725}
.announcement-preview-item.level-danger .announcement-preview-index{background:#fff0f3;color:#ba4960}
.announcement-all-button{align-self:center;white-space:nowrap}

/* Studio high-resolution workbench --------------------------------------- */
.studio-v1110{overflow:hidden}
.studio-heading{align-items:center}
.studio-capability-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.studio-capability-badges .image-badge{background:#eef4ff;border-color:#d6e3ff;color:#5274cf}
.studio-workbench-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(205px,245px);gap:16px;align-items:start}
.studio-primary-controls{min-width:0}
.studio-controls-v1110{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.studio-image-toggle{display:flex;align-items:center;gap:11px;margin:13px 0;padding:12px 13px;border:1px solid #dfe8f2;border-radius:14px;background:#f9fbfe;cursor:pointer}
.studio-image-toggle>input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.studio-image-toggle>span{position:relative;flex:0 0 38px;width:38px;height:22px;border-radius:999px;background:#dbe4f0;transition:.2s ease}
.studio-image-toggle>span:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(46,64,91,.17);transition:.2s ease}
.studio-image-toggle>input:checked+span{background:#5c83ef}.studio-image-toggle>input:checked+span:after{transform:translateX(16px)}
.studio-image-toggle>div{min-width:0}.studio-image-toggle strong,.studio-image-toggle small{display:block}.studio-image-toggle strong{font-size:11px}.studio-image-toggle small{margin-top:3px;color:#8796a9;font-size:9px;line-height:1.45}
.studio-prompt-field textarea{min-height:164px}
.studio-prompt-meta{display:flex;justify-content:space-between;gap:10px;margin-top:6px;color:#95a2b1;font-size:8px}
.studio-price-preview{position:sticky;top:86px;min-width:0;padding:16px;border:1px solid #dbe5f1;border-radius:18px;background:linear-gradient(155deg,#f9fbff,#f3f7ff);box-shadow:0 12px 30px rgba(66,88,124,.07);transition:opacity .18s ease,transform .18s ease}
.studio-price-preview>strong{display:block;margin-top:6px;color:#40546e;font-size:11px}
.studio-price-value{margin:9px 0 5px;color:#263a56;font-size:31px;font-weight:850;letter-spacing:-.045em}.studio-price-value small{margin-left:4px;color:#8696a9;font-size:9px;font-weight:650;letter-spacing:0}
.studio-price-tier{display:inline-flex;padding:5px 8px;border:1px solid #d9e4f5;border-radius:999px;background:#fff;color:#57719b;font-size:8px;font-weight:850}
.studio-price-preview[data-resolution-tier="2k"]{background:linear-gradient(155deg,#f6f9ff,#edf4ff);border-color:#cfdef8}
.studio-price-preview[data-resolution-tier="4k"]{background:linear-gradient(155deg,#f8f6ff,#f0edff);border-color:#d9d1f6}
.studio-price-preview p{margin:11px 0 0;color:#8796a9;font-size:9px;line-height:1.6}
.studio-price-preview.soft-disabled{opacity:.52}
.studio-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.studio-image-item{min-width:0;margin:0;overflow:hidden;border:1px solid #dde6f0;border-radius:17px;background:#fff}.studio-image-item img{display:block;width:100%;height:auto;max-height:780px;object-fit:contain;background:#f5f7fa}.studio-image-item figcaption{padding:9px 11px;color:#74859b;font-size:9px;line-height:1.55}
.studio-usage{margin-top:10px;padding:10px 12px;border:1px solid #e0e8f2;border-radius:12px;background:#f8fbff;color:#6f8095;font-size:9px;line-height:1.55}

/* Conversation Lab -------------------------------------------------------- */
.chat-test-card{overflow:hidden}
.chat-heading{align-items:center}
.chat-lab{display:grid;gap:12px}
.chat-lab-toolbar{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(240px,1.2fr) auto;gap:9px;align-items:end}
.chat-clear-button{height:42px;white-space:nowrap}
.chat-system-panel{border:1px solid #e1e8f1;border-radius:13px;background:#fafcff;overflow:hidden}
.chat-system-panel>summary{cursor:pointer;padding:10px 12px;color:#61748d;font-size:10px;font-weight:800;list-style:none}.chat-system-panel>summary::-webkit-details-marker{display:none}.chat-system-panel[open]>summary{border-bottom:1px solid #e4ebf4;background:#f7faff}.chat-system-panel .field{padding:10px}.chat-system-panel textarea{min-height:82px}
.chat-window{height:500px;overflow-y:auto;overscroll-behavior:contain;padding:18px;border:1px solid #dce5ef;border-radius:18px;background:linear-gradient(180deg,#fbfdff,#f5f8fc);scrollbar-width:thin}
.chat-empty-state{display:grid;place-items:center;align-content:center;min-height:100%;padding:30px;text-align:center;color:#7c8ca0}.chat-empty-state[hidden]{display:none}.chat-empty-state strong{margin-top:12px;color:#3d526e;font-size:15px}.chat-empty-state p{max-width:480px;margin:7px 0 0;font-size:10px;line-height:1.65}.chat-orb{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:linear-gradient(135deg,#6991f3,#70c9d1);color:#fff;font-size:14px;font-weight:900;box-shadow:0 11px 25px rgba(77,120,215,.2)}
.chat-message{display:flex;align-items:flex-start;gap:9px;max-width:82%;margin:0 0 12px}.chat-message.is-user{margin-left:auto;flex-direction:row-reverse}.chat-message-avatar{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:#e9eff8;color:#5f7390;font-size:8px;font-weight:900}.chat-message.is-user .chat-message-avatar{background:#dfe9ff;color:#4a69bd}
.chat-message-body{min-width:0;padding:10px 12px;border:1px solid #dee7f1;border-radius:6px 15px 15px 15px;background:#fff;box-shadow:0 5px 16px rgba(58,78,108,.045)}.chat-message.is-user .chat-message-body{border-color:#d4e0fb;border-radius:15px 6px 15px 15px;background:#edf3ff}.chat-message-body pre{margin:0;white-space:pre-wrap;word-break:break-word;font:inherit;color:#435871;font-size:11px;line-height:1.7}.chat-message.is-user .chat-message-body pre{color:#35527d}.chat-message.is-error .chat-message-body{border-color:#f1d0d6;background:#fff5f6}.chat-message.is-error .chat-message-body pre{color:#a24353}
.chat-thinking-dots{display:flex;align-items:center;gap:4px;height:18px}.chat-thinking-dots i{width:5px;height:5px;border-radius:50%;background:#7892b5;animation:chatDot 1s ease-in-out infinite}.chat-thinking-dots i:nth-child(2){animation-delay:.13s}.chat-thinking-dots i:nth-child(3){animation-delay:.26s}
.chat-composer{display:grid;gap:8px;padding:10px;border:1px solid #dbe4ef;border-radius:16px;background:#fff;box-shadow:0 9px 24px rgba(61,81,110,.055)}.chat-composer textarea{min-height:88px;border:0;background:transparent;box-shadow:none!important;padding:7px 8px}.chat-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf1f6;padding-top:8px}.chat-run-meta{display:flex;gap:7px;flex-wrap:wrap;color:#8998aa;font-size:8px}.chat-run-meta span{padding:4px 7px;border-radius:999px;background:#f4f7fb}.chat-composer-foot button{min-width:104px}
@keyframes chatDot{0%,70%,100%{transform:translateY(0);opacity:.42}35%{transform:translateY(-3px);opacity:1}}

/* DESKTOP presentation ---------------------------------------------------- */
body.ui-desktop .desktop-command-head{display:flex!important}
body.ui-desktop .mobile-only{display:none!important}
body.ui-desktop .multipage-content{animation:desktopPageIn .32s cubic-bezier(.2,.75,.2,1)}
body.ui-desktop .reveal-item{opacity:0;transform:translateY(11px) scale(.995)}
body.ui-desktop .reveal-item.is-visible{opacity:1;transform:none;transition:opacity .4s ease,transform .4s cubic-bezier(.2,.75,.2,1)}
body.ui-desktop .module-card{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
body.ui-desktop .module-card:hover{border-color:#d2deed;box-shadow:0 20px 50px rgba(52,72,103,.095)}
body.ui-desktop .side-link:hover{transform:translateX(2px)}
@keyframes desktopPageIn{from{opacity:.2;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}

/* MOBILE presentation — intentionally independent from desktop ----------- */
body.ui-mobile{background:#f5f8fc;overflow-x:clip;overscroll-behavior-x:none}
body.ui-mobile .app-mesh{opacity:.55}
body.ui-mobile .wrap.app-frame{width:100%;max-width:100%;margin:0;padding:8px 9px 24px;overflow:visible}
body.ui-mobile .page-main{width:100%;max-width:100%;min-width:0}
body.ui-mobile .desktop-command-head{display:none!important}
body.ui-mobile .mobile-only{display:block!important}
body.ui-mobile .topbar{position:sticky;top:5px;z-index:100;width:100%;min-width:0;min-height:54px;padding:7px 8px;border-radius:16px}
body.ui-mobile .brand{min-width:0;gap:7px}.ui-mobile .brand-mark{width:32px;height:32px;border-radius:11px}.ui-mobile .brand-copy strong{font-size:13px}.ui-mobile .brand-copy b{display:none}
body.ui-mobile .topbar-center{display:none!important}
body.ui-mobile .navlinks{min-width:0;gap:4px;margin-left:auto}.ui-mobile .navlinks .nav-text{display:none}.ui-mobile .navlinks form{margin:0}.ui-mobile .navlinks button{padding:7px 9px!important;font-size:10px}
body.ui-mobile .mobile-console-head{width:100%;min-width:0;margin:10px 0 8px;padding:13px 14px;border:1px solid #dde6f1;border-radius:17px;background:linear-gradient(145deg,#fff,#f7faff);box-shadow:0 9px 26px rgba(55,77,108,.07);animation:mobileSheetIn .28s cubic-bezier(.2,.75,.25,1)}
.mobile-console-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.mobile-console-title>div{min-width:0}.mobile-console-title span,.mobile-console-title strong{display:block;min-width:0}.mobile-console-title span{color:#8092aa;font-size:8px;font-weight:900;letter-spacing:.13em}.mobile-console-title strong{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2f435e;font-size:15px}.mobile-balance{white-space:nowrap;color:#3f62bd;font-size:14px}.mobile-status-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#3d765f;font-size:9px}.mobile-status-badge .live-dot{width:6px;height:6px}
.mobile-console-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #edf1f6;color:#8191a4;font-size:8px}.mobile-console-meta span{display:flex;align-items:center;gap:6px}.mobile-console-meta code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#667c98;font-size:8px}
body.ui-mobile .console-shell{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
body.ui-mobile .console-sidebar{position:sticky!important;top:65px!important;z-index:90!important;display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:5px!important;margin:0 0 8px!important;padding:5px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;border-radius:13px!important;background:rgba(255,255,255,.93)!important;backdrop-filter:blur(15px)}
body.ui-mobile .console-sidebar::-webkit-scrollbar{display:none}.ui-mobile .console-sidebar{scrollbar-width:none}
body.ui-mobile .side-title,body.ui-mobile .sidebar-endpoint{display:none!important}
body.ui-mobile .side-link{flex:0 0 auto!important;min-width:auto!important;min-height:38px!important;padding:7px 10px!important;border-radius:10px!important;scroll-snap-align:start;white-space:nowrap;font-size:10px!important;transform:none!important;box-shadow:none!important}
body.ui-mobile .side-link span{display:none!important}.ui-mobile .side-link.active{box-shadow:inset 0 0 0 1px #d8e3fb!important}
body.ui-mobile .multipage-content,body.ui-mobile .admin-content-v5,body.ui-mobile .user-page-content{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;animation:mobileSheetIn .24s cubic-bezier(.2,.75,.25,1)}
body.ui-mobile .page-breadcrumb{min-height:26px;margin:0 0 6px;padding:0 2px;font-size:8px}
body.ui-mobile .module-section,body.ui-mobile .module-card,body.ui-mobile .card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
body.ui-mobile .module-card{padding:14px!important;border-radius:17px!important;box-shadow:0 8px 24px rgba(54,75,104,.065)!important}
body.ui-mobile .module-heading{display:flex!important;align-items:flex-start!important;gap:10px!important;margin-bottom:14px!important}.ui-mobile .module-heading>div{min-width:0}.ui-mobile .module-heading h2{font-size:22px!important}.ui-mobile .module-heading p{font-size:10px!important;line-height:1.55}.ui-mobile .module-index{font-size:8px}
body.ui-mobile input,body.ui-mobile select,body.ui-mobile textarea{font-size:16px!important;max-width:100%!important;min-width:0!important;border-radius:12px!important;padding:10px 11px!important}
body.ui-mobile .field label{font-size:10px}.ui-mobile .field small{font-size:9px}
body.ui-mobile button,body.ui-mobile .btn{transform:none!important}.ui-mobile button:hover,.ui-mobile .btn:hover{transform:none!important}
body.ui-mobile .reveal-item{opacity:0;transform:translateY(7px)}.ui-mobile .reveal-item.is-visible{opacity:1;transform:none;transition:opacity .25s ease,transform .25s ease}
body.ui-mobile .metric-card:hover,body.ui-mobile .home-pool-card:hover,body.ui-mobile .pool-card:hover,body.ui-mobile .module-card:hover{transform:none!important}

/* Mobile hard reset for legacy layout grids that could create right-side blank space. */
body.ui-mobile .settings-form,body.ui-mobile .model-create-form,body.ui-mobile .catalog-model-form,
body.ui-mobile .pool-settings-form,body.ui-mobile .pool-model-add-form,body.ui-mobile .pool-model-edit-form,
body.ui-mobile .pool-tier-form,body.ui-mobile .pool-package-head,body.ui-mobile .pool-package-metrics,
body.ui-mobile .key-create-grid,body.ui-mobile .key-pool-item,body.ui-mobile .performance-form,
body.ui-mobile .email-design-workbench,body.ui-mobile .email-test-form,body.ui-mobile .global-image-route,
body.ui-mobile .dual-upstream-grid,body.ui-mobile .bridge-grid-v115,body.ui-mobile .route-visual,
body.ui-mobile .studio-workbench-grid,body.ui-mobile .studio-controls-v1110,body.ui-mobile .chat-lab-toolbar{
  grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important
}
body.ui-mobile .span-2,body.ui-mobile .pool-package-metrics,body.ui-mobile .pool-model-add-form button,
body.ui-mobile .key-model-scope,body.ui-mobile .key-actions{grid-column:auto!important}
body.ui-mobile .pool-package-head{gap:10px}.ui-mobile .pool-package-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ui-mobile .pool-package-metrics>*{min-width:0}
body.ui-mobile .route-arrow{transform:rotate(90deg)!important;justify-self:center}
body.ui-mobile .responsive-table-wrap{width:100%!important;max-width:100%!important;overflow:visible!important}
body.ui-mobile .responsive-table{width:100%!important;min-width:0!important;max-width:100%!important}
body.ui-mobile .balance-form{min-width:0!important}
body.ui-mobile .form-actions{width:100%;justify-content:stretch}.ui-mobile .form-actions>button{width:100%}
body.ui-mobile .email-preview-panel{position:relative!important;top:auto!important;width:100%!important;min-width:0!important;padding:8px}.ui-mobile .email-preview-browser iframe{height:380px}
body.ui-mobile .code-textarea{min-height:270px}

/* Mobile Studio is not the desktop sidebar layout. */
body.ui-mobile .studio-heading{align-items:flex-start!important}.ui-mobile .studio-capability-badges{flex:0 0 auto;gap:4px}.ui-mobile .studio-capability-badges .badge{font-size:7px;padding:4px 6px}
body.ui-mobile .studio-controls-v1110{gap:9px!important}.ui-mobile .studio-image-toggle{margin:10px 0;padding:11px}.ui-mobile .studio-prompt-field textarea{min-height:150px}
body.ui-mobile .studio-price-preview{position:relative!important;top:auto!important;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:12px 13px;border-radius:14px;box-shadow:none}.ui-mobile .studio-price-preview .eyebrow,.ui-mobile .studio-price-preview>strong{grid-column:1/2}.ui-mobile .studio-price-value{grid-column:2/3;grid-row:1/3;margin:0;font-size:24px;text-align:right}.ui-mobile .studio-price-tier{grid-column:1/-1;justify-self:start}.ui-mobile .studio-price-preview p{grid-column:1/-1;margin-top:4px;font-size:8px}
body.ui-mobile .studio-image-grid{grid-template-columns:minmax(0,1fr)!important;gap:9px}.ui-mobile .studio-image-item{border-radius:14px}

/* Mobile Conversation Lab is a touch-first messenger. */
body.ui-mobile .chat-lab-toolbar{gap:8px!important}.ui-mobile .chat-clear-button{width:100%;height:auto}.ui-mobile .chat-system-panel>summary{font-size:9px}
body.ui-mobile .chat-window{height:min(56vh,480px);min-height:340px;padding:11px;border-radius:15px}.ui-mobile .chat-empty-state{padding:22px 12px}.ui-mobile .chat-empty-state p{font-size:9px}.ui-mobile .chat-message{max-width:92%;gap:6px;margin-bottom:10px}.ui-mobile .chat-message-avatar{flex-basis:26px;width:26px;height:26px;border-radius:9px;font-size:7px}.ui-mobile .chat-message-body{padding:9px 10px}.ui-mobile .chat-message-body pre{font-size:10px;line-height:1.65}.ui-mobile .chat-composer{padding:8px;border-radius:14px}.ui-mobile .chat-composer textarea{min-height:76px!important;padding:5px 6px!important}.ui-mobile .chat-composer-foot{align-items:flex-end}.ui-mobile .chat-run-meta{gap:4px}.ui-mobile .chat-run-meta span{font-size:7px;padding:3px 5px}.ui-mobile .chat-composer-foot button{min-width:82px;padding:9px 12px!important}

/* Mobile announcements: three compact rows are visible together; never widen the page. */
body.ui-mobile .announcement-rail-v1110{position:relative;top:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;width:100%;max-width:100%;min-width:0;margin:7px 0;padding:8px;border-radius:14px}
body.ui-mobile .announcement-rail-label{padding:1px 4px}.ui-mobile .announcement-rail-label small{display:inline-flex}
body.ui-mobile .announcement-preview-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important;min-width:0!important;max-width:100%!important;overflow:visible!important}
body.ui-mobile .announcement-preview-item{width:100%;min-width:0;padding:7px 8px!important}.ui-mobile .announcement-preview-item>div>span{max-width:100%}
body.ui-mobile .announcement-all-button{width:100%;padding:6px 8px!important;font-size:8px}

body.ui-mobile .footer{max-width:100%;padding:22px 8px 64px;font-size:8px}.ui-mobile .footer code{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ui-mobile .back-to-top{right:12px;bottom:74px}
@keyframes mobileSheetIn{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}

/* CSS-width fallback before JS assigns ui-mobile, plus genuine narrow desktops. */
@media(max-width:820px){
  .desktop-command-head{display:none!important}.mobile-only{display:block!important}
  .announcement-preview-grid{min-width:0}
  .studio-workbench-grid,.chat-lab-toolbar{grid-template-columns:1fr}
}
@media(max-width:520px){
  body.ui-mobile .pool-package-metrics{grid-template-columns:1fr 1fr!important}
  body.ui-mobile .module-heading h2{font-size:20px!important}
}
@media(prefers-reduced-motion:reduce){
  body.ui-desktop .multipage-content,body.ui-mobile .multipage-content,body.ui-mobile .mobile-console-head{animation:none!important}
  .chat-thinking-dots i{animation:none!important;opacity:.7}
}

/* ========================================================================
   V11.11.0 — visual system, independent mobile/desktop themes, range UI,
   tutorial center, profile, announcement media, appearance workbench.
   ======================================================================== */

/* Theme tokens are deliberately resolved separately for desktop and mobile. */
html[data-desktop-theme="aurora"]{--theme-bg:#f4f7ff;--theme-bg2:#eef5ff;--theme-panel:rgba(255,255,255,.92);--theme-panel-solid:#fff;--theme-text:#16233a;--theme-muted:#718199;--theme-line:#dce6f3;--theme-shadow:0 22px 64px rgba(57,79,119,.10)}
html[data-desktop-theme="porcelain"]{--theme-bg:#f7f8fa;--theme-bg2:#f0f2f5;--theme-panel:rgba(255,255,255,.94);--theme-panel-solid:#fff;--theme-text:#20252e;--theme-muted:#7a838f;--theme-line:#e1e5ea;--theme-shadow:0 20px 54px rgba(32,41,55,.08)}
html[data-desktop-theme="obsidian"]{--theme-bg:#0c111b;--theme-bg2:#111827;--theme-panel:rgba(18,25,39,.90);--theme-panel-solid:#121a28;--theme-text:#edf3ff;--theme-muted:#96a4b9;--theme-line:#26354a;--theme-shadow:0 22px 70px rgba(0,0,0,.30)}
html[data-desktop-theme="jade"]{--theme-bg:#f1f8f6;--theme-bg2:#e8f5f1;--theme-panel:rgba(255,255,255,.93);--theme-panel-solid:#fff;--theme-text:#17342d;--theme-muted:#718c84;--theme-line:#d7e9e3;--theme-shadow:0 22px 58px rgba(34,91,75,.09)}
html[data-desktop-theme="champagne"]{--theme-bg:#faf7f1;--theme-bg2:#f6efe4;--theme-panel:rgba(255,255,255,.93);--theme-panel-solid:#fff;--theme-text:#30291f;--theme-muted:#8b8071;--theme-line:#e9dfd0;--theme-shadow:0 22px 60px rgba(104,79,43,.09)}
html[data-desktop-theme="violet"]{--theme-bg:#f7f4ff;--theme-bg2:#f0ecff;--theme-panel:rgba(255,255,255,.93);--theme-panel-solid:#fff;--theme-text:#28203d;--theme-muted:#817594;--theme-line:#e4dbf2;--theme-shadow:0 22px 64px rgba(74,51,112,.10)}

@media(max-width:820px),(pointer:coarse){
  html[data-mobile-theme="aurora"]{--theme-bg:#f4f7ff;--theme-bg2:#edf4ff;--theme-panel:rgba(255,255,255,.96);--theme-panel-solid:#fff;--theme-text:#17243a;--theme-muted:#74839a;--theme-line:#dce6f3;--theme-shadow:0 10px 28px rgba(58,78,114,.08)}
  html[data-mobile-theme="porcelain"]{--theme-bg:#f7f8fa;--theme-bg2:#f1f3f6;--theme-panel:rgba(255,255,255,.97);--theme-panel-solid:#fff;--theme-text:#20252e;--theme-muted:#7b838e;--theme-line:#e2e6eb;--theme-shadow:0 10px 26px rgba(33,43,57,.07)}
  html[data-mobile-theme="obsidian"]{--theme-bg:#0c111b;--theme-bg2:#101827;--theme-panel:rgba(18,25,39,.96);--theme-panel-solid:#121a28;--theme-text:#edf3ff;--theme-muted:#96a4b9;--theme-line:#29384d;--theme-shadow:0 10px 30px rgba(0,0,0,.28)}
  html[data-mobile-theme="jade"]{--theme-bg:#f1f8f6;--theme-bg2:#eaf5f2;--theme-panel:rgba(255,255,255,.97);--theme-panel-solid:#fff;--theme-text:#17342d;--theme-muted:#718c84;--theme-line:#d7e9e3;--theme-shadow:0 10px 28px rgba(34,91,75,.07)}
  html[data-mobile-theme="champagne"]{--theme-bg:#faf7f2;--theme-bg2:#f4eee4;--theme-panel:rgba(255,255,255,.97);--theme-panel-solid:#fff;--theme-text:#30291f;--theme-muted:#8b8071;--theme-line:#e9dfd0;--theme-shadow:0 10px 28px rgba(104,79,43,.07)}
  html[data-mobile-theme="violet"]{--theme-bg:#f7f4ff;--theme-bg2:#f0ecff;--theme-panel:rgba(255,255,255,.97);--theme-panel-solid:#fff;--theme-text:#28203d;--theme-muted:#817594;--theme-line:#e4dbf2;--theme-shadow:0 10px 28px rgba(74,51,112,.08)}
}

html{--accent:var(--site-accent,#5B7CFA);--accent-2:color-mix(in srgb,var(--accent) 82%,#9bb8ff);--accent-soft:color-mix(in srgb,var(--accent) 10%,transparent);--bg:var(--theme-bg,#f5f8fd);--panel:var(--theme-panel-solid,#fff);--text:var(--theme-text,#172033);--muted:var(--theme-muted,#718096);--line:var(--theme-line,#dfe8f3)}
html[data-radius="soft"]{--radius:24px;--radius-md:18px;--radius-sm:13px}html[data-radius="compact"]{--radius:17px;--radius-md:13px;--radius-sm:10px}html[data-radius="square"]{--radius:9px;--radius-md:7px;--radius-sm:6px}
html[data-density="compact"] .card{padding:17px}html[data-density="compact"] .module-card{padding:18px}
body{background:radial-gradient(circle at 8% 4%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 28%),linear-gradient(180deg,var(--theme-bg,#f5f8fd),var(--theme-bg2,#eef5ff));color:var(--theme-text,var(--text));transition:background .25s ease,color .25s ease}
.glass-nav,.card,.home-pool-card,.public-model-card,.metric-card,.console-sidebar,.mobile-console-head,.announcement-rail,.announcement-modal-card,.pool-package-card,.pool-model-spec,.key-item,.chat-window,.chat-composer,.route-panel,.email-preview-panel{background:var(--theme-panel,rgba(255,255,255,.92));border-color:var(--theme-line,var(--line));color:var(--theme-text,var(--text));box-shadow:var(--theme-shadow,var(--shadow-sm))}
.eyebrow,.side-link.active,.brand-copy b{color:var(--accent)}
.brand-mark,.auth-logo,.btn:not(.secondary),button:not(.secondary):not(.ghost):not(.danger):not(.ghost-danger){background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 22%,transparent)}
input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--accent) 58%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}

/* Obsidian needs explicit neutralization of old hard-coded white surfaces. */
html[data-desktop-theme="obsidian"] body.ui-desktop,html[data-mobile-theme="obsidian"] body.ui-mobile{color-scheme:dark}
html[data-desktop-theme="obsidian"] body.ui-desktop :is(input,select,textarea,.endpoint-mini,.metric-card,.home-pool-card,.public-model-card,.pool-package-card,.pool-model-spec,.pool-route-settings,.key-item,.code-panel,.tutorial-panel),
html[data-mobile-theme="obsidian"] body.ui-mobile :is(input,select,textarea,.endpoint-mini,.metric-card,.home-pool-card,.public-model-card,.pool-package-card,.pool-model-spec,.pool-route-settings,.key-item,.code-panel,.tutorial-panel){background:#151f2e!important;color:#edf3ff!important;border-color:#2a3a50!important}
html[data-desktop-theme="obsidian"] body.ui-desktop .muted,html[data-mobile-theme="obsidian"] body.ui-mobile .muted{color:#9aa8bb!important}

/* Range navigator -------------------------------------------------------- */
.range-heading{align-items:flex-end!important;gap:16px}.range-switcher{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid var(--theme-line);border-radius:14px;background:color-mix(in srgb,var(--theme-panel-solid) 84%,transparent);box-shadow:0 8px 24px rgba(45,65,95,.05)}
.range-switcher a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border-radius:10px;color:var(--theme-muted);font-size:11px;font-weight:850;white-space:nowrap;transition:.18s ease}.range-switcher a:hover{color:var(--accent);background:var(--accent-soft)}.range-switcher a.active{color:#fff;background:var(--accent);box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 22%,transparent)}
.premium-metrics .metric-card{position:relative;overflow:hidden;min-height:138px;padding:19px 20px}.premium-metrics .metric-card:after{content:"";position:absolute;right:-24px;bottom:-42px;width:110px;height:110px;border-radius:50%;background:color-mix(in srgb,var(--accent) 7%,transparent);pointer-events:none}.premium-metrics .metric-card.featured{border-color:color-mix(in srgb,var(--accent) 24%,var(--theme-line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--theme-panel-solid)),var(--theme-panel-solid))}.premium-metrics .metric-card strong{letter-spacing:-.04em}.premium-chart-grid .chart-card{overflow:hidden}.premium-chart-grid .hero-chart{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 5%,var(--theme-panel-solid)),var(--theme-panel-solid))}

/* Profile --------------------------------------------------------------- */
.profile-layout{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:16px}.profile-identity-card{display:grid;align-content:start;gap:14px}.profile-avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(145deg,var(--accent),var(--accent-2));color:#fff;font-size:25px;font-weight:950;box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 24%,transparent)}.profile-identity-card h3{margin:2px 0;font-size:25px}.profile-identity-card p{margin:0;color:var(--theme-muted)}.profile-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.profile-stat-row span{padding:11px;border:1px solid var(--theme-line);border-radius:13px;background:color-mix(in srgb,var(--theme-panel-solid) 86%,var(--accent-soft))}.profile-stat-row b,.profile-stat-row small{display:block}.profile-stat-row b{font-size:14px}.profile-stat-row small{margin-top:4px;color:var(--theme-muted);font-size:9px}.compact-heading{margin-bottom:12px!important}

/* Tutorial center ------------------------------------------------------- */
.guide-prereq{display:grid;grid-template-columns:minmax(230px,1fr) minmax(260px,1fr) minmax(250px,1fr);gap:10px;align-items:center;margin-bottom:16px;padding:15px 17px}.guide-prereq>div:first-child{display:flex;align-items:center;gap:10px}.guide-step-no{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-weight:950}.guide-prereq small,.guide-prereq strong{display:block}.guide-prereq small{color:var(--theme-muted);font-size:9px}.guide-value{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;padding:8px 9px;border:1px solid var(--theme-line);border-radius:12px}.guide-value>span{font-size:9px;color:var(--theme-muted)}.guide-value code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.tutorial-tabs{display:grid;gap:12px}.tutorial-tabbar{display:flex;gap:6px;flex-wrap:wrap;padding:6px;border:1px solid var(--theme-line);border-radius:15px;background:var(--theme-panel)}.tutorial-tabbar .tab{background:transparent;color:var(--theme-muted);border:0;box-shadow:none}.tutorial-tabbar .tab.active{background:var(--accent);color:white}.tutorial-panel{display:none!important;padding:22px;border:1px solid var(--theme-line);border-radius:var(--radius);background:var(--theme-panel);box-shadow:var(--theme-shadow)}.tutorial-panel.active{display:block!important;animation:tutorialIn .24s ease}.tutorial-hero{display:flex;gap:14px;align-items:center;margin-bottom:18px}.tutorial-logo{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,var(--accent),var(--accent-2));color:#fff;font-size:13px;font-weight:950;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 20%,transparent)}.tutorial-hero span{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--accent)}.tutorial-hero h3{margin:3px 0;font-size:21px}.tutorial-hero p{margin:0;color:var(--theme-muted);font-size:11px}.tutorial-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none;counter-reset:guide}.tutorial-steps li{position:relative;padding:14px 13px;border:1px solid var(--theme-line);border-radius:14px;background:color-mix(in srgb,var(--theme-panel-solid) 88%,var(--accent-soft));counter-increment:guide}.tutorial-steps li:before{content:counter(guide,decimal-leading-zero);display:block;margin-bottom:14px;color:var(--accent);font-size:10px;font-weight:950}.tutorial-steps b,.tutorial-steps span{display:block}.tutorial-steps b{font-size:12px}.tutorial-steps span{margin-top:5px;color:var(--theme-muted);font-size:10px;line-height:1.6}.tutorial-check{display:flex;gap:10px;margin-top:12px;padding:12px 13px;border-radius:13px;background:var(--accent-soft);color:var(--theme-text)}.tutorial-check>span{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:950}.tutorial-check b{font-size:11px}.tutorial-check p{margin:4px 0 0;color:var(--theme-muted);font-size:10px;line-height:1.55}.copy-code-card{position:relative}.copy-code-card pre{margin:0;padding:18px;border:1px solid var(--theme-line);border-radius:15px;background:color-mix(in srgb,var(--theme-bg2) 66%,var(--theme-panel-solid));font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.simple-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.simple-config-grid>div{padding:12px;border:1px solid var(--theme-line);border-radius:13px}.simple-config-grid small,.simple-config-grid code{display:block}.simple-config-grid small{color:var(--theme-muted);font-size:9px}.simple-config-grid code{margin-top:5px}.guide-faq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:15px}.guide-faq-grid article{display:flex;gap:10px;padding:13px;border:1px solid var(--theme-line);border-radius:14px;background:var(--theme-panel)}.guide-faq-grid article>span{color:var(--accent);font-size:9px;font-weight:950}.guide-faq-grid b{font-size:11px}.guide-faq-grid p{margin:4px 0 0;color:var(--theme-muted);font-size:9px;line-height:1.5}@keyframes tutorialIn{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Announcement media --------------------------------------------------- */
.announcement-preview-item.has-image{grid-template-columns:42px minmax(0,1fr)!important}.announcement-preview-item img{width:42px;height:34px;object-fit:cover;border-radius:9px;border:1px solid var(--theme-line)}.announcement-media{margin:-4px -4px 13px;overflow:hidden;border-radius:15px}.announcement-media img{display:block;width:100%;max-height:300px;object-fit:cover;background:var(--theme-bg2)}.announcement-item-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.announcement-image-preview{padding:0!important;overflow:hidden;border:1px solid var(--theme-line);border-radius:15px;background:var(--theme-bg2)}.announcement-image-preview img{display:block;width:100%;max-height:280px;object-fit:cover}.announcement-image-preview.is-error:after{content:"图片加载失败，请检查 URL 是否可公开访问";display:block;padding:10px;color:var(--danger);font-size:10px}.announcement-summary-main{display:flex!important;align-items:center!important;gap:10px!important}.announcement-summary-thumb{width:52px;height:42px;object-fit:cover;border-radius:10px;border:1px solid var(--theme-line)}

/* Appearance workbench ------------------------------------------------- */
.appearance-workbench{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;align-items:start}.appearance-editor{min-width:0}.appearance-brand-grid{margin-top:12px}.appearance-section-gap{margin-top:28px}.theme-choice-grid,.appearance-controls-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.color-input-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:7px}.color-input-row input[type="color"]{height:43px;padding:4px}.theme-preset-showcase{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:10px}.theme-preview-card{display:block;padding:7px!important;background:var(--theme-panel)!important;color:var(--theme-text)!important;border:1px solid var(--theme-line)!important;box-shadow:none!important;text-align:left}.theme-preview-card>span{display:block;height:46px;margin-bottom:7px;border-radius:9px;background:linear-gradient(145deg,#f1f5ff,#fff);border:1px solid rgba(110,130,170,.12)}.theme-preview-porcelain>span{background:linear-gradient(145deg,#f0f1f3,#fff)}.theme-preview-obsidian>span{background:linear-gradient(145deg,#0c111b,#24334a)}.theme-preview-jade>span{background:linear-gradient(145deg,#e4f4ef,#fff)}.theme-preview-champagne>span{background:linear-gradient(145deg,#f6ead6,#fff)}.theme-preview-violet>span{background:linear-gradient(145deg,#ede5ff,#fff)}.theme-preview-card b,.theme-preview-card small{display:block}.theme-preview-card b{font-size:9px}.theme-preview-card small{margin-top:2px;color:var(--theme-muted);font-size:7px}.appearance-preview-panel{position:sticky;top:84px}.appearance-preview-head{display:flex;align-items:center;justify-content:space-between}.appearance-preview-head span{font-size:8px;font-weight:950;letter-spacing:.13em;color:var(--accent)}.appearance-preview-head h3{margin:4px 0 0}.appearance-device-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:13px 0;padding:4px;border:1px solid var(--theme-line);border-radius:12px}.appearance-device-switch button{padding:7px!important;background:transparent!important;color:var(--theme-muted)!important;border:0!important;box-shadow:none!important}.appearance-device-switch button.active{background:var(--accent)!important;color:#fff!important}.site-preview-frame{--preview-accent:var(--accent);overflow:hidden;min-height:360px;border:1px solid var(--theme-line);border-radius:18px;background:linear-gradient(160deg,#f5f8ff,#eef3fb);transition:.22s ease}.site-preview-frame[data-device="mobile"]{max-width:260px;margin-inline:auto;border-radius:28px;min-height:420px}.preview-site-nav{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid rgba(120,140,170,.13);background:rgba(255,255,255,.74)}.preview-site-nav i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--preview-accent);color:#fff;font-style:normal;font-size:11px;font-weight:950}.preview-site-nav div{min-width:0}.preview-site-nav b,.preview-site-nav small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-site-nav b{font-size:10px}.preview-site-nav small{max-width:150px;color:#7e8a9c;font-size:6px}.preview-site-nav>span{margin-left:auto;width:32px;height:9px;border-radius:5px;background:#dbe3ef}.preview-site-body{padding:34px 22px}.site-preview-frame[data-device="mobile"] .preview-site-body{padding:28px 16px}.preview-site-body>small{color:var(--preview-accent);font-size:7px;font-weight:950;letter-spacing:.12em}.preview-site-body h3{margin:9px 0;font-size:23px;line-height:1.08;letter-spacing:-.04em}.site-preview-frame[data-device="mobile"] h3{font-size:20px}.preview-site-body p{color:#78869a;font-size:8px;line-height:1.55}.preview-site-actions{display:flex;gap:7px;margin:16px 0}.preview-site-actions i{display:block;width:70px;height:24px;border-radius:8px;background:var(--preview-accent)}.preview-site-actions i+ i{width:55px;background:#fff;border:1px solid #dce4ef}.preview-site-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.site-preview-frame[data-device="mobile"] .preview-site-cards{grid-template-columns:1fr}.preview-site-cards span{height:62px;border-radius:12px;background:rgba(255,255,255,.82);border:1px solid rgba(130,150,180,.15)}.module-visibility-panel.span-full{grid-column:1/-1}.module-toggle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.module-toggle-grid .switch{padding:10px;border:1px solid var(--theme-line);border-radius:12px;background:color-mix(in srgb,var(--theme-panel-solid) 88%,var(--accent-soft))}

/* Distinct motion systems ---------------------------------------------- */
body.ui-desktop .metric-card,body.ui-desktop .chart-card,body.ui-desktop .home-pool-card,body.ui-desktop .public-model-card{will-change:transform}
html[data-desktop-motion="full"] body.ui-desktop .metric-card:hover,html[data-desktop-motion="full"] body.ui-desktop .home-pool-card:hover,html[data-desktop-motion="full"] body.ui-desktop .public-model-card:hover{transform:translateY(-4px);box-shadow:0 26px 65px rgba(45,66,100,.14)}
html[data-desktop-motion="full"] body.ui-desktop .module-section{animation:desktopReveal .34s cubic-bezier(.2,.75,.25,1)}
html[data-desktop-motion="subtle"] body.ui-desktop .module-section{animation:desktopReveal .18s ease}
html[data-desktop-motion="off"] body.ui-desktop *,html[data-mobile-motion="off"] body.ui-mobile *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@keyframes desktopReveal{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Mobile is a separate composition, not a scaled desktop canvas. ------- */
@media(max-width:820px),(pointer:coarse){
  body.ui-mobile{background:linear-gradient(180deg,var(--theme-bg),var(--theme-bg2));font-size:14px}
  body.ui-mobile .wrap{padding:8px 10px 26px!important;max-width:none!important}
  body.ui-mobile .topbar{top:6px;min-height:54px;padding:7px 8px;margin-bottom:8px;border-radius:16px!important}.ui-mobile .brand-mark{width:34px;height:34px;border-radius:11px}.ui-mobile .brand-copy strong{font-size:14px}.ui-mobile .brand-copy b{display:none}.ui-mobile .topbar-center{display:none}.ui-mobile .nav-text{font-size:11px;padding:7px}.ui-mobile .navlinks{gap:4px}
  body.ui-mobile .premium-mobile-head{margin:6px 0 8px!important;padding:12px!important;border-radius:17px!important}.ui-mobile .premium-mobile-head .mobile-console-title strong{font-size:16px!important}.ui-mobile .premium-mobile-head .mobile-balance{padding:6px 8px;border-radius:10px;background:var(--accent-soft);color:var(--accent)}
  body.ui-mobile .console-sidebar{top:67px!important;margin-bottom:10px!important;padding:5px!important;border:1px solid var(--theme-line)!important;box-shadow:0 7px 20px rgba(43,61,88,.07)!important}.ui-mobile .side-link{min-height:36px!important;padding:7px 10px!important;font-size:10px!important}.ui-mobile .side-link.active{background:var(--accent)!important;color:#fff!important;border-color:transparent!important}
  body.ui-mobile .module-heading{margin-bottom:11px!important}.ui-mobile .module-heading h2{font-size:19px!important;letter-spacing:-.025em}.ui-mobile .module-heading p{margin-top:5px;font-size:9px!important}
  .range-heading{display:grid!important;gap:9px!important}.range-switcher{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:4px;border-radius:12px;overflow:hidden}.range-switcher a{min-width:0;min-height:32px;padding:6px 2px;font-size:8px}
  body.ui-mobile .premium-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.ui-mobile .premium-metrics .metric-card{min-height:112px!important;padding:13px!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(43,61,88,.055)!important}.ui-mobile .premium-metrics .metric-card strong{margin-top:14px!important;font-size:26px!important}.ui-mobile .premium-metrics .metric-card small{font-size:8px!important;line-height:1.4}.ui-mobile .metric-top span{font-size:9px!important}.ui-mobile .metric-top i{font-size:7px!important}.ui-mobile .metric-progress{height:4px;margin-top:7px}
  body.ui-mobile .premium-chart-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}.ui-mobile .premium-chart-grid .chart-card,.ui-mobile .premium-chart-grid .span-2{grid-column:auto!important;min-width:0!important;padding:13px!important;border-radius:16px!important}.ui-mobile .chart-title h2,.ui-mobile .chart-title h3{font-size:14px!important}.ui-mobile .chart-title span{font-size:7px!important}.ui-mobile .chart-host{min-height:190px!important;height:190px!important}.ui-mobile .chart-host.tall{height:220px!important;min-height:220px!important}.ui-mobile .donut-host{height:200px!important;min-height:200px!important}
  .profile-layout{grid-template-columns:1fr;gap:8px}.profile-identity-card,.profile-edit-card{padding:14px!important}.profile-avatar{width:52px;height:52px;border-radius:16px}.profile-stat-row{gap:5px}.profile-stat-row span{padding:9px 7px}.profile-stat-row b{font-size:12px}.profile-edit-card .form-actions{display:grid;grid-template-columns:1fr;gap:7px}.profile-edit-card .form-actions .btn{width:100%}
  .guide-prereq{grid-template-columns:1fr!important;padding:12px!important;gap:7px}.guide-value{grid-template-columns:auto minmax(0,1fr) auto}.tutorial-tabbar{display:flex;overflow-x:auto;flex-wrap:nowrap;padding:4px;scrollbar-width:none}.tutorial-tabbar::-webkit-scrollbar{display:none}.tutorial-tabbar .tab{flex:0 0 auto;padding:8px 10px!important;font-size:9px!important}.tutorial-panel{padding:14px!important;border-radius:17px!important}.tutorial-hero{gap:10px;margin-bottom:12px}.tutorial-logo{width:40px;height:40px;flex-basis:40px;border-radius:13px}.tutorial-hero h3{font-size:17px}.tutorial-steps{grid-template-columns:1fr!important;gap:6px}.tutorial-steps li{padding:11px}.tutorial-steps li:before{display:inline;margin-right:8px;margin-bottom:0}.tutorial-steps b{display:inline}.simple-config-grid{grid-template-columns:1fr}.guide-faq-grid{grid-template-columns:1fr 1fr;gap:6px}.guide-faq-grid article{padding:10px}.copy-code-card pre{font-size:9px;line-height:1.6;padding:14px 11px}
  .announcement-preview-item.has-image{grid-template-columns:48px minmax(0,1fr)!important}.announcement-preview-item img{width:48px;height:38px}.announcement-media img{max-height:210px}.announcement-item-foot{align-items:flex-start;flex-direction:column}.announcement-item-foot .btn{width:auto!important}
  .appearance-workbench{grid-template-columns:1fr}.appearance-preview-panel{position:relative;top:auto}.theme-choice-grid,.appearance-controls-grid{grid-template-columns:1fr 1fr}.theme-preset-showcase{grid-template-columns:repeat(3,1fr)}.module-toggle-grid{grid-template-columns:1fr 1fr}.module-visibility-panel.span-full{grid-column:auto}.appearance-brand-grid{grid-template-columns:1fr!important}.appearance-brand-grid .span-2{grid-column:auto!important}
  body.ui-mobile .footer{padding-bottom:56px}
}

@media(max-width:430px){
  body.ui-mobile .premium-metrics{grid-template-columns:1fr 1fr!important}.ui-mobile .premium-metrics .metric-card{min-height:108px!important}.ui-mobile .premium-metrics .metric-card strong{font-size:23px!important}
  .range-switcher a{font-size:7.5px}.guide-faq-grid{grid-template-columns:1fr}.theme-choice-grid,.appearance-controls-grid,.module-toggle-grid{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){html body *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
.announcement-upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:7px}.announcement-upload-row input[type="file"]{padding:7px;font-size:9px}.announcement-upload-row button{white-space:nowrap}
@media(max-width:820px),(pointer:coarse){.announcement-upload-row{grid-template-columns:1fr}.announcement-upload-row button{width:100%}}

/* V11.11 live theme preview: desktop and mobile palettes are intentionally independent. */
.site-preview-frame[data-preview-theme="aurora"]{--preview-bg:#eef4ff;--preview-panel:rgba(255,255,255,.86);--preview-text:#152441;--preview-muted:#77869b;background:radial-gradient(circle at 82% 2%,color-mix(in srgb,var(--preview-accent) 18%,transparent),transparent 38%),linear-gradient(160deg,#f7faff,var(--preview-bg))}
.site-preview-frame[data-preview-theme="porcelain"]{--preview-bg:#f3f4f6;--preview-panel:rgba(255,255,255,.94);--preview-text:#202733;--preview-muted:#7b8491;background:linear-gradient(160deg,#fff,var(--preview-bg))}
.site-preview-frame[data-preview-theme="obsidian"]{--preview-bg:#0b111c;--preview-panel:rgba(20,29,44,.92);--preview-text:#eff5ff;--preview-muted:#9ba8bc;background:radial-gradient(circle at 78% 5%,color-mix(in srgb,var(--preview-accent) 24%,transparent),transparent 38%),linear-gradient(160deg,#101927,var(--preview-bg))}
.site-preview-frame[data-preview-theme="jade"]{--preview-bg:#eaf5f1;--preview-panel:rgba(250,255,253,.9);--preview-text:#19342f;--preview-muted:#728b85;background:radial-gradient(circle at 75% 3%,rgba(58,178,142,.16),transparent 37%),linear-gradient(160deg,#f7fffc,var(--preview-bg))}
.site-preview-frame[data-preview-theme="champagne"]{--preview-bg:#f8f0e2;--preview-panel:rgba(255,252,247,.91);--preview-text:#3d3123;--preview-muted:#938676;background:radial-gradient(circle at 75% 3%,rgba(187,144,75,.18),transparent 36%),linear-gradient(160deg,#fffdf9,var(--preview-bg))}
.site-preview-frame[data-preview-theme="violet"]{--preview-bg:#f0ebfb;--preview-panel:rgba(253,251,255,.9);--preview-text:#2b2440;--preview-muted:#887e9f;background:radial-gradient(circle at 78% 4%,rgba(132,92,220,.18),transparent 38%),linear-gradient(160deg,#fbf9ff,var(--preview-bg))}
.site-preview-frame .preview-site-nav{background:var(--preview-panel,#fff);color:var(--preview-text,#152441)}
.site-preview-frame .preview-site-nav small,.site-preview-frame .preview-site-body p{color:var(--preview-muted,#78869a)}
.site-preview-frame .preview-site-body h3{color:var(--preview-text,#152441)}
.site-preview-frame .preview-site-actions i+ i,.site-preview-frame .preview-site-cards span{background:var(--preview-panel,#fff);border-color:color-mix(in srgb,var(--preview-muted,#78869a) 18%,transparent)}

/* === V11.12 continuous visual system / richer theme library === */
html[data-desktop-theme="ocean"]{--theme-bg:#eef6fb;--theme-bg2:#e5f1f8;--theme-panel:rgba(255,255,255,.93);--theme-panel-solid:#fff;--theme-text:#142a3a;--theme-muted:#6e8494;--theme-line:#d5e4ee;--theme-shadow:0 22px 64px rgba(30,83,113,.10)}
html[data-desktop-theme="graphite"]{--theme-bg:#f2f3f5;--theme-bg2:#e9ebee;--theme-panel:rgba(252,252,253,.94);--theme-panel-solid:#fafbfc;--theme-text:#1e2228;--theme-muted:#747b84;--theme-line:#d9dde2;--theme-shadow:0 22px 58px rgba(32,38,46,.10)}
html[data-desktop-theme="rose"]{--theme-bg:#fbf5f7;--theme-bg2:#f7edf1;--theme-panel:rgba(255,255,255,.94);--theme-panel-solid:#fff;--theme-text:#35232b;--theme-muted:#8c747f;--theme-line:#eadbe1;--theme-shadow:0 22px 60px rgba(111,65,83,.09)}
html[data-desktop-theme="sunset"]{--theme-bg:#fff7f1;--theme-bg2:#fceedf;--theme-panel:rgba(255,255,255,.94);--theme-panel-solid:#fff;--theme-text:#35261f;--theme-muted:#8f796c;--theme-line:#eedfd5;--theme-shadow:0 22px 60px rgba(126,77,45,.09)}
html[data-desktop-theme="mint"]{--theme-bg:#f1faf8;--theme-bg2:#e8f7f3;--theme-panel:rgba(255,255,255,.94);--theme-panel-solid:#fff;--theme-text:#18342f;--theme-muted:#718b85;--theme-line:#d5e9e4;--theme-shadow:0 22px 60px rgba(40,96,82,.09)}
html[data-desktop-theme="sky"]{--theme-bg:#f2f8ff;--theme-bg2:#e9f3ff;--theme-panel:rgba(255,255,255,.94);--theme-panel-solid:#fff;--theme-text:#172b42;--theme-muted:#71859a;--theme-line:#d7e6f5;--theme-shadow:0 22px 62px rgba(49,91,133,.09)}
@media(max-width:760px){
  html[data-mobile-theme="ocean"]{--theme-bg:#eef6fb;--theme-bg2:#e5f1f8;--theme-panel:rgba(255,255,255,.97);--theme-panel-solid:#fff;--theme-text:#142a3a;--theme-muted:#6e8494;--theme-line:#d5e4ee;--theme-shadow:0 10px 28px rgba(30,83,113,.07)}
  html[data-mobile-theme="graphite"]{--theme-bg:#f2f3f5;--theme-bg2:#eaebee;--theme-panel:rgba(252,252,253,.97);--theme-panel-solid:#fafbfc;--theme-text:#1e2228;--theme-muted:#747b84;--theme-line:#d9dde2;--theme-shadow:0 10px 27px rgba(32,38,46,.07)}
  html[data-mobile-theme="rose"]{--theme-bg:#fbf5f7;--theme-bg2:#f7edf1;--theme-panel:rgba(255,255,255,.97);--theme-panel-solid:#fff;--theme-text:#35232b;--theme-muted:#8c747f;--theme-line:#eadbe1;--theme-shadow:0 10px 28px rgba(111,65,83,.07)}
  html[data-mobile-theme="sunset"]{--theme-bg:#fff7f1;--theme-bg2:#fceedf;--theme-panel:rgba(255,255,255,.97);--theme-panel-solid:#fff;--theme-text:#35261f;--theme-muted:#8f796c;--theme-line:#eedfd5;--theme-shadow:0 10px 28px rgba(126,77,45,.07)}
  html[data-mobile-theme="mint"]{--theme-bg:#f1faf8;--theme-bg2:#e8f7f3;--theme-panel:rgba(255,255,255,.97);--theme-panel-solid:#fff;--theme-text:#18342f;--theme-muted:#718b85;--theme-line:#d5e9e4;--theme-shadow:0 10px 28px rgba(40,96,82,.07)}
  html[data-mobile-theme="sky"]{--theme-bg:#f2f8ff;--theme-bg2:#e9f3ff;--theme-panel:rgba(255,255,255,.97);--theme-panel-solid:#fff;--theme-text:#172b42;--theme-muted:#71859a;--theme-line:#d7e6f5;--theme-shadow:0 10px 28px rgba(49,91,133,.07)}
}
html{--radius:var(--ui-radius,24px);--radius-md:calc(var(--ui-radius,24px) * .75);--radius-sm:calc(var(--ui-radius,24px) * .54)}
.card,.module-card{padding:calc(24px * var(--density-factor,1))}
.module-section{margin-bottom:calc(18px * var(--density-factor,1))}
.settings-form,.profile-layout,.dashboard-grid{gap:calc(12px * var(--density-factor,1))}
.theme-preview-ocean>span{background:linear-gradient(145deg,#dceff8,#fff)}
.theme-preview-graphite>span{background:linear-gradient(145deg,#dfe2e6,#fafafa)}
.theme-preview-rose>span{background:linear-gradient(145deg,#f5dfe7,#fff)}
.theme-preview-sunset>span{background:linear-gradient(145deg,#ffe2cd,#fff)}
.theme-preview-mint>span{background:linear-gradient(145deg,#d8f3eb,#fff)}
.theme-preview-sky>span{background:linear-gradient(145deg,#dceeff,#fff)}

/* V11.12 appearance workbench */
.appearance-workbench-v1112{grid-template-columns:minmax(0,1.42fr) minmax(320px,.58fr)}
.appearance-label-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:10px}
.theme-preset-showcase-v1112{grid-template-columns:repeat(6,minmax(0,1fr))}
.design-slider-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.design-slider{display:grid;gap:9px;padding:14px;border:1px solid var(--theme-line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--theme-panel-solid) 90%,var(--accent-soft));color:var(--theme-text)}
.design-slider>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.design-slider b{font-size:11px}.design-slider output{font-size:10px;font-weight:900;color:var(--accent);font-variant-numeric:tabular-nums}.design-slider small{color:var(--theme-muted);font-size:9px}
.design-slider input[type="range"]{appearance:none;width:100%;height:18px;background:transparent;padding:0;border:0;box-shadow:none}.design-slider input[type="range"]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 18%,var(--theme-line)))}.design-slider input[type="range"]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;margin-top:-7px;border:4px solid var(--theme-panel-solid);border-radius:50%;background:var(--accent);box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 35%,transparent)}
.visual-setting-switch{align-self:end;min-height:44px;padding:10px 12px;border:1px solid var(--theme-line);border-radius:var(--radius-sm);background:var(--theme-panel)}
.appearance-preview-panel-v1112 .appearance-preview-head p{margin:4px 0 0;color:var(--theme-muted);font-size:9px}
.advanced-site-preview{--preview-radius:24px;--preview-density:1;border-radius:calc(var(--preview-radius) * 1.05)!important}
.advanced-site-preview .preview-site-nav{padding:calc(12px * var(--preview-density))}.advanced-site-preview .preview-site-nav i{border-radius:calc(var(--preview-radius) * .42)}
.preview-dashboard-shell{display:grid;grid-template-columns:52px 1fr;min-height:320px}.site-preview-frame[data-device="mobile"] .preview-dashboard-shell{grid-template-columns:1fr}.preview-dashboard-shell>aside{padding:12px 8px;border-right:1px solid rgba(120,140,170,.12);background:rgba(255,255,255,.46)}.preview-dashboard-shell>aside i{display:block;height:22px;margin-bottom:7px;border-radius:calc(var(--preview-radius) * .32);background:rgba(130,150,180,.14)}.site-preview-frame[data-device="mobile"] .preview-dashboard-shell>aside{display:none}
.advanced-site-preview .preview-site-body{padding:calc(28px * var(--preview-density)) calc(20px * var(--preview-density))}.advanced-site-preview .preview-site-actions i,.advanced-site-preview .preview-site-cards span{border-radius:calc(var(--preview-radius) * .48)}.preview-site-cards span{display:flex;align-items:flex-end;padding:9px}.preview-site-cards b{font-size:7px;color:#8794a6}.preview-chart-line{height:62px;margin-top:9px;padding:10px;border-radius:calc(var(--preview-radius) * .5);background:rgba(255,255,255,.75);border:1px solid rgba(130,150,180,.13)}.preview-chart-line i{display:block;width:100%;height:100%;background:linear-gradient(145deg,transparent 42%,var(--preview-accent) 43%,var(--preview-accent) 47%,transparent 48%);opacity:.42}
.preview-values{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.preview-values span{padding:6px 9px;border-radius:999px;background:var(--accent-soft);font-size:8px;color:var(--theme-muted)}.preview-values b{color:var(--theme-text)}

/* Personal style live preview */
.user-style-card.span-full{grid-column:1/-1}.user-style-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);gap:18px;align-items:start}.user-style-live-preview{--user-preview-radius:24px;--user-preview-density:1;padding:calc(20px * var(--user-preview-density));border:1px solid var(--theme-line);border-radius:var(--user-preview-radius);background:linear-gradient(160deg,var(--theme-bg2),var(--theme-panel-solid));transition:.2s ease}.mini-ui-top{display:flex;align-items:center;gap:10px}.mini-ui-top>i{display:grid;place-items:center;width:38px;height:38px;border-radius:calc(var(--user-preview-radius)*.45);background:var(--accent);color:#fff;font-style:normal;font-weight:900}.mini-ui-top b,.mini-ui-top small{display:block}.mini-ui-top small{color:var(--theme-muted);font-size:8px}.mini-ui-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.mini-ui-stats span{padding:14px;border:1px solid var(--theme-line);border-radius:calc(var(--user-preview-radius)*.56);background:var(--theme-panel)}.mini-ui-stats b{font-size:9px}.mini-ui-stats i{display:block;height:7px;width:58%;margin-top:18px;border-radius:9px;background:var(--accent-soft)}.mini-ui-chat{padding:14px;border-radius:calc(var(--user-preview-radius)*.56);background:var(--theme-panel);border:1px solid var(--theme-line)}.mini-ui-chat p{margin:0 0 12px;color:var(--theme-muted);font-size:10px}.mini-ui-chat b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:8px}

/* Chat: modern GPT-style conversation surface */
.chatgpt-style-page{max-width:1080px;margin-inline:auto}.chat-page-heading{margin-bottom:12px}.gpt-chat-shell{overflow:hidden;border:1px solid var(--theme-line);border-radius:calc(var(--radius) * 1.05);background:color-mix(in srgb,var(--theme-panel-solid) 96%,var(--theme-bg));box-shadow:var(--theme-shadow)}
.gpt-chat-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;border-bottom:1px solid var(--theme-line);background:color-mix(in srgb,var(--theme-panel-solid) 94%,transparent)}.gpt-chat-models{display:flex;align-items:center;gap:7px;min-width:0}.gpt-chat-models label{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--theme-line);border-radius:12px;background:var(--theme-panel)}.gpt-chat-models label>span{color:var(--theme-muted);font-size:8px;font-weight:850}.gpt-chat-models select{width:auto;max-width:230px;padding:4px 22px 4px 4px;border:0;background:transparent;box-shadow:none!important;font-size:10px;font-weight:800;color:var(--theme-text)}
.gpt-system-panel{margin:9px 12px 0;border-radius:12px}.gpt-chat-scroll{height:min(62vh,680px);min-height:480px;padding:0;border:0;border-radius:0;background:transparent}.gpt-chat-welcome{max-width:640px;margin:auto;padding:80px 24px}.gpt-welcome-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--theme-text);color:var(--theme-panel-solid);font-size:22px}.gpt-chat-welcome h3{margin:18px 0 7px;font-size:25px;letter-spacing:-.035em}.gpt-chat-welcome p{font-size:11px;line-height:1.7}.gpt-suggestion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:20px}.gpt-suggestion-grid button{padding:12px!important;border:1px solid var(--theme-line)!important;border-radius:14px!important;background:var(--theme-panel)!important;color:var(--theme-text)!important;box-shadow:none!important;font-size:9px!important}
.gpt-chat-shell .chat-message{display:grid;grid-template-columns:34px minmax(0,720px);justify-content:center;gap:13px;max-width:none;margin:0;padding:18px 22px}.gpt-chat-shell .chat-message.is-user{display:flex;justify-content:center;flex-direction:row;margin:0}.gpt-chat-shell .chat-message.is-user .chat-message-avatar{display:none}.gpt-chat-shell .chat-message.is-user .chat-message-body{width:auto;max-width:680px;margin-left:auto;margin-right:max(22px,calc((100% - 770px)/2));padding:11px 15px;border:0;border-radius:19px;background:color-mix(in srgb,var(--theme-line) 55%,var(--theme-panel-solid));box-shadow:none}.gpt-chat-shell .chat-message-avatar{width:30px;height:30px;flex-basis:30px;border-radius:50%;background:var(--theme-text);color:var(--theme-panel-solid)}.gpt-chat-shell .chat-message-body{padding:4px 0;border:0;background:transparent;box-shadow:none}.gpt-chat-shell .chat-message-body pre{font-size:12px;line-height:1.82;color:var(--theme-text)}
.gpt-composer-dock{padding:8px 16px 15px;background:linear-gradient(180deg,transparent,var(--theme-panel-solid) 34%)}.gpt-composer{max-width:760px;margin:auto;padding:9px 10px 8px 14px;border:1px solid var(--theme-line);border-radius:24px;background:var(--theme-panel-solid);box-shadow:0 10px 30px rgba(30,42,60,.09)}.gpt-composer textarea{min-height:44px!important;max-height:180px;padding:8px 6px!important;resize:vertical;font-size:12px}.gpt-composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.gpt-composer .chat-run-meta{border:0;padding:0}.gpt-send-button{display:grid!important;place-items:center!important;min-width:34px!important;width:34px!important;height:34px!important;padding:0!important;border-radius:50%!important;background:var(--theme-text)!important;color:var(--theme-panel-solid)!important}.gpt-disclaimer{display:block;margin:7px auto 0;text-align:center;color:var(--theme-muted);font-size:8px}

/* Admin user profile + web content audit */
.user-table-v1112 .user-actions-cell{min-width:230px}.user-actions-cell{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.user-edit-popover{position:relative}.user-edit-popover>summary{cursor:pointer;list-style:none;padding:7px 10px;border:1px solid var(--theme-line);border-radius:10px;background:var(--theme-panel);font-size:9px;font-weight:850}.user-edit-popover>summary::-webkit-details-marker{display:none}.user-edit-panel{position:absolute;z-index:30;right:0;top:calc(100% + 7px);width:min(360px,82vw);padding:14px;border:1px solid var(--theme-line);border-radius:16px;background:var(--theme-panel-solid);box-shadow:0 18px 50px rgba(30,45,68,.16)}.compact-user-form{grid-template-columns:1fr}.compact-user-form .field{min-width:0}.user-edit-panel .balance-form{margin:10px 0}.audit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.audit-chat-list,.audit-studio-list{display:grid;gap:9px;max-height:760px;overflow:auto;padding-right:3px}.audit-message{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:start}.audit-message>span{display:grid;place-items:center;height:30px;border-radius:10px;background:var(--theme-bg2);font-size:7px;font-weight:900}.audit-message.is-ai>span{background:var(--theme-text);color:var(--theme-panel-solid)}.audit-message>div{padding:10px 12px;border:1px solid var(--theme-line);border-radius:13px;background:var(--theme-panel)}.audit-message pre{margin:0;white-space:pre-wrap;word-break:break-word;font:inherit;font-size:10px;line-height:1.65}.audit-message small{display:block;margin-top:7px;color:var(--theme-muted);font-size:7px}.audit-studio-item{padding:13px;border:1px solid var(--theme-line);border-radius:15px;background:var(--theme-panel)}.audit-studio-item header{display:flex;justify-content:space-between;gap:10px}.audit-studio-item header small{color:var(--theme-muted);font-size:8px}.audit-studio-item p{font-size:10px;line-height:1.55}.audit-studio-item details{font-size:9px}.audit-studio-item pre{white-space:pre-wrap;font-size:9px;line-height:1.55}.audit-image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:9px}.audit-image-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:1px solid var(--theme-line)}

@media(max-width:900px){.appearance-label-grid{grid-template-columns:1fr 1fr}.theme-preset-showcase-v1112{grid-template-columns:repeat(4,1fr)}.user-style-layout,.audit-grid{grid-template-columns:1fr}}
@media(max-width:760px){
  body.ui-mobile .card,body.ui-mobile .module-card{padding:calc(15px * var(--density-factor,1))}
  .appearance-workbench-v1112{grid-template-columns:1fr}.appearance-label-grid,.design-slider-grid{grid-template-columns:1fr}.theme-preset-showcase-v1112{grid-template-columns:repeat(3,1fr)}
  .appearance-preview-panel-v1112{position:static}.site-preview-frame[data-device="mobile"]{max-width:100%}
  .gpt-chat-shell{margin-inline:-2px;border-radius:18px}.gpt-chat-topbar{align-items:flex-start;padding:10px;gap:8px}.gpt-chat-models{display:grid;grid-template-columns:1fr 1fr;flex:1}.gpt-chat-models label{display:grid;gap:2px;padding:6px 8px}.gpt-chat-models select{max-width:100%;width:100%;font-size:9px}.gpt-new-chat{font-size:0!important;width:34px;min-width:34px;height:34px;padding:0!important}.gpt-new-chat::before{content:"＋";font-size:15px}.gpt-system-panel{margin:7px 8px 0}.gpt-chat-scroll{height:min(60vh,590px);min-height:420px}.gpt-chat-welcome{padding:64px 18px 34px}.gpt-chat-welcome h3{font-size:21px}.gpt-suggestion-grid{grid-template-columns:1fr}.gpt-chat-shell .chat-message{grid-template-columns:28px minmax(0,1fr);gap:9px;padding:14px 12px}.gpt-chat-shell .chat-message.is-user .chat-message-body{max-width:82%;margin-right:12px;padding:10px 13px}.gpt-chat-shell .chat-message-avatar{width:27px;height:27px;flex-basis:27px}.gpt-chat-shell .chat-message-body pre{font-size:11px;line-height:1.75}.gpt-composer-dock{padding:6px 8px 11px}.gpt-composer{border-radius:20px;padding:7px 8px 7px 11px}.gpt-composer textarea{font-size:11px}.gpt-disclaimer{font-size:7px}
  .user-style-card.span-full{grid-column:auto}.user-style-layout{grid-template-columns:1fr}.user-style-live-preview{padding:15px}.user-edit-popover{position:static}.user-edit-panel{position:fixed;z-index:80;left:10px;right:10px;bottom:12px;top:auto;width:auto;max-height:72vh;overflow:auto}.audit-grid{grid-template-columns:1fr}.audit-chat-list,.audit-studio-list{max-height:none}.audit-image-grid{grid-template-columns:1fr 1fr}
}
.site-preview-frame[data-preview-theme="ocean"]{--preview-bg:#e5f1f8;--preview-panel:rgba(255,255,255,.9);--preview-text:#142a3a;--preview-muted:#6e8494;background:linear-gradient(160deg,#f7fbfe,var(--preview-bg))}
.site-preview-frame[data-preview-theme="graphite"]{--preview-bg:#e9ebee;--preview-panel:rgba(252,252,253,.94);--preview-text:#1e2228;--preview-muted:#747b84;background:linear-gradient(160deg,#fafafa,var(--preview-bg))}
.site-preview-frame[data-preview-theme="rose"]{--preview-bg:#f7edf1;--preview-panel:rgba(255,255,255,.92);--preview-text:#35232b;--preview-muted:#8c747f;background:linear-gradient(160deg,#fff9fb,var(--preview-bg))}
.site-preview-frame[data-preview-theme="sunset"]{--preview-bg:#fceedf;--preview-panel:rgba(255,255,255,.92);--preview-text:#35261f;--preview-muted:#8f796c;background:linear-gradient(160deg,#fffaf6,var(--preview-bg))}
.site-preview-frame[data-preview-theme="mint"]{--preview-bg:#e8f7f3;--preview-panel:rgba(255,255,255,.92);--preview-text:#18342f;--preview-muted:#718b85;background:linear-gradient(160deg,#f8fffd,var(--preview-bg))}
.site-preview-frame[data-preview-theme="sky"]{--preview-bg:#e9f3ff;--preview-panel:rgba(255,255,255,.92);--preview-text:#172b42;--preview-muted:#71859a;background:linear-gradient(160deg,#f8fbff,var(--preview-bg))}
.site-preview-frame .preview-site-nav,.site-preview-frame .preview-site-cards span,.site-preview-frame .preview-chart-line{background:var(--preview-panel,rgba(255,255,255,.82));color:var(--preview-text,#172033)}
.site-preview-frame .preview-site-body h3{color:var(--preview-text,#172033)}.site-preview-frame .preview-site-body p,.site-preview-frame .preview-site-nav small{color:var(--preview-muted,#78869a)}
.user-style-live-preview[data-preview-theme="aurora"]{--up-bg:#eef4ff;--up-panel:#fff;--up-text:#152441}.user-style-live-preview[data-preview-theme="porcelain"]{--up-bg:#f1f2f4;--up-panel:#fff;--up-text:#202733}.user-style-live-preview[data-preview-theme="obsidian"]{--up-bg:#0f1724;--up-panel:#182235;--up-text:#edf3ff}.user-style-live-preview[data-preview-theme="jade"]{--up-bg:#e8f5f1;--up-panel:#fff;--up-text:#19342f}.user-style-live-preview[data-preview-theme="champagne"]{--up-bg:#f7efe2;--up-panel:#fff;--up-text:#3d3123}.user-style-live-preview[data-preview-theme="violet"]{--up-bg:#f0ebfb;--up-panel:#fff;--up-text:#2b2440}.user-style-live-preview[data-preview-theme="ocean"]{--up-bg:#e5f1f8;--up-panel:#fff;--up-text:#142a3a}.user-style-live-preview[data-preview-theme="graphite"]{--up-bg:#e9ebee;--up-panel:#fafbfc;--up-text:#1e2228}.user-style-live-preview[data-preview-theme="rose"]{--up-bg:#f7edf1;--up-panel:#fff;--up-text:#35232b}.user-style-live-preview[data-preview-theme="sunset"]{--up-bg:#fceedf;--up-panel:#fff;--up-text:#35261f}.user-style-live-preview[data-preview-theme="mint"]{--up-bg:#e8f7f3;--up-panel:#fff;--up-text:#18342f}.user-style-live-preview[data-preview-theme="sky"]{--up-bg:#e9f3ff;--up-panel:#fff;--up-text:#172b42}
.user-style-live-preview{background:linear-gradient(160deg,var(--up-bg,var(--theme-bg2)),var(--up-panel,var(--theme-panel-solid)));color:var(--up-text,var(--theme-text))}.user-style-live-preview .mini-ui-stats span,.user-style-live-preview .mini-ui-chat{background:var(--up-panel,var(--theme-panel));color:var(--up-text,var(--theme-text))}
html[data-radius]{--radius:var(--ui-radius,24px);--radius-md:calc(var(--ui-radius,24px) * .75);--radius-sm:calc(var(--ui-radius,24px) * .54)}
html[data-density] .card{padding:calc(24px * var(--density-factor,1))}html[data-density] .module-card{padding:calc(24px * var(--density-factor,1))}
@media(max-width:760px){html[data-density] body.ui-mobile .card,html[data-density] body.ui-mobile .module-card{padding:calc(15px * var(--density-factor,1))}}

/* V11.16 · independent image pools */
.key-create-grid{grid-template-columns:minmax(130px,.7fr) minmax(190px,1fr) minmax(190px,1fr) auto}
.key-pool-item{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);grid-template-areas:"main actions" "textpool imagepool" "scope scope";align-items:start}
.key-pool-item>.key-main-info{grid-area:main}.key-pool-item>.key-actions{grid-area:actions;justify-self:end}.key-pool-item>.key-pool-control:not(.image-pool-control){grid-area:textpool}.key-pool-item>.image-pool-control{grid-area:imagepool}.key-pool-item>.key-model-scope{grid-area:scope;border-top:1px dashed var(--line);padding-top:10px}
.key-image-scope-title{margin-top:10px}.image-model-chip-row code{border-color:#dbeade;background:#f5fbf6;color:#3f7250}.image-pool-public-list{margin-top:15px}.image-pool-public-list .pool-public-mini{background:#f8fcf9}
.image-public-pool-grid .public-pool-card,.image-home-pool-grid .home-pool-card{border-color:#dce9df}.image-public-pool-grid .public-pool-card>header{background:linear-gradient(180deg,#fbfefc,#f4faf6)}
@media(max-width:1080px){.key-create-grid{grid-template-columns:1fr 1fr}.key-create-grid button{grid-column:1/-1}.key-pool-item{grid-template-columns:1fr;grid-template-areas:"main" "textpool" "imagepool" "scope" "actions"}.key-pool-item>.key-actions{justify-self:start}}
@media(max-width:640px){.key-create-grid{grid-template-columns:1fr}.key-create-grid button{grid-column:auto}}

/* V11.17 image model center: multiple selectable image models + per-model route aliases */
.model-center-v117 .module-heading{margin-bottom:10px}.model-summary-v117{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}
.image-model-hub-v117{border:1px solid #dce8f5;border-radius:20px;background:linear-gradient(180deg,#fbfdff,#f8fbff);padding:16px;margin:10px 0 24px}
.image-hub-actions-v117{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:12px;margin-top:12px}
.image-batch-panel-v117{border:1px solid #dbe5f1;border-radius:15px;background:#fff;overflow:hidden}.image-batch-panel-v117>summary{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 12px;cursor:pointer;list-style:none}.image-batch-panel-v117>summary::-webkit-details-marker{display:none}.image-batch-panel-v117>summary strong{font-size:12px}.image-batch-panel-v117>summary span{font-size:9px;color:var(--muted)}
.image-batch-form-v117,.image-route-import-form-v117{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px;border-top:1px solid var(--line)}.image-batch-form-v117 textarea{width:100%;min-height:118px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;line-height:1.55}
.route-import-preview-v117{display:grid;gap:6px;padding:10px 12px;border-top:1px solid var(--line);background:#fbfdff}.route-import-preview-v117>span{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:7px 8px;border:1px solid #e3eaf3;border-radius:10px;background:#fff}.route-import-preview-v117 b{font-size:9px}.route-import-preview-v117 code{font-size:9px;overflow-wrap:anywhere}
.image-catalog-grid-v117{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:14px}.image-catalog-card-v117{border:1px solid #dbe5f0;border-radius:15px;background:#fff;overflow:hidden}.image-catalog-card-v117>summary{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:11px 12px;cursor:pointer;list-style:none}.image-catalog-card-v117>summary::-webkit-details-marker{display:none}.image-catalog-card-v117>summary strong,.image-catalog-card-v117>summary code{display:block}.image-catalog-card-v117>summary strong{font-size:12px}.image-catalog-card-v117>summary code{margin-top:2px;font-size:9px;color:#71849d}.image-catalog-card-v117[open]>summary{background:#f8fbff;border-bottom:1px solid var(--line)}.image-membership-summary-v117{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.image-catalog-body-v117{padding:11px}.image-pool-chip-row-v117{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}.image-catalog-edit-v117{padding:0}.image-attach-panel-v117{margin-top:10px;border-top:1px dashed #dde6f1;padding-top:9px}.image-attach-panel-v117>summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer;font-size:10px;font-weight:800;color:#4f6788}.image-attach-panel-v117>summary span{font-size:8px;color:var(--muted)}.image-attach-form-v117{display:grid;grid-template-columns:1.1fr repeat(3,.75fr) 1fr auto;gap:6px;margin-top:8px;align-items:center}.image-attach-form-v117 select,.image-attach-form-v117 input{font-size:9px;padding:7px 8px}
.catalog-divider-v117{height:1px;background:var(--line);margin:22px 0}
.image-model-route-map-v117{margin-top:10px;border:1px solid #dbe7f3;border-radius:12px;background:#fbfdff;overflow:hidden}.image-model-route-map-v117>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;cursor:pointer;list-style:none}.image-model-route-map-v117>summary::-webkit-details-marker{display:none}.image-model-route-map-v117>summary strong,.image-model-route-map-v117>summary small{display:block}.image-model-route-map-v117>summary strong{font-size:10px}.image-model-route-map-v117>summary small{font-size:8px;color:var(--muted);margin-top:2px}.image-model-route-map-body-v117{padding:10px;border-top:1px solid var(--line)}.route-mode-form-v117{margin-top:8px}.route-map-grid-v117{display:grid;gap:6px}.route-map-row-v117{display:grid;grid-template-columns:minmax(135px,.8fr) minmax(180px,1.5fr) auto;gap:7px;align-items:center;padding:7px;border:1px solid #e2e9f2;border-radius:10px;background:#fff}.route-map-row-v117 small,.route-map-row-v117 code{display:block}.route-map-row-v117 small{font-size:8px;font-weight:800;color:#60738c}.route-map-row-v117 code{margin-top:2px;font-size:8px;color:#8493a5}.route-map-row-v117 input{padding:7px 8px;font-size:9px}.route-map-footer-v117{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.route-map-footer-v117 small{color:var(--muted);font-size:8px;line-height:1.5}.route-map-footer-v117 form{flex:0 0 auto}
@media(max-width:1100px){.image-hub-actions-v117{grid-template-columns:1fr}.image-catalog-grid-v117{grid-template-columns:1fr}.image-attach-form-v117{grid-template-columns:1fr 1fr 1fr}.image-attach-form-v117 button{grid-column:1/-1}.route-map-row-v117{grid-template-columns:1fr 1.5fr auto}}
@media(max-width:700px){.image-model-hub-v117{padding:12px}.image-batch-form-v117,.image-route-import-form-v117{grid-template-columns:1fr}.image-batch-form-v117 .span-2,.image-route-import-form-v117 .span-2{grid-column:auto}.image-membership-summary-v117{justify-content:flex-start}.image-catalog-card-v117>summary{flex-direction:column}.image-attach-form-v117,.route-map-row-v117{grid-template-columns:1fr}.route-map-row-v117 button{width:100%}.route-map-footer-v117{align-items:flex-start;flex-direction:column}.route-import-preview-v117>span{align-items:flex-start;flex-direction:column}}
.discovered-import-preview-v117{display:flex;flex-wrap:wrap;gap:5px;padding:10px 12px;border-top:1px solid var(--line);background:#fbfdff}.discovered-import-preview-v117 code{padding:5px 7px;border:1px solid #e1e8f1;border-radius:8px;background:#fff;font-size:8px;color:#61758f;overflow-wrap:anywhere}.discovered-import-preview-v117 p{margin:0;font-size:9px;line-height:1.5}