:root{color-scheme:dark;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,Arial,sans-serif;--bg: #080b11;--bg-soft: #0f141b;--panel: rgba(17, 23, 31, .9);--panel-strong: #151b24;--border: rgba(217, 225, 236, .14);--text: #f5f7fb;--muted: #9da8b7;--teal: #3dd6b4;--teal-dark: #0f8f7d;--amber: #f4b04f;--rose: #eb6d8f;--blue: #79a8ff;--danger: #ff7a7a;--success: #62d58b;--shadow: 0 20px 60px rgba(0, 0, 0, .36)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at 18% 10%,rgba(61,214,180,.18),transparent 28%),radial-gradient(circle at 84% 18%,rgba(121,168,255,.16),transparent 30%),linear-gradient(140deg,#080b11fa,#0f1e1ffa 44%,#1e121efa),#080b11;color:var(--text)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.56}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:18px;align-items:center;padding:14px 26px;border-bottom:1px solid var(--border);background:#080b11db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(61,214,180,.46);border-radius:8px;background:linear-gradient(145deg,#3dd6b438,#eb6d8f2e);color:#c9fff3;font-weight:800}.brand strong,.brand small{display:block;line-height:1.1}.brand small{margin-top:4px;color:var(--muted)}.main-nav{display:inline-flex;gap:6px;padding:4px;border:1px solid var(--border);border-radius:8px;background:#ffffff0a}.main-nav a{display:inline-flex;align-items:center;gap:7px;min-width:88px;justify-content:center;padding:9px 12px;border-radius:6px;color:var(--muted)}.main-nav a.router-link-active{background:#3dd6b424;color:var(--text)}.account-chip{display:inline-flex;max-width:100%;align-items:center;gap:10px;min-height:40px;padding:6px 8px 6px 12px;border:1px solid var(--border);border-radius:8px;background:#ffffff0d;color:var(--text);cursor:pointer}.account-chip span{min-width:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.account-chip strong{color:var(--amber)}.account-chip svg{color:var(--muted);transition:transform .18s ease}.account-chip svg.rotated{transform:rotate(180deg)}.top-actions{justify-self:end;display:flex;align-items:center;gap:10px;min-width:0}.top-contact-button,.top-sign-button,.top-cache-link,.top-package-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:8px;font-weight:800}.top-contact-button span,.top-sign-button span,.top-cache-link span,.top-package-link span{white-space:nowrap}.top-contact-button{border:1px solid rgba(121,168,255,.4);padding:8px 12px;background:#79a8ff1a;color:#d6e4ff;cursor:pointer}.top-sign-button{border:1px solid rgba(61,214,180,.38);padding:8px 12px;background:#3dd6b41a;color:#cdfcf0;cursor:pointer}.top-cache-link{border:1px solid var(--border);padding:8px 12px;background:#ffffff0d;color:var(--muted);cursor:pointer}.top-cache-link.router-link-active{border-color:#3dd6b475;background:#3dd6b41c;color:#cdfcf0}.top-package-link{border:1px solid rgba(244,176,79,.44);padding:8px 13px;background:#f4b04f1f;color:#ffe4b4;cursor:pointer}.guest-chip{border-color:#79a8ff6b;background:#79a8ff1a;color:#dbe7ff}.account-menu-wrap{position:relative;min-width:0}.account-dropdown{position:absolute;top:calc(100% + 9px);right:0;z-index:20;display:grid;gap:6px;width:226px;padding:8px;border:1px solid var(--border);border-radius:8px;background:#0f141bfa;box-shadow:var(--shadow)}.account-dropdown>button{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;border:0;border-radius:6px;background:transparent;color:var(--text);cursor:pointer;padding:8px 10px;text-align:left}.account-dropdown>button:hover,.logout-confirm{background:#ffffff0f}.danger-text{color:var(--danger)!important}.logout-confirm{display:grid;gap:10px;border-radius:6px;padding:10px}.logout-confirm span{color:var(--muted);font-size:13px}.logout-confirm div{display:flex;justify-content:flex-end;gap:8px}.logout-confirm button{min-height:32px;border:1px solid var(--border);border-radius:6px;background:#ffffff0d;color:var(--text);cursor:pointer;padding:6px 10px}.app-main{width:min(1480px,calc(100% - 32px));margin:0 auto;padding:24px 0 44px}.auth-main{width:100%;padding:0}.workbench-main{width:100%;min-height:calc(100vh - 69px);padding:0}.toast{position:fixed;top:78px;left:50%;z-index:60;transform:translate(-50%);max-width:min(420px,calc(100% - 28px));border:1px solid rgba(98,213,139,.38);border-radius:8px;background:#0b2119f5;color:#d7ffe4;box-shadow:var(--shadow);padding:12px 16px;font-weight:800}.toast.error{border-color:#ff7a7a6b;background:#281216f5;color:#ffd4d4}.announcement-overlay,.contact-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#04070cc2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:20px}.announcement-modal,.contact-dialog{position:relative;width:min(100%,720px);border:1px solid rgba(217,225,236,.2);border-radius:8px;background:#0f141bfa;box-shadow:var(--shadow)}.announcement-modal{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:min(720px,calc(100vh - 40px));padding:34px}.announcement-close,.contact-close{position:absolute;top:16px;right:16px}.announcement-content{display:flex;min-height:0;flex-direction:column;justify-content:center;gap:18px;padding:24px 0}.announcement-kicker{color:var(--teal);font-weight:900}.announcement-content h2,.contact-dialog h2{margin:0;letter-spacing:0}.announcement-content h2{max-width:620px;font-size:36px;line-height:1.14}.announcement-content p{max-width:640px;margin:0;color:#d8e5e2;font-size:18px;line-height:1.8;white-space:pre-wrap}.announcement-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.contact-dialog{display:grid;gap:14px;max-width:440px;padding:28px}.contact-dialog p,.contact-text{margin:0;color:var(--muted);line-height:1.7;white-space:pre-wrap}.contact-dialog img{display:block;width:min(240px,100%);aspect-ratio:1;border:1px solid var(--border);border-radius:8px;object-fit:cover;background:#10151c}.auth-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 36% 24%,rgba(61,214,180,.16),transparent 30%),#04070cc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-dialog{position:relative;display:grid;gap:16px;width:min(100%,420px);border:1px solid rgba(217,225,236,.2);border-radius:8px;background:linear-gradient(160deg,#151d27fa,#0b1119fa),var(--panel-strong);box-shadow:var(--shadow);padding:26px}.auth-dialog-close{position:absolute;top:14px;right:14px}.auth-dialog-heading{display:flex;align-items:center;gap:12px;padding-right:36px}.auth-dialog-heading h2,.auth-dialog-heading p{margin:0}.auth-dialog-heading h2{line-height:1.1}.auth-dialog-heading p{margin-top:4px;color:var(--muted)}.auth-dialog-mark{flex:0 0 auto}.auth-screen{display:grid;grid-template-columns:minmax(0,1fr) 420px;min-height:100vh}.auth-visual{display:flex;min-height:100vh;flex-direction:column;justify-content:center;padding:56px;background:linear-gradient(150deg,#3dd6b433,#f4b04f24 48%,#eb6d8f2e),linear-gradient(140deg,#080b11,#101b1d 55%,#201720)}.auth-logo{display:grid;width:76px;height:76px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#080b1175;font-size:26px;font-weight:800}.auth-visual h1{margin:28px 0 12px;font-size:46px;line-height:1}.auth-visual p{margin:0;color:#d8e5e2;font-size:18px}.auth-panel{display:flex;flex-direction:column;justify-content:center;gap:18px;min-height:100vh;padding:42px;background:#080b11eb;border-left:1px solid var(--border)}.segment{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;border:1px solid var(--border);border-radius:8px;background:#ffffff0a}.segment button,.ghost-action,.secondary-action,.primary-action,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer}.segment button{min-height:42px;border-radius:6px;background:transparent;color:var(--muted)}.segment button.active{background:#ffffff17;color:var(--text)}label{display:grid;gap:8px;color:var(--muted);font-size:14px}input,textarea,select{width:100%;min-height:44px;border:1px solid var(--border);border-radius:8px;outline:none;background:#ffffff0f;color:var(--text);padding:10px 12px}textarea{min-height:220px;resize:vertical;line-height:1.55}select option{color:#0c1118}input:focus,textarea:focus,select:focus{border-color:#3dd6b4a6;box-shadow:0 0 0 3px #3dd6b41a}.inline-input{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px}.primary-action,.secondary-action,.ghost-action{min-height:42px;border-radius:8px;padding:10px 14px;font-weight:700}.primary-action{background:linear-gradient(135deg,var(--teal),#8ff1d3);color:#07110f}.secondary-action{border:1px solid rgba(61,214,180,.38);background:#3dd6b41a;color:#cdfcf0}.ghost-action{border:1px solid var(--border);background:#ffffff0d;color:var(--muted)}.icon-button{width:34px;height:34px;border-radius:8px;background:transparent;color:var(--muted)}.icon-button.bordered{border:1px solid var(--border);background:#ffffff0a}.full{width:100%}.form-tip,.inline-success{color:var(--success)}.form-error,.inline-error{color:var(--danger)}.form-tip,.form-error{margin:0;min-height:22px}.workbench-layout{display:grid;grid-template-columns:292px minmax(0,1fr) 260px;min-height:calc(100vh - 69px);background:radial-gradient(circle at 42% 0%,rgba(61,214,180,.1),transparent 28%),radial-gradient(circle at 86% 72%,rgba(244,176,79,.08),transparent 34%),linear-gradient(150deg,rgba(61,214,180,.08),transparent 35%),linear-gradient(25deg,rgba(121,168,255,.07),transparent 42%),#080b11;transition:grid-template-columns .2s ease}.workbench-layout.sidebar-collapsed{grid-template-columns:68px minmax(0,1fr) 260px}.rail-panel,.studio-panel,.data-section,.payment-result{border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.studio-panel{min-width:0;display:grid;grid-template-rows:auto auto minmax(240px,1fr) auto;gap:14px;border:0;border-radius:0;background:transparent;box-shadow:none;padding:18px}.ad-banner{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:76px;overflow:hidden;border:1px solid rgba(121,168,255,.24);border-radius:8px;background:#11171fb8;box-shadow:var(--shadow);color:var(--text);padding:10px 14px 10px 10px}.ad-banner img{display:block;width:96px;height:56px;border-radius:6px;object-fit:cover;background:#10151c}.ad-banner strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-banner span{color:var(--muted);font-size:12px;font-weight:800}.workbench-sidebar,.context-panel{min-height:calc(100vh - 69px);border-right:1px solid var(--border);background:#090d13c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.workbench-sidebar{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;padding:14px 12px;overflow:hidden}.context-panel{display:grid;align-content:start;gap:12px;border-right:0;border-left:1px solid var(--border);padding:18px 14px}.sidebar-top{display:flex;justify-content:flex-end}.sidebar-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sidebar-tabs.single,.sidebar-tabs.compact{grid-template-columns:1fr}.sidebar-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;border:1px solid var(--border);border-radius:8px;background:#ffffff0a;color:var(--muted);cursor:pointer;padding:9px 10px;font-weight:800}.sidebar-tabs button.active{border-color:#3dd6b485;background:#3dd6b41f;color:var(--text)}.sidebar-section{min-height:0;overflow:auto}.sidebar-heading,.panel-title,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-heading{margin-bottom:12px}.sidebar-heading strong,.panel-title{color:#dce6ee;font-weight:800}.sidebar-heading span,.compact-line,.style-suffix{color:var(--muted)}.panel-title{justify-content:flex-start}.compact-line{margin:12px 0;font-size:13px;line-height:1.5}.conversation-list{display:grid;gap:8px}.conversation-list button{display:grid;gap:5px;width:100%;min-height:60px;padding:10px;border:1px solid var(--border);border-radius:8px;background:#ffffff0a;color:var(--text);text-align:left;cursor:pointer}.conversation-list button.active{border-color:#f4b04f8a;background:#f4b04f1a}.conversation-list span,.conversation-list small,.cache-card strong,.cache-card span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-list small,.cache-card span{color:var(--muted)}.cache-list{display:grid;gap:8px}.cache-card{display:grid;grid-template-columns:54px minmax(0,1fr) 34px 34px;gap:9px;align-items:center;min-height:66px;padding:8px;border:1px solid var(--border);border-radius:8px;background:#ffffff0a}.cache-card img{display:block;width:54px;height:54px;border-radius:6px;object-fit:cover;background:#10151c}.cache-card div{display:grid;gap:5px}.cache-card .icon-button{width:34px;height:34px}.sidebar-empty{display:flex;min-height:160px;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px dashed var(--border);border-radius:8px;color:var(--muted)}.compact-action{min-height:32px;padding:6px 9px;font-size:12px}.generation-status-panel{display:grid;gap:12px;min-height:0;border:1px solid var(--border);border-radius:8px;background:#11171fc7;box-shadow:var(--shadow);padding:16px;overflow:hidden}.output-stage{display:grid;min-height:0;overflow:hidden;border:1px solid rgba(217,225,236,.12);border-radius:8px;background:linear-gradient(135deg,rgba(61,214,180,.08),transparent 34%),linear-gradient(315deg,rgba(244,176,79,.08),transparent 38%),#0a0f16b8;box-shadow:inset 0 1px #ffffff08}.status-strip{display:grid;grid-template-columns:.95fr 1.05fr .95fr .7fr 1.2fr .8fr;gap:10px}.status-strip div{display:grid;gap:5px;min-height:58px;border:1px solid var(--border);border-radius:8px;background:#ffffff0a;padding:10px 12px}.status-strip span{color:var(--muted);font-size:12px}.status-strip strong{min-width:0;overflow-wrap:anywhere;color:var(--text)}.model-status strong{color:var(--amber);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px}.progress-shell{overflow:hidden;height:5px;border-radius:999px;background:#ffffff12}.progress-bar{width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--amber));transform:translate(-100%)}.progress-bar.active{animation:progress-slide 1.4s ease-in-out infinite}.result-alert{border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-weight:700}.result-alert.success{border-color:#62d58b4d;background:#62d58b17;color:var(--success)}.result-alert.error{border-color:#ff7a7a57;background:#ff7a7a17;color:var(--danger)}.result-grid{min-height:0;overflow:auto;align-content:start;padding:2px}.image-section{margin-top:22px}.section-heading{margin-bottom:14px}.section-heading h1,.section-heading h2{margin:0;line-height:1.15}.section-heading h1{font-size:28px}.section-heading h2{font-size:18px}.section-heading span{color:var(--muted)}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.image-grid.compact{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-card{overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--panel-strong)}.image-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#10151c}.image-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 10px;color:var(--muted);font-size:13px}.image-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{display:flex;min-height:108px;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--border);border-radius:8px;color:var(--muted)}.output-empty{min-height:100%;border:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px}.style-suffix{margin:12px 0 0;line-height:1.6}.rail-panel{padding:16px}.composer{display:grid;gap:12px;border:1px solid var(--border);border-radius:8px;background:#11171fdb;box-shadow:var(--shadow);padding:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.prompt-field textarea{min-height:118px;max-height:178px;resize:vertical}.reference-row{display:flex;min-height:54px;align-items:center;gap:12px}.reference-fan{position:relative;width:138px;height:58px;flex:0 0 138px}.reference-thumb{position:absolute;left:var(--offset);top:4px;width:50px;height:50px;transform:rotate(var(--tilt));transform-origin:50% 90%;border:1px solid rgba(217,225,236,.36);border-radius:8px;background:#111923;box-shadow:0 8px 20px #00000057}.reference-thumb img{display:block;width:100%;height:100%;border-radius:7px;object-fit:cover}.reference-thumb button{position:absolute;top:-7px;right:-7px;display:grid;width:20px;height:20px;place-items:center;border:1px solid rgba(255,122,122,.5);border-radius:999px;background:#1e0d12f5;color:#ffd4d4;cursor:pointer;padding:0}.reference-tip{min-width:0;color:var(--muted);font-size:12px}.composer-controls{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(420px,2fr) minmax(210px,.9fr);gap:10px;align-items:start}.control-cluster{display:grid;gap:8px}.control-cluster>span{color:var(--muted);font-size:13px}.option-tags{display:flex;flex-wrap:wrap;gap:6px}.option-tags button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:1px solid var(--border);border-radius:8px;background:#ffffff0a;color:var(--muted);cursor:pointer;padding:8px 10px;font-weight:800}.option-tags button.active{border-color:#3dd6b499;background:#3dd6b41f;color:var(--text)}.option-tags small{color:var(--amber);font-size:11px}.compact-tags button{min-width:42px}.size-tags button{min-width:116px}.composer-actions{display:flex;align-items:center;gap:10px}.selection-summary{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:8px;min-width:0}.selection-summary span{display:inline-flex;align-items:center;min-height:30px;border:1px solid var(--border);border-radius:8px;background:#ffffff0a;color:var(--muted);padding:6px 9px;font-size:12px}.rail-field{margin-top:12px}.workbench-footer{color:#9da8b7c7;font-size:12px;text-align:center}@keyframes progress-slide{0%{transform:translate(-100%)}50%{transform:translate(80%)}to{transform:translate(240%)}}.page-layout{display:grid;gap:18px}.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.package-card,.metric-card{border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.package-card{display:grid;gap:14px;padding:18px}.package-card-head{display:flex;align-items:center;gap:10px;color:var(--teal)}.package-card h2,.package-card p{margin:0}.package-card strong{font-size:32px;color:var(--amber)}.package-price{display:grid;gap:3px;align-items:start}.package-price strong{line-height:1}.original-price{color:var(--muted);font-size:14px;text-decoration:line-through}.package-price small{width:fit-content;padding:3px 7px;border:1px solid rgba(245,158,11,.35);border-radius:999px;color:var(--amber);font-size:12px;font-weight:700}.bonus-credit{color:var(--success);font-weight:700}.package-card p{display:flex;flex-wrap:wrap;gap:7px 10px;color:var(--muted)}.package-markdown{display:grid;gap:7px;min-height:72px;color:var(--text);font-size:14px;line-height:1.65}.package-markdown h3,.package-markdown h4,.package-markdown h5,.package-markdown p,.package-markdown ul,.package-markdown ol,.package-markdown blockquote{margin:0}.package-markdown ul,.package-markdown ol{display:grid;gap:4px;padding-left:18px}.package-markdown blockquote{padding-left:10px;border-left:2px solid var(--teal);color:var(--muted)}.package-markdown code{padding:1px 4px;border-radius:4px;background:#ffffff14;color:var(--amber)}.payment-result{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px}.payment-result h2,.payment-result p{margin:0}.payment-result p{margin-top:6px;color:var(--muted)}.data-section{padding:18px}.table-list,.ledger-list{display:grid;gap:8px}.table-row,.ledger-row{display:grid;min-height:46px;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#ffffff0a}.table-row{grid-template-columns:1.4fr .7fr .7fr .7fr .7fr 1fr}.ledger-row{grid-template-columns:1.4fr .8fr .8fr 1fr}.table-row span,.ledger-row span,.ledger-row strong{min-width:0;overflow-wrap:anywhere}.ledger-row strong{color:var(--danger)}.ledger-row strong.positive{color:var(--success)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{display:grid;gap:8px;padding:16px}.metric-card span{color:var(--muted)}.metric-card strong{color:var(--amber);font-size:26px}.center-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.cache-heading>div:first-child{display:grid;gap:6px}.cache-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.cache-page-card{display:grid;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#11171fdb;box-shadow:var(--shadow)}.cache-page-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#10151c}.cache-card-body{display:grid;gap:10px;padding:11px}.cache-card-body>div:first-child{display:grid;gap:5px;min-width:0}.cache-card-body strong,.cache-card-body span,.cache-card-body p{min-width:0;overflow:hidden;text-overflow:ellipsis}.cache-card-body strong{color:var(--text);white-space:nowrap}.cache-card-body span{color:var(--muted);font-size:12px;white-space:nowrap}.cache-card-body p{display:-webkit-box;min-height:40px;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--muted);font-size:13px;line-height:1.55}.cache-card-actions{display:flex;justify-content:flex-end;gap:8px}.cache-empty{min-height:360px}.collapsible-section{display:grid;gap:0}.section-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;border:0;background:transparent;color:var(--text);cursor:pointer;padding:0;text-align:left}.section-toggle>span{display:inline-flex;align-items:center;gap:9px;min-width:0}.section-toggle>span:last-child{justify-content:flex-end;color:var(--muted);font-size:13px;white-space:nowrap}.section-toggle strong{font-size:18px}.section-toggle svg{color:var(--muted)}.section-toggle svg.rotated{transform:rotate(180deg)}.collapsible-body{display:grid;gap:12px;padding-top:16px}.pagination-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--muted);font-size:13px}.pagination-bar span{min-width:150px;text-align:center}.compact-empty{min-height:74px}.status-line,.split-stats,.invite-code{display:flex;align-items:center;gap:12px;margin-bottom:14px}.status-line,.split-stats{flex-wrap:wrap;color:var(--muted)}.invite-code{justify-content:space-between;border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:#ffffff0a}.invite-code strong{overflow-wrap:anywhere;color:var(--teal)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1180px){.workbench-layout{grid-template-columns:260px minmax(0,1fr)}.workbench-layout.sidebar-collapsed{grid-template-columns:68px minmax(0,1fr)}.context-panel{grid-column:1 / -1;min-height:auto;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border);border-left:0}.composer-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.size-cluster,.count-cluster{grid-column:1 / -1}.status-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.topbar{grid-template-columns:1fr;gap:12px;padding:12px}.main-nav,.top-actions{justify-self:stretch}.top-actions{align-items:stretch;flex-wrap:wrap}.main-nav{width:100%}.main-nav a{flex:1;min-width:0;padding:9px 6px}.account-menu-wrap{flex:1 1 auto;min-width:0}.top-contact-button,.top-sign-button,.top-cache-link,.top-package-link{flex:1 1 128px}.account-chip{width:100%;justify-content:space-between}.top-sign-button,.top-cache-link,.top-package-link{padding-right:8px;padding-left:8px}.top-sign-button{flex:0 0 94px}.top-cache-link,.top-package-link{flex:0 0 92px}.app-main{width:min(100% - 20px,1480px);padding-top:14px}.app-main.workbench-main{width:100%;padding:0}.auth-screen,.center-grid,.metric-grid{grid-template-columns:1fr}.workbench-layout,.workbench-layout.sidebar-collapsed{grid-template-columns:1fr;min-height:auto}.workbench-sidebar,.context-panel{min-height:auto}.workbench-sidebar{border-right:0;border-bottom:1px solid var(--border)}.studio-panel{min-height:calc(100vh - 184px);padding:12px}.context-panel{grid-template-columns:1fr;border-top:1px solid var(--border)}.ad-banner{grid-template-columns:74px minmax(0,1fr)}.ad-banner img{width:74px;height:48px}.ad-banner span{display:none}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-controls{grid-template-columns:1fr}.auth-visual{min-height:280px;padding:34px 24px}.auth-visual h1{font-size:34px}.auth-panel{min-height:auto;padding:24px;border-left:0;border-top:1px solid var(--border)}.table-row,.ledger-row{grid-template-columns:1fr 1fr}.payment-result{align-items:stretch;flex-direction:column}.cache-page-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pagination-bar{align-items:stretch;flex-wrap:wrap}.pagination-bar span{order:-1;flex:1 0 100%}}@media(max-width:520px){.brand small{display:none}.account-chip span{max-width:104px}.top-cache-link{flex-basis:44px}.top-contact-button span,.top-cache-link span{display:none}.top-contact-button{flex-basis:44px}.announcement-modal{min-height:calc(100vh - 28px);padding:24px 18px 18px}.announcement-content h2{font-size:28px}.announcement-actions{align-items:stretch;flex-direction:column}.announcement-actions button{width:100%}.section-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;justify-content:stretch}.heading-actions .ghost-action{flex:1}.status-strip{grid-template-columns:1fr}.composer-actions{align-items:stretch;flex-direction:column}.composer-actions .primary-action,.composer-actions .secondary-action{width:100%}.image-grid,.image-grid.compact,.cache-page-grid,.package-grid{grid-template-columns:1fr}}