@layer reset, base, layout, components, responsive, refined;
@layer reset {
  *,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}img,svg{display:block}table{border-collapse:collapse;width:100%}[hidden]{display:none!important}
}
@layer base {
  :root{--bg:#121316;--sidebar:#0e0f12;--panel:#1a1b1e;--raised:#212225;--line:#313235;--text:#ecedf0;--muted:#a4a5a8;--subtle:#7c7d80;--mint:#dfe0e3;--mint-dim:#333437;--amber:#e7c992;--red:#efa99e;--radius:14px;--mono:Consolas,"Liberation Mono",monospace;--font:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;font-family:var(--font);color:var(--text);background:var(--bg);font-size:14px;font-synthesis:none}
  body{min-width:320px;line-height:1.55}::selection{background:#595a5d;color:white}button,input,select{outline-offset:4px}:focus-visible{outline:2px solid var(--mint)}button{border:0;background:none}button:disabled{opacity:.45}input,select{width:100%;background:#141518;border:1px solid #434447;border-radius:8px;padding:11px 13px;color:var(--text)}input::placeholder{color:#939497}label{display:block;color:#cecfd2;font-size:13px;margin-bottom:7px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--mint)}h1{font-size:36px;line-height:1.18;font-weight:530;letter-spacing:-1.35px}h2{font-size:18px;font-weight:550;letter-spacing:-.35px}h3{font-size:15px;font-weight:550}p{color:var(--muted)}small{font-size:12px;color:var(--muted)}code,pre,.mono{font-family:var(--mono)}code{font-size:12px}svg.icon{width:18px;height:18px;flex-shrink:0;stroke-width:1.6}.skip-link{position:fixed;left:20px;top:-70px;z-index:99;padding:10px;background:var(--mint);color:#1f2023}.skip-link:focus{top:10px}.boot{height:calc(100dvh / var(--site-scale));display:grid;place-content:center;gap:16px;text-align:center}.wordmark{font-size:26px;font-weight:650;letter-spacing:-1.5px}.brand-dot{color:var(--mint)}
}
@layer layout {
  .shell{display:grid;grid-template-columns:226px minmax(0,1fr);min-height:calc(100dvh / var(--site-scale))}.sidebar{position:sticky;top:0;height:calc(100dvh / var(--site-scale));background:var(--sidebar);border-right:1px solid #292a2d;padding:30px 18px 18px;display:flex;flex-direction:column;z-index:30}.brand{padding:0 14px;display:flex;align-items:center;gap:7px}.brand .wordmark{font-size:27px}.workspace-switch{margin:32px 0 23px;border:1px solid var(--line);border-radius:9px;padding:12px;display:flex;align-items:center;gap:10px;font-size:12px}.workspace-icon{display:grid;place-items:center;border:1px solid #4c4d50;border-radius:6px;width:28px;height:28px;background:linear-gradient(135deg,#434447,#212225);color:var(--mint)}.workspace-switch>div:nth-child(2){flex:1}.workspace-switch small{font-size:10px;display:block}.nav-label{padding:0 13px;margin:5px 0 10px;color:var(--subtle);font-size:10px;letter-spacing:1.3px;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:5px}.nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:8px;color:#acadb0;font-size:13px;transition:background .18s,color .18s}.nav a:hover{background:#1c1d20;color:var(--text)}.nav a.active{background:#28292c;color:var(--mint)}.nav a.active::after{content:"";width:5px;height:5px;background:var(--mint);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:24px}.help-box{padding:15px 13px;margin-bottom:18px;background:#16171a;border:1px solid #303134;border-radius:10px}.help-box p{font-size:11px;line-height:1.7;margin:7px 0 13px}.help-box .text-button{font-size:11px}.profile{border-top:1px solid var(--line);padding:18px 9px 0;display:flex;align-items:center;gap:10px}.avatar{height:31px;width:31px;border-radius:50%;background:#393a3d;color:#dddee1;display:grid;place-items:center;font-size:11px;flex-shrink:0}.profile-text{flex:1;min-width:0}.profile-text strong{display:block;font-size:11px;font-weight:550;overflow:hidden;text-overflow:ellipsis}.profile-text small{font-size:10px}.main-shell{min-width:0}.topbar{height:76px;padding:0 42px;border-bottom:1px solid #2a2b2e;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{display:flex;align-items:center;gap:15px;color:var(--subtle);font-size:12px}.breadcrumb strong{color:#cdced1;font-weight:450}.top-actions{display:flex;align-items:center;gap:20px}.top-actions a{font-size:12px;color:var(--muted)}.top-actions .divider{height:16px;width:1px;background:var(--line)}.content{padding:40px 42px 24px;max-width:1510px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.page-head p{margin-top:10px;font-size:13px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:var(--mint);margin-bottom:13px}.grid-main{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:20px}.stack{display:flex;flex-direction:column;gap:20px}.section-gap{margin-top:28px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #2c2d30;margin-top:34px;padding:18px 0 6px;font-size:10px;color:var(--subtle)}.footer a{color:#abacaf}.mobile-menu{display:none}.mobile-scrim{display:none}
}
@layer components {
  .button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;font-size:12px;font-weight:550;border-radius:8px;border:1px solid #494a4d;background:#292a2d;min-height:39px;white-space:nowrap;transition:background .16s,transform .16s}.button:not(.control-surface):hover{background:#38393c;transform:translateY(-1px)}.button.primary{background:var(--mint);color:#212225;border-color:var(--mint);box-shadow:0 2px 8px #dfe0e30b}.button.primary:not(.control-surface):hover{background:#ecedf0}.button.ghost{background:transparent;border-color:var(--line);color:#c4c5c8}.button.danger{background:#3a2422;color:#f6b7af;border-color:#62403a}.button.small{min-height:32px;padding:6px 10px;font-size:11px}.button svg{width:15px;height:15px}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:7px;color:var(--muted);flex-shrink:0}.icon-button:not(.control-surface):hover{background:#313235;color:var(--text)}.icon-button svg{width:16px;height:16px}.text-button{display:inline-flex;align-items:center;gap:8px;color:var(--mint);font-size:12px;padding:0}.text-button:hover{color:#f2f3f6}.text-button svg{width:14px;height:14px}.pill{display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border:1px solid #444548;background:#2d2e31;border-radius:5px;color:var(--mint);font-size:10px;line-height:1.5;white-space:nowrap}.pill.warning{border-color:#514532;background:#302a1f;color:var(--amber)}.pill.neutral{border-color:#3f4043;background:#28292c;color:#babbbe}.pill.danger{border-color:#5b3b35;background:#36231f;color:var(--red)}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.panel-pad{padding:24px}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--muted)}.model-card{position:relative;min-height:226px;padding:26px 27px;background:linear-gradient(115deg,#26272a 0%,#1f2023 54%,#222326 100%);overflow:hidden}.model-card h2{font-size:27px;font-weight:520;letter-spacing:-.8px;margin-top:19px;position:relative;z-index:2}.model-card>p{font-size:12px;max-width:290px;margin:7px 0 21px;position:relative;z-index:2}.model-top{display:flex;align-items:center;gap:10px;position:relative;z-index:2}.model-symbol{width:31px;height:31px;border:1px solid #7b7c7f;background:#3e3f42;border-radius:8px;display:grid;place-items:center;color:#e3e4e7}.model-symbol svg{width:17px;height:17px}.model-top>span{font-size:11px;color:#cccdd0}.model-tags{display:flex;gap:6px;position:relative;z-index:2}.model-tags span{font-size:10px;border:1px solid #4e4f52;border-radius:5px;padding:3px 8px;color:#cacbce;background:#2c2d3066}.model-sculpture{position:absolute;right:4%;top:27px;width:155px;height:155px;transform:rotate(-22deg);pointer-events:none;opacity:.75}.model-sculpture i{position:absolute;inset:calc(var(--i)*7px);border:1px solid #b2b3b666;border-radius:35%;transform:rotate(calc(var(--i)*9deg));background:linear-gradient(150deg,#cccdd008,#2b2c2f05);box-shadow:0 0 28px #b1b2b520}.model-card .corner-link{position:absolute;right:23px;bottom:22px;z-index:2}.connection-panel{padding:24px 26px}.connection-panel h2{font-size:15px}.field-copy{margin-top:17px;padding:10px 12px 10px 15px;border:1px solid #3b3c3f;background:#141518;border-radius:8px;display:flex;gap:12px;align-items:center}.field-copy>div{min-width:0;flex:1}.field-copy small{font-size:9px;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:3px}.field-copy code{font-size:12px;color:#e1e2e5;overflow-wrap:anywhere}.connection-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}.connection-foot small{font-size:10px}.plan-label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--mint)}.price{font-size:40px;line-height:1.3;font-weight:450;letter-spacing:-1.8px;margin:16px 0 4px}.price>span{font-size:12px;color:var(--muted);letter-spacing:0;font-weight:400}.plan-name{font-size:13px;color:#cdced1;margin-bottom:23px}.detail-row{display:flex;justify-content:space-between;gap:16px;font-size:11px;padding:8px 0;color:var(--muted)}.detail-row strong{color:#dcdde0;font-weight:450;text-align:right}.plan-panel .button{width:100%;margin-top:17px}.note{font-size:10px;line-height:1.7;color:#aaabae}.note a{text-decoration:underline;text-underline-offset:3px}.divider-line{height:1px;background:var(--line);margin:14px 0}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quick-link{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:#18191c;transition:border-color .15s,background .15s}.quick-link:hover{border-color:#656669;background:#242528}.quick-link .tile-icon{padding:9px;background:#303134;border-radius:8px;color:#c4c5c8}.quick-link h3{font-size:12px}.quick-link p{font-size:10px;margin-top:3px}.quick-link>svg{margin-left:auto;width:15px;height:15px;color:var(--muted)}.code-panel{background:#16171a;border:1px solid var(--line);border-radius:11px;overflow:hidden}.code-header{display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 19px;height:46px;border-bottom:1px solid var(--line);background:#1f2023}.tabs{display:flex;gap:20px;align-self:stretch}.tab{color:var(--muted);font-size:10px;border-bottom:2px solid transparent;padding:0 2px;display:flex;align-items:center;gap:6px}.tab[aria-selected=true]{color:#e7e8eb;border-color:var(--mint)}pre{margin:0;padding:21px 24px;font-size:11px;line-height:1.9;overflow:auto;color:#d0d1d4;tab-size:2}.code-comment{color:#8c8d90}.code-key{color:#c1adcd}.code-string{color:#cccdd0}.code-number{color:#ddc594}.empty{padding:38px 25px;text-align:center}.empty .empty-icon{height:43px;width:43px;display:grid;place-items:center;margin:0 auto 14px;border:1px solid #46474a;background:#2d2e31;border-radius:12px;color:var(--mint)}.empty h3{margin-bottom:6px}.empty p{font-size:12px;max-width:360px;margin:0 auto 19px}.table-wrap{overflow-x:auto}th{text-align:left;font-size:10px;color:var(--muted);font-weight:450;padding:12px 20px;border-bottom:1px solid var(--line);background:#18191c}td{padding:15px 20px;border-bottom:1px solid #2f3033;font-size:12px}tbody tr:last-child td{border-bottom:0}td .key-name{display:flex;align-items:center;gap:10px}td .key-name svg{color:#a6a7aa;width:15px;height:15px}td small{display:block;font-size:10px;margin-top:2px}.table-note{padding:13px 20px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.callout{padding:15px 18px;display:flex;align-items:flex-start;gap:12px;border:1px solid #46474a;background:#27282b;border-radius:10px;margin-bottom:22px}.callout svg{color:var(--mint);margin-top:0}.callout p{font-size:12px;color:#cacbce}.callout.warning{background:#27251c;border-color:#51482f}.callout.warning svg{color:var(--amber)}.callout.warning p{color:#d8cdac}.billing-grid{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1.4fr);gap:22px}.billing-plan{padding:28px}.billing-plan .price{font-size:54px;margin:20px 0 3px}.billing-plan .button{margin-top:25px;width:100%}.feature-list{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:13px}.feature-list li{display:flex;align-items:center;gap:11px;font-size:12px;color:#cccdd0}.feature-list svg{width:15px;height:15px;color:var(--mint)}.bill-detail{padding:25px}.bill-detail h3{margin-bottom:15px}.bill-detail+.bill-detail{border-top:1px solid var(--line)}.bill-detail p{font-size:12px;margin:8px 0 17px}.steps{display:flex;flex-direction:column;gap:23px}.step{display:grid;grid-template-columns:32px minmax(0,1fr);gap:15px}.step-number{width:26px;height:26px;border:1px solid #48494c;background:#2d2e31;color:var(--mint);border-radius:50%;display:grid;place-items:center;font-size:10px;margin-top:2px}.step h3{margin-bottom:8px}.step p{font-size:12px;margin-bottom:15px}.status-row{padding:21px 24px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.status-row:last-child{border:0}.status-row>svg{color:#acadb0}.status-row>div{flex:1}.status-row h3{font-size:13px}.status-row p{font-size:11px;margin-top:4px}.status-rate{font-size:10px;color:var(--muted);white-space:nowrap}.status-detail{font-size:10px;color:var(--muted);margin-top:4px}.wide-small{max-width:850px}.form-stack{display:flex;flex-direction:column;gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-help{font-size:11px;margin:6px 0 0}.settings-section{padding:26px}.settings-section+.settings-section{border-top:1px solid var(--line)}.settings-section>p{font-size:12px;margin:7px 0 24px}.settings-section .button{margin-top:23px}.preview-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 42px;background:#202124;border-bottom:1px solid #3e3f42;color:#c0c1c4;font-size:10px}.preview-bar>div{display:flex;gap:8px;align-items:center}.preview-bar button{font-size:10px;padding:3px 8px;border:1px solid #595a5d;border-radius:4px;color:#dfe0e3}.preview-bar button:not(.control-surface):hover{background:#3d3e41}.preview-bar .preview-switches{gap:7px}.preview-bar button.selected{background:#46474a}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.stat small{font-size:11px}.stat strong{font-size:29px;display:block;margin:9px 0 0;font-weight:500;letter-spacing:-1px}.stat p{font-size:10px;margin-top:5px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.search-field{position:relative;max-width:320px;flex:1}.search-field svg{position:absolute;left:12px;top:12px;width:16px;height:16px;color:var(--muted)}.search-field input{padding-left:37px;font-size:12px}.toolbar select{max-width:180px;font-size:12px}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:13px;align-items:center}.timeline li:last-child{border:0}.timeline .timeline-icon{width:30px;height:30px;display:grid;place-items:center;background:#2d2e31;border-radius:8px;color:#b9babd}.timeline-icon svg{width:14px;height:14px}.timeline p{font-size:12px;color:#d2d3d6}.timeline small{font-size:10px}.timeline time{margin-left:auto;font-size:10px;color:var(--muted);white-space:nowrap}.toggle{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:#cccdd0}.capacity-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.capacity-count{font-size:32px;font-weight:500;letter-spacing:-1px;margin:20px 0 3px}.capacity-count span{font-size:13px;color:var(--muted);letter-spacing:0}.capacity-slots{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0}.capacity-slots i{width:21px;height:21px;border:1px solid #4e4f52;border-radius:5px;background:#26272a}.capacity-slots i.occupied{background:#cdced1;border-color:#cdced1}.segmented{display:flex;padding:4px;background:#141518;border:1px solid var(--line);border-radius:8px;gap:3px}.segmented button{flex:1;padding:7px 10px;font-size:11px;border-radius:5px;color:var(--muted)}.segmented button.selected{background:#38393c;color:var(--mint)}dialog{border:1px solid #525356;border-radius:16px;color:var(--text);background:#202124;padding:28px;width:460px;max-width:calc(calc(100vw / var(--site-scale)) - 32px);box-shadow:0 25px 100px #0008}dialog::backdrop{background:#090a0db8;backdrop-filter:blur(5px)}dialog h2{font-size:23px;margin:12px 0 7px;letter-spacing:-.7px}dialog>p{font-size:12px;margin-bottom:23px}dialog .dialog-close{position:absolute;right:15px;top:15px}.dialog-symbol{background:#3b3c3f;color:var(--mint);height:42px;width:42px;display:grid;place-items:center;border:1px solid #5d5e61;border-radius:11px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.secret-box{font-family:var(--mono);font-size:12px;padding:15px;background:#151619;border:1px solid #6a6b6e;border-radius:9px;overflow-wrap:anywhere;user-select:all;margin:16px 0}.form-error{font-size:12px;color:var(--red);margin:12px 0}.checkbox-label{display:flex;gap:9px;align-items:center;font-size:11px;margin-top:16px}.dialog-checkout{padding:18px;background:#18191c;border:1px solid var(--line);border-radius:10px;display:flex;justify-content:space-between;gap:16px}.dialog-checkout strong{font-size:19px}#toast{position:fixed;bottom:25px;left:calc(50% + 90px);transform:translate(-50%,20px);max-width:calc(calc(100vw / var(--site-scale)) - 40px);z-index:100;color:#e9eaed;background:#323336;border:1px solid #67686b;border-radius:10px;padding:12px 20px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 8px 30px #0006}#toast.visible{opacity:1;transform:translate(-50%,0)}.auth-layout{display:grid;grid-template-columns:1.05fr 1fr;min-height:calc(100dvh / var(--site-scale))}.auth-aside{background:radial-gradient(ellipse at 60% 45%,#3d3e41 0%,#1e1f22 55%,#141518 100%);padding:45px 55px;display:flex;flex-direction:column;position:relative;overflow:hidden;border-right:1px solid #404144}.auth-art{position:absolute;width:380px;height:380px;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-15deg);opacity:.85}.auth-art i{position:absolute;inset:calc(var(--i)*15px);border:1px solid #c8c9cc40;border-radius:35%;transform:rotate(calc(var(--i)*8deg));box-shadow:inset 0 0 35px #bcbdc010}.auth-copy{position:relative;margin-top:auto;max-width:390px}.auth-copy h1{font-size:42px;line-height:1.18;letter-spacing:-1.6px}.auth-copy p{font-size:13px;line-height:1.9;margin-top:17px;color:#c2c3c6;max-width:340px}.auth-copy small{display:block;margin-top:40px;font-size:10px}.auth-main{display:grid;place-items:center;padding:55px 40px}.auth-form{width:100%;max-width:350px}.auth-form h1{font-size:30px}.auth-form>p{font-size:12px;margin:11px 0 30px}.auth-form .button{width:100%}.auth-form .form-stack{gap:18px}.auth-footer{margin-top:27px;padding-top:25px;border-top:1px solid var(--line);text-align:center;font-size:11px}.auth-footer button{margin-top:14px}.blank-state{padding:70px 20px;text-align:center}.blank-state p{margin:12px auto 24px;max-width:440px;font-size:13px}.loading-line{height:14px;border-radius:4px;background:#2e2f32;animation:breathe 1.2s alternate infinite;margin:13px 0}.loading-line:nth-child(2){width:65%}.loading-line:nth-child(3){width:40%}@keyframes breathe{to{opacity:.3}}.page-enter{animation:enter .25s ease-out}@keyframes enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
}
@layer responsive {
  @media(min-width:701px){.mobile-menu{display:none}}
  @media(min-width:1600px){.content{padding-top:52px}.grid-main{grid-template-columns:minmax(0,2fr) minmax(310px,1fr)}.model-card{min-height:249px}.model-sculpture{width:185px;height:185px}}
  @media(max-width:1180px){.shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:25px 12px 16px}.content{padding:30px 26px 20px}.topbar{padding:0 26px}.preview-bar{padding:9px 26px}.grid-main{grid-template-columns:minmax(0,1.5fr) minmax(255px,1fr);gap:16px}.model-sculpture{right:-24px;opacity:.45}.model-card{padding:24px}.panel-pad{padding:21px}.connection-panel{padding:21px}.quick-link{padding:15px}.quick-link p{max-width:160px}.stat-grid{gap:10px}.stat{padding:16px}}
  @media(max-width:940px){.grid-main{grid-template-columns:1fr}.model-sculpture{right:40px;opacity:.8}.stack.right-stack{display:grid;grid-template-columns:1fr 1fr;align-items:start}.plan-panel .price{font-size:32px}.plan-panel .plan-name{margin-bottom:15px}.billing-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.capacity-grid{grid-template-columns:1fr}.auth-layout{grid-template-columns:.9fr 1fr}.auth-aside{padding:35px}.auth-copy h1{font-size:33px}.auth-art{width:290px;height:290px}.page-head{align-items:flex-start}h1{font-size:30px}}
  @media(max-width:700px){.shell{display:block}.sidebar{position:fixed;left:0;top:0;width:236px;transform:translateX(-100%);transition:transform .2s;height:calc(100dvh / var(--site-scale))}.sidebar.open{transform:translateX(0)}.mobile-scrim.open{display:block;position:fixed;inset:0;background:#0009;z-index:29}.mobile-menu{display:inline-grid}.topbar{height:62px;padding:0 18px}.breadcrumb{gap:10px}.top-actions{gap:10px}.top-actions .docs-top,.top-actions .divider{display:none}.preview-bar{padding:8px 18px;flex-wrap:wrap;gap:7px;font-size:9px}.preview-bar .preview-description{display:none}.content{padding:27px 18px 18px}.page-head{gap:14px;margin-bottom:25px}.page-head .button{padding:9px 11px;font-size:11px}.page-head p{font-size:12px}h1{font-size:29px;letter-spacing:-1px}.model-card{padding:23px;min-height:218px}.model-card h2{font-size:25px}.model-sculpture{right:-15px;opacity:.45}.model-card>p{max-width:250px}.stack.right-stack{grid-template-columns:1fr}.quick-links{grid-template-columns:1fr;gap:12px}.quick-link p{max-width:none}.code-header{padding-left:16px}pre{padding:18px 16px;font-size:10px}.connection-foot{align-items:flex-start;flex-direction:column;gap:10px}.footer{font-size:9px;margin-top:26px}.form-grid{grid-template-columns:1fr}.section-head h2{font-size:16px}th,td{padding:13px 15px}.table-wrap table{min-width:530px}.stat strong{font-size:25px}.toolbar{flex-wrap:wrap}.toolbar select{max-width:none;width:auto}.auth-layout{display:block}.auth-aside{padding:25px 25px 30px;border:0}.auth-art{display:none}.auth-copy{margin-top:35px}.auth-copy h1{font-size:29px;max-width:310px}.auth-copy p,.auth-copy small{display:none}.auth-main{padding:34px 25px}.auth-form{max-width:410px}.auth-form h1{font-size:25px}#toast{left:50%;width:max-content}.status-row{padding:18px;gap:10px}.status-row .pill{font-size:9px}.status-row p{max-width:190px}.bill-detail{padding:21px}.timeline time{font-size:9px}.timeline p{font-size:11px}.wide-small{max-width:100%}}
  @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}
@layer refined {
  :root{--bg:#121315;--sidebar:#17181b;--panel:#1d1f23;--raised:#26282d;--line:#34363c;--text:#eeeef0;--muted:#aaaeb7;--subtle:#858994;--mint:#c6d5f0;--mint-dim:#282e3a;--radius:8px}
  body{line-height:1.45}h1{font-size:26px;letter-spacing:-.7px}h2{font-size:16px}h3{font-size:14px}
  .shell{grid-template-columns:198px minmax(0,1fr)}
  .sidebar{padding:20px 12px 12px;background:linear-gradient(90deg,#1a1b1e,#17181b);border-right-color:#33353b;box-shadow:1px 0 0 #08090b}
  .brand{padding:0 10px}.brand .wordmark{font-size:24px}.brand-dot{color:#dce2eb}
  .workspace-switch{margin:20px 0 16px;padding:9px;border-radius:6px;background:linear-gradient(#25272c,#1c1e22);box-shadow:inset 0 1px 0 #ffffff09,0 2px 3px #0003}
  .workspace-icon,.model-symbol,.tile-icon,.dialog-symbol{background:linear-gradient(145deg,#41454d,#282b32);border:1px solid #535761;box-shadow:inset 0 1px 0 #ffffff20,0 2px 3px #0004;color:#dce1ea}
  .nav{gap:2px}.nav a{padding:8px 10px;border-radius:5px;gap:10px}.nav a.active{background:linear-gradient(#353942,#2c2f36);color:#f0f1f5;box-shadow:inset 0 1px 0 #ffffff0e,0 1px 2px #0005}.nav a.active::after{background:#b9c9e7}.nav-label{margin-bottom:6px}.help-box{padding:11px;margin-bottom:12px}.help-box p{margin:5px 0 8px}.profile{padding:12px 4px 0}.sidebar-bottom{padding-top:14px}
  .topbar{height:49px;padding:0 24px;background:linear-gradient(#202226,#1b1d20);border-bottom-color:#35373d;box-shadow:0 1px 3px #0005}.breadcrumb{gap:12px}.top-actions{gap:14px}
  .preview-bar{padding:5px 24px;background:#191c21;border-bottom-color:#30343c;min-height:31px}.preview-switches button{padding:3px 8px;border-radius:4px}.preview-switches button.selected{background:linear-gradient(#454b57,#343944);border-color:#606977;color:#f0f2f6;box-shadow:inset 0 1px 0 #ffffff12}
  .content{width:100%;min-width:0;max-width:960px;margin-inline:auto;padding:22px 24px 16px}.page-head{margin-bottom:18px;gap:16px}.page-head p{margin-top:5px;font-size:13px}.grid-main{grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);gap:12px}.stack{gap:12px}.section-gap{margin-top:16px}.section-head{margin-bottom:10px}.footer{margin-top:20px;padding:12px 0 0}
  .panel,.stat{background:linear-gradient(145deg,#23252a,#1c1e22 65%);border-color:#383b42;box-shadow:inset 0 1px 0 #ffffff08,0 2px 4px #0003;border-radius:8px}.panel-pad,.connection-panel{padding:16px}.panel-top{gap:10px}
  .button{min-height:32px;padding:6px 12px;border-radius:5px;background:linear-gradient(#383b43,#292c32);border:1px solid #4d515b;box-shadow:inset 0 1px 0 #ffffff12,0 1px 2px #0006;transition:background .15s,box-shadow .15s}.button:not(.control-surface):hover{transform:none;background:linear-gradient(#454953,#32363e)}.button:active{box-shadow:inset 0 2px 4px #0006;transform:translateY(1px)}.button.primary{background:linear-gradient(#eef0f5,#bfc6d1);color:#20242c;border-color:#d3d8e2;box-shadow:inset 0 1px 0 #fff9,0 2px 3px #0006;text-shadow:0 1px #ffffff55}.button.primary:not(.control-surface):hover{background:linear-gradient(#fff,#d1d7e2)}.button.ghost{background:linear-gradient(#2b2e34,#23252a);border-color:#42464e;color:#d4d7df}.button.danger{background:linear-gradient(#492c30,#352326);border-color:#6b444a;color:#f0bac1}
  .pill{padding:2px 7px;border-radius:4px;background:#2a303a;border-color:#485363;color:#cad7ed}.pill.neutral{background:#292c31;border-color:#42464f;color:#bfc3cc}.pill.warning{background:#302a20;border-color:#514735;color:#d9c493}
  .model-card{min-height:154px;padding:16px 18px;background:linear-gradient(115deg,#2b2e35,#202228 65%,#272a31)}.model-card h2{font-size:23px;margin-top:11px}.model-card>p{margin:5px 0 10px;max-width:370px}.model-symbol{width:26px;height:26px;border-radius:5px}.model-sculpture{height:108px;width:108px;top:20px;right:26px;opacity:.45}.model-sculpture i{inset:calc(var(--i)*5px);border-color:#b8c3d14a;box-shadow:inset 0 1px 0 #ffffff12,0 1px 2px #0007;background:transparent}.model-tags span{padding:2px 6px;border-color:#454a54;background:#262930;color:#b8bec9}.model-card .corner-link{bottom:12px;right:13px}
  .field-copy{margin-top:10px;padding:7px 10px;border-radius:5px;background:linear-gradient(#131518,#181a1e);border-color:#373b43;box-shadow:inset 0 2px 3px #0005,0 1px 0 #ffffff06}.field-copy small{letter-spacing:.6px}.field-copy code{color:#e0e3ea}.connection-foot{margin-top:10px;gap:10px}.price{font-size:31px;margin:10px 0 2px}.plan-name{margin-bottom:12px}.detail-row{padding:5px 0}.divider-line{margin:10px 0}.plan-panel .button{margin-top:11px}.note{line-height:1.5}.quick-links{gap:12px}.quick-link{padding:11px 14px;border-radius:6px;background:linear-gradient(#22252a,#1c1f23);box-shadow:inset 0 1px 0 #ffffff07}.tile-icon{border-radius:6px}
  .code-panel{border-radius:6px;background:#14161a;box-shadow:inset 0 2px 4px #0004}.code-header{padding:0 15px;background:linear-gradient(#2c2f35,#24272d);min-height:35px}.tabs .tab{padding:9px 10px}.code-string{color:#bdcbe4}pre{padding:13px 16px;font-size:12px;line-height:1.55}
  input,select{padding:8px 10px;border-radius:5px;background:#15171b;border-color:#41454e;box-shadow:inset 0 2px 3px #0004,0 1px 0 #ffffff05}label{margin-bottom:5px}.form-stack{gap:12px}.form-grid{gap:14px}.stat-grid{gap:12px;margin-bottom:16px}.stat{padding:14px}.stat strong{font-size:26px;margin-top:5px}.capacity-grid{gap:12px}.capacity-count{margin:12px 0 2px;font-size:27px}.capacity-slots{margin:12px 0}.capacity-slots i.occupied{background:linear-gradient(#bbc7da,#8393ad);border-color:#bac9e0}.segmented{background:#14161a;border-color:#373b43;box-shadow:inset 0 1px 3px #0005}.segmented button.selected{background:linear-gradient(#454b57,#303641);color:#e4e9f3;box-shadow:inset 0 1px 0 #ffffff16,0 1px 3px #0005}
  th,td{padding:10px 14px}.timeline li{padding:10px 0}.timeline .timeline-icon{background:linear-gradient(#393d46,#292d34);color:#cbd5e5;box-shadow:inset 0 1px 0 #ffffff0c}.table-note{padding:10px 14px}.empty{padding:28px 18px}.status-row{padding:14px 16px}.bill-detail{padding:16px}.billing-plan{padding:20px}.feature-list{margin:14px 0}.feature-list li{padding:5px 0}.billing-grid{gap:14px}.toolbar{margin-bottom:12px}.callout{padding:10px 12px;margin-bottom:14px}.steps{gap:16px}
  dialog{padding:22px;border-radius:10px;background:linear-gradient(140deg,#2c3037,#202329);border-color:#545b67;box-shadow:inset 0 1px 0 #ffffff12,0 20px 80px #000a}dialog h2{font-size:21px}dialog>p{margin-bottom:16px}.dialog-actions{margin-top:18px}.secret-box{padding:12px;background:#14171c;border-color:#49515e;box-shadow:inset 0 2px 4px #0006}.auth-aside{background:radial-gradient(ellipse at 50% 40%,#343943,#20242b 58%,#17191e);padding:34px 40px}.auth-art i{border-color:#aebbc940;box-shadow:inset 0 1px 0 #ffffff0a,0 2px 4px #0002}.auth-main{padding:32px}.auth-form>p{margin:8px 0 22px}.auth-form .form-stack{gap:12px}.auth-footer{padding-top:18px;margin-top:18px}.auth-copy h1{font-size:34px}
  @media(min-width:1100px){.connection-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.connection-panel>.panel-top,.connection-foot{grid-column:1/-1}.grid-main{align-items:start}.grid-main>.stack:first-child{gap:12px}.model-card{min-height:163px}}
  @media(max-width:940px){.shell{grid-template-columns:184px minmax(0,1fr)}.content{padding:18px}.topbar,.preview-bar{padding-left:18px;padding-right:18px}.grid-main{grid-template-columns:1fr}.stack.right-stack{grid-template-columns:1fr 1fr}.model-card{min-height:150px}.model-sculpture{right:20px}.capacity-grid{grid-template-columns:1fr}}
  @media(max-width:700px){.shell{display:block}.sidebar{width:220px}.topbar{height:46px;padding:0 14px}.preview-bar{padding:5px 14px}.content{padding:17px 14px 12px}.page-head{margin-bottom:14px;gap:10px}.page-head p{font-size:12px}.page-head .button{padding:7px 9px}h1{font-size:23px}.model-card{padding:15px;min-height:156px}.model-card h2{font-size:22px}.model-card>p{max-width:255px}.model-sculpture{opacity:.25;right:6px}.panel-pad,.connection-panel{padding:14px}.stack.right-stack{grid-template-columns:1fr}.section-gap{margin-top:14px}.field-copy{padding:7px 9px}.footer{gap:9px}.auth-aside{padding:22px}.auth-copy{margin-top:22px}.auth-copy h1{font-size:27px}.auth-main{padding:25px}.button{min-height:36px}.icon-button{height:34px;width:34px}.nav a{min-height:38px}.code-header{padding-left:8px}pre{padding:12px;font-size:11px}.quick-link{padding:10px 12px}.stat-grid{gap:10px}.stat{padding:12px}}
}
@layer refined {
  .workspace-example{margin-top:0}.workspace-example .section-head{margin:3px 0 9px}.workspace-example pre{overflow:auto}.help-box{background:linear-gradient(#222429,#1b1d21)}
}
@layer refined {
  .grid-main>.stack,.workspace-example,.code-panel{min-width:0}.workspace-example .section-head{flex-wrap:wrap}
}
/* Silver remains the unmodified base theme. Graphite is an opt-in material variant. */
@layer refined {
  .theme-select{width:auto;min-width:86px;padding:4px 22px 4px 8px;min-height:28px;font-size:12px;background-color:#1b1e24;color:#d4d9e3}
  :root[data-theme=slate]{--bg:#090b0f;--sidebar:#101319;--panel:#171c24;--raised:#252e3c;--line:#354151;--text:#f3f5f9;--muted:#b2bac8;--subtle:#8a95a7;--mint:#abc7f2}
  [data-theme=slate] .sidebar{background:linear-gradient(90deg,#141921,#0e1117);border-right-color:#303b4b;box-shadow:1px 0 0 #000}
  [data-theme=slate] .topbar{background:linear-gradient(#242c38,#151b24);border-bottom-color:#3a4658;box-shadow:inset 0 1px 0 #ffffff07,0 2px 8px #0007}
  [data-theme=slate] .preview-bar{background:#0f141c;border-color:#293444}
  [data-theme=slate] .panel,[data-theme=slate] .stat{background:linear-gradient(145deg,#202733,#141920 75%);border-color:#354151;box-shadow:inset 0 1px 0 #ffffff0d,0 3px 7px #0006}
  [data-theme=slate] .model-card{background:linear-gradient(115deg,#2a3547,#171e29 65%,#10161f);border-color:#46566c}
  [data-theme=slate] .field-copy,[data-theme=slate] input,[data-theme=slate] select,[data-theme=slate] .secret-box{background:#090d13;border-color:#3b4759;box-shadow:inset 0 2px 5px #0009,0 1px 0 #ffffff08}
  [data-theme=slate] .code-panel{background:#080c12;border-color:#354252;box-shadow:inset 0 2px 6px #0009}
  [data-theme=slate] .code-header{background:linear-gradient(#2a3443,#1a222e);border-color:#3a475a}
  [data-theme=slate] .button.primary{background:linear-gradient(#e0ecff,#9fb8df);border-color:#c9ddfa;color:#142238;box-shadow:inset 0 1px 0 #fff9,0 2px 5px #0008}
  [data-theme=slate] .button.primary:not(.control-surface):hover{background:linear-gradient(#f2f7ff,#bad1f2)}
  [data-theme=slate] .button.ghost,[data-theme=slate] .workspace-switch,[data-theme=slate] .quick-link{background:linear-gradient(#293240,#171e28);border-color:#404e61;box-shadow:inset 0 1px 0 #ffffff0e,0 2px 4px #0006}
  [data-theme=slate] .nav a.active{background:linear-gradient(#34465e,#24334a);color:#edf4ff;box-shadow:inset 0 1px 0 #92b6ea33,0 2px 4px #0005}
  [data-theme=slate] .nav a:hover{background-color:#263348}
  [data-theme=slate] .help-box{background:linear-gradient(#1b2330,#111720);border-color:#303d50}
  [data-theme=slate] .pill:not(.warning):not(.danger){background:#1d2b3e;border-color:#435976;color:#d2e2fa}
  [data-theme=slate] .model-symbol,[data-theme=slate] .workspace-icon,[data-theme=slate] .tile-icon{background:linear-gradient(#45546b,#263347);border-color:#64758f}
  [data-theme=slate] .model-tags span{background:#151f2c;border-color:#43536a;color:#c4d1e5}
  [data-theme=slate] .model-sculpture i{border-color:#a9c5ee55}
  [data-theme=slate] dialog{background:linear-gradient(140deg,#2a3546,#141c27);border-color:#566984}
  [data-theme=slate] .auth-aside{background:radial-gradient(ellipse at 50% 40%,#2d3e58,#151f2e 58%,#0b1018)}
  :root:is([data-theme=graphite],[data-theme=amber],[data-theme=studio]){--bg:#0b0b0b;--sidebar:#131313;--panel:#1c1c1c;--raised:#2d2d2d;--line:#404040;--text:#f5f5f5;--muted:#b9b9b9;--subtle:#949494;--mint:#c4c4c4}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .sidebar{background:linear-gradient(90deg,#191919,#111111);border-right-color:#3a3a3a;box-shadow:1px 0 0 #000000}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .topbar{background:linear-gradient(#2b2b2b,#1a1a1a);border-bottom-color:#454545;box-shadow:inset 0 1px 0 #ffffff07,0 2px 8px #00000077}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .preview-bar{background:#141414;border-color:#333333}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .panel,:is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .stat{background:linear-gradient(145deg,#262626,#181818 75%);border-color:#404040;box-shadow:inset 0 1px 0 #ffffff0d,0 3px 7px #00000066}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .model-card{background:linear-gradient(115deg,#343434,#1d1d1d 65%,#151515);border-color:#545454}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .field-copy,:is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) input,:is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) select,:is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .secret-box{background:#0d0d0d;border-color:#464646;box-shadow:inset 0 2px 5px #00000099,0 1px 0 #ffffff08}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .code-panel{background:#0c0c0c;border-color:#404040;box-shadow:inset 0 2px 6px #00000099}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .code-header{background:linear-gradient(#333333,#212121);border-color:#464646}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .button.primary{background:linear-gradient(#ebebeb,#b6b6b6);border-color:#dbdbdb;color:#212121;box-shadow:inset 0 1px 0 #ffffff99,0 2px 5px #00000088}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .button.primary:not(.control-surface):hover{background:linear-gradient(#f7f7f7,#cecece)}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .button.ghost,:is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .workspace-switch,:is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .quick-link{background:linear-gradient(#313131,#1d1d1d);border-color:#4c4c4c;box-shadow:inset 0 1px 0 #ffffff0e,0 2px 4px #00000066}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .nav a.active{background:linear-gradient(#444444,#313131);color:#f3f3f3;box-shadow:inset 0 1px 0 #b2b2b233,0 2px 4px #00000055}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .nav a:hover{background-color:#323232}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .help-box{background:linear-gradient(#222222,#161616);border-color:#3c3c3c}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .pill:not(.warning):not(.danger){background:#292929;border-color:#565656;color:#e0e0e0}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .model-symbol,:is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .workspace-icon,:is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .tile-icon{background:linear-gradient(#525252,#323232);border-color:#737373}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .model-tags span{background:#1e1e1e;border-color:#515151;color:#d0d0d0}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .model-sculpture i{border-color:#c2c2c255}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) dialog{background:linear-gradient(140deg,#343434,#1b1b1b);border-color:#676767}
  :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .auth-aside{background:radial-gradient(ellipse at 50% 40%,#3c3c3c,#1e1e1e 58%,#101010)}
  @media(max-width:700px){.top-actions{gap:7px}.theme-select{min-width:74px;font-size:11px;padding-right:16px}.top-actions>.pill{display:none}}
}

@layer refined {
 :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .code-string,:is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .text-button,:is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .eyebrow{color:#c8c8c8}
 :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .nav a.active::after,:is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .brand-dot{color:#dedede;background-color:transparent}
 :is([data-theme=graphite],[data-theme=amber],[data-theme=studio]) .nav a.active::after{background-color:#dedede}
}
/* Studio: neutral Graphite material with deep blue actions and functional accents. */
@layer refined {
 :root[data-theme=studio]{--mint:#9bb9df;--muted:#b6b4b1;--text:#f1efeb}
 [data-theme=studio] .button.primary{background:linear-gradient(#365a88,#244269);border-color:#5579a5;color:#edf4ff;box-shadow:inset 0 1px 0 #b5d3ff30,0 2px 5px #0008;text-shadow:0 1px #10243f}
 [data-theme=studio] .button.primary:not(.control-surface):hover{background:linear-gradient(#416c9f,#2d507e)}
 [data-theme=studio] .nav a.active{background:linear-gradient(#263448,#1c293a);color:#c3d6f0;box-shadow:inset 3px 0 0 #6085b5,inset 0 1px 0 #fff1,0 1px 3px #0005}
 [data-theme=studio] .nav a.active::after{background:#7e9fc9}
 [data-theme=studio] .brand-dot{color:#7d9fc9}
 [data-theme=studio] .model-symbol{background:linear-gradient(#4a405c,#302a3c);border-color:#78658c;color:#d9c5f0}
 [data-theme=studio] .model-card{background:linear-gradient(110deg,#262326,#1a191c 65%,#242029);border-color:#49414e}
 [data-theme=studio] .model-sculpture i{border-color:#ae8dc657;box-shadow:inset 0 1px 0 #ffffff0a,0 1px 3px #0005}
 [data-theme=studio] .model-top>.pill:not(.warning),[data-theme=studio] .plan-panel .pill:not(.neutral):not(.warning){background:#203129;border-color:#456b54;color:#afd7bd}
 [data-theme=studio] .model-tags span{background:#29262e;border-color:#49414f;color:#c8bdcf}
 [data-theme=studio] .plan-label{color:#a8c1e1}
 [data-theme=studio] .text-button,[data-theme=studio] .connection-foot .text-button{color:#b1c4dd}
 [data-theme=studio] .text-button:hover{color:#e0eafb}
 [data-theme=studio] .code-string{color:#b8cda6}
 [data-theme=studio] .tab[aria-selected=true]{color:#bed2ee;border-bottom-color:#668fbe}
 [data-theme=studio] .quick-link:first-child .tile-icon{background:linear-gradient(#384453,#252e39);border-color:#5a7089;color:#c1d6ed}
 [data-theme=studio] .quick-link:last-child .tile-icon{background:linear-gradient(#3b4941,#28332d);border-color:#5f796b;color:#bbd7c7}
 [data-theme=studio] .timeline-icon{color:#c5d1e6}
 [data-theme=studio] .stat:first-child strong{color:#a9c3e5}
 [data-theme=studio] .stat:nth-child(2) strong{color:#c4b6da}
 [data-theme=studio] .stat:nth-child(3) strong{color:#b4c9df}
 [data-theme=studio] .capacity-slots i.occupied{background:linear-gradient(#527bab,#355881);border-color:#7397c2}
 [data-theme=studio] .auth-aside{background:radial-gradient(ellipse at 50% 40%,#3b3432,#211e22 58%,#121215)}
 [data-theme=studio] .eyebrow{color:#9fbde2}
}
/* Studio finishing pass: deeper graphite and a consistent midnight-blue model/action accent. */
@layer refined {
 :root[data-theme=studio]{--bg:#080808;--sidebar:#101010;--panel:#171717;--raised:#242424}
 [data-theme=studio] .sidebar{background:linear-gradient(90deg,#141414,#0d0d0d)}
 [data-theme=studio] .topbar{background:linear-gradient(#202020,#171717)}
 [data-theme=studio] .panel,[data-theme=studio] .stat{background:linear-gradient(145deg,#202020,#141414 75%)}
 [data-theme=studio] .button.primary{background:linear-gradient(#2b4b74,#1c3556);border-color:#44648d;color:#edf4ff}
 [data-theme=studio] .button.primary:not(.control-surface):hover{background:linear-gradient(#365b88,#26446a)}
 [data-theme=studio] .nav a.active{background:linear-gradient(#202d40,#172233);box-shadow:inset 3px 0 0 #5275a3,inset 0 1px 0 #fff1,0 1px 3px #0005}
 [data-theme=studio] .model-card{background:linear-gradient(110deg,#1c2c42,#121d2d 65%,#18263a);border-color:#354b69}
 [data-theme=studio] .model-symbol{background:linear-gradient(#344e70,#21344f);border-color:#536d8f;color:#c7d9ef}
 [data-theme=studio] .model-sculpture i{border-color:#779cc757}
 [data-theme=studio] .model-tags span{background:#1c2b40;border-color:#354b68;color:#bacde5}
}
/* Studio: near-black lacquer, with navy visible at illuminated edges. */
@layer refined {
 :root[data-theme=studio]{--bg:#050506;--sidebar:#090a0c;--panel:#0c0e11;--raised:#15181d;--line:#282c33;--mint:#9aaac0;--text:#e9ebef;--muted:#a3a7af}
 [data-theme=studio] .sidebar{background:linear-gradient(100deg,#101113,#08090b);border-right-color:#26292e}
 [data-theme=studio] .topbar{background:linear-gradient(#16181c,#0b0d10);border-bottom-color:#2b2f36}
 [data-theme=studio] .preview-bar{background:#090b0f;border-bottom-color:#222831}
 [data-theme=studio] .panel,[data-theme=studio] .stat{background:linear-gradient(135deg,#14161a 0%,#0b0d10 70%,#090a0c);border-color:#2b2f36;box-shadow:inset 0 1px 0 #ffffff06,0 3px 8px #0008}
 [data-theme=studio] .button.primary{background:linear-gradient(160deg,#192b42,#0a1422 75%);border-color:#34475f;color:#dbe5f3;box-shadow:inset 0 1px 0 #9ebbe522,0 2px 5px #000a;text-shadow:0 1px #000}
 [data-theme=studio] .button.primary:not(.control-surface):hover{background:linear-gradient(160deg,#223951,#101d2d);border-color:#49617e}
 [data-theme=studio] .button.ghost,[data-theme=studio] .workspace-switch,[data-theme=studio] .quick-link{background:linear-gradient(#1a1d22,#0d0f13);border-color:#30353d;box-shadow:inset 0 1px 0 #ffffff09,0 2px 4px #0007}
 [data-theme=studio] .nav a.active{background:linear-gradient(110deg,#162030,#0b121d);color:#c6d1e1;box-shadow:inset 2px 0 0 #405874,inset 0 1px 0 #ffffff08,0 1px 3px #0007}
 [data-theme=studio] .nav a.active::after{background:#647c9b}
 [data-theme=studio] .model-card{background:radial-gradient(ellipse at 92% 18%,#112137 0%,#0a1422 34%,transparent 70%),linear-gradient(120deg,#101318,#06080d 65%,#0b1420);border-color:#2b3a4e;box-shadow:inset 0 1px 0 #b1c8ed0b,0 4px 12px #0009}
 [data-theme=studio] .model-symbol{background:linear-gradient(145deg,#25354b,#101a28);border-color:#3b4d64;color:#b3c5dd}
 [data-theme=studio] .model-tags span{background:#0b131f;border-color:#28364a;color:#a7b6cb}
 [data-theme=studio] .model-sculpture{opacity:.32}
 [data-theme=studio] .model-sculpture i{border-color:#6c8eb655;box-shadow:inset 0 1px 0 #ffffff06,0 1px 3px #0007}
 [data-theme=studio] .field-copy,[data-theme=studio] input,[data-theme=studio] select,[data-theme=studio] .secret-box{background:linear-gradient(#06080a,#090c10);border-color:#2b333e}
 [data-theme=studio] .code-panel{background:#06080b;border-color:#282f39}
 [data-theme=studio] .code-header{background:linear-gradient(#1b1f25,#0e1218);border-color:#2c333e}
 [data-theme=studio] .help-box{background:linear-gradient(#12161c,#090d12);border-color:#29313c}
 [data-theme=studio] .plan-label,[data-theme=studio] .text-button{color:#a5b6ce}
 [data-theme=studio] .pill.neutral{background:#141920;border-color:#303946;color:#b5bdc9}
 [data-theme=studio] dialog{background:linear-gradient(140deg,#1a212c,#0a0e15);border-color:#354255}
 [data-theme=studio] .auth-aside{background:radial-gradient(ellipse at 65% 38%,#132139,#0a101b 45%,#05070b 80%)}
}
/* Studio definition: illuminated top edges, dark lower edges, restrained elevation. */
@layer refined {
 [data-theme=studio] .panel,[data-theme=studio] .stat{border-color:#353c47;border-top-color:#475160;border-bottom-color:#222831;box-shadow:inset 0 1px 0 #ffffff08,0 1px 0 #000,0 4px 9px #0008}
 [data-theme=studio] .model-card{border-color:#384b64;border-top-color:#506782;border-bottom-color:#233247;box-shadow:inset 0 1px 0 #b8d4ff0c,0 1px 0 #000,0 4px 10px #0009}
 [data-theme=studio] .button:not(.danger),[data-theme=studio] .workspace-switch,[data-theme=studio] .quick-link{border-color:#414b59;border-top-color:#586474;border-bottom-color:#29313b;box-shadow:inset 0 1px 0 #ffffff12,0 1px 1px #000b,0 3px 6px #0006}
 [data-theme=studio] .button.primary{border-color:#425b7b;border-top-color:#6681a3;border-bottom-color:#2b3d56;box-shadow:inset 0 1px 0 #b9d7ff19,0 1px 1px #000b,0 3px 6px #0007}
 [data-theme=studio] .button:active{box-shadow:inset 0 2px 4px #0008,0 1px 0 #ffffff06}
 [data-theme=studio] .code-panel{border-color:#36414f;border-top-color:#465467;box-shadow:0 2px 7px #0007}
 [data-theme=studio] .code-header{border-bottom:1px solid #3c4858;box-shadow:inset 0 1px 0 #ffffff0a}
 [data-theme=studio] .field-copy{border-color:#343e4b;border-bottom-color:#465363;box-shadow:inset 0 2px 3px #0006,0 1px 0 #ffffff04}
 [data-theme=studio] .model-symbol,[data-theme=studio] .tile-icon{border-top-color:#71859e;box-shadow:inset 0 1px 0 #ffffff18,0 2px 4px #0008}
 [data-theme=studio] .nav a.active{outline:1px solid #35445a;outline-offset:-1px;box-shadow:inset 2px 0 0 #6c8aae,inset 0 1px 0 #ffffff0e,0 2px 4px #0005}
 [data-theme=studio] .help-box{border-top-color:#3b485a;box-shadow:inset 0 1px 0 #ffffff06,0 2px 5px #0005}
}
/* Studio material finish: fine surface grain, bevels, inset indicators and tactile interaction. */
@layer refined {
 [data-theme=studio] .panel{position:relative}
 [data-theme=studio] .panel::before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#ffffff02 3px,#ffffff02 4px);opacity:.45}
 [data-theme=studio] .panel-top h2,[data-theme=studio] .section-head h2{text-shadow:0 1px 2px #000}
 [data-theme=studio] .model-card{background:radial-gradient(ellipse at 84% 0%,#162c482e,transparent 62%),linear-gradient(120deg,#101720,#06090e 64%,#0b1726);box-shadow:inset 0 1px 0 #bfd9ff12,inset 0 -1px 0 #0009,0 5px 14px #000a}
 [data-theme=studio] .model-card::after{content:'';position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#accbea60,transparent);pointer-events:none}
 [data-theme=studio] .model-sculpture{opacity:.5;filter:drop-shadow(0 2px 1px #000)}
 [data-theme=studio] .model-sculpture i{border-top-color:#9cb9da65;border-left-color:#7696bf40;border-bottom-color:#15263c;box-shadow:inset 0 1px 1px #b6d4ff09,0 1px 2px #0009}
 [data-theme=studio] .button{position:relative;transition:border-color .16s,box-shadow .16s,background .16s,transform .12s}
 [data-theme=studio] .button:not(.danger){box-shadow:inset 0 1px 0 #ffffff1c,inset 0 -1px 0 #0006,0 1px 0 #050608,0 3px 5px #0009}
 [data-theme=studio] .button.primary{background:linear-gradient(170deg,#23364d 0%,#152337 45%,#0c1624 100%);box-shadow:inset 0 1px 0 #bfd9ff26,inset 0 -1px 0 #0008,0 1px 0 #000,0 3px 7px #0009}
 [data-theme=studio] .button:not(.control-surface):not(:disabled):hover{border-top-color:#8293aa;border-left-color:#53647b;border-right-color:#53647b;box-shadow:inset 0 1px 0 #ffffff22,inset 0 -1px 0 #0005,0 3px 7px #000a;transform:translateY(-1px)}
 [data-theme=studio] .button:not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 2px 4px #000a,inset 0 -1px 0 #ffffff09,0 1px 0 #ffffff05}
 [data-theme=studio] .workspace-icon,[data-theme=studio] .model-symbol,[data-theme=studio] .tile-icon,[data-theme=studio] .dialog-symbol{box-shadow:inset 0 1px 0 #d6e6ff30,inset 1px 0 0 #ffffff0b,inset 0 -1px 0 #0008,0 2px 3px #000a;border-radius:6px}
 [data-theme=studio] .pill{box-shadow:inset 0 1px 2px #0006,0 1px 0 #ffffff08;text-shadow:0 1px 1px #000}
 [data-theme=studio] .status-dot{background:radial-gradient(circle at 35% 30%,#e9fff0,currentColor 55%);box-shadow:0 0 4px #a9cdbb28,0 1px 1px #000}
 [data-theme=studio] .field-copy{box-shadow:inset 0 2px 5px #000b,inset 1px 0 2px #0005,0 1px 0 #ffffff0b}
 [data-theme=studio] .field-copy .icon-button,[data-theme=studio] .code-header>.icon-button{background:linear-gradient(#222a35,#141b24);border:1px solid #394657;border-top-color:#526175;box-shadow:inset 0 1px 0 #ffffff0c,0 1px 2px #0007;width:27px;height:27px;border-radius:4px}
 [data-theme=studio] .field-copy .icon-button:not(.control-surface):hover,[data-theme=studio] .code-header>.icon-button:not(.control-surface):hover{border-color:#70839f;background:linear-gradient(#2e3948,#1c2735)}
 [data-theme=studio] .tabs{gap:4px;padding:5px 0}
 [data-theme=studio] .tabs .tab{padding:5px 11px;border-bottom:0;border-radius:4px}
 [data-theme=studio] .tabs .tab[aria-selected=true]{background:linear-gradient(#101720,#172131);border:1px solid #394a61;box-shadow:inset 0 2px 4px #0007,0 1px 0 #ffffff09;color:#c9d9ef}
 [data-theme=studio] .tabs .tab:not([aria-selected=true]){border:1px solid transparent}
 [data-theme=studio] .quick-link{transition:border-color .16s,box-shadow .16s,transform .16s}
 [data-theme=studio] .quick-link:hover{border-top-color:#72839b;box-shadow:inset 0 1px 0 #ffffff16,0 4px 9px #0008;transform:translateY(-1px)}
 [data-theme=studio] .avatar{background:radial-gradient(circle at 35% 20%,#3c4655,#202731 65%);border:1px solid #4b5668;box-shadow:inset 0 1px 1px #ffffff14,0 2px 3px #0008;color:#d2dbe9;text-shadow:0 1px #000}
 [data-theme=studio] .price{font-variant-numeric:tabular-nums;text-shadow:0 2px 3px #0009}
 @media(max-width:700px){[data-theme=studio] .field-copy .icon-button,[data-theme=studio] .code-header>.icon-button{width:34px;height:34px}}
 @media(prefers-reduced-motion:reduce){[data-theme=studio] .button:not(.control-surface):hover,[data-theme=studio] .button:active,[data-theme=studio] .quick-link:hover{transform:none}}
}
/* Studio semantic contrast across customer, operator, authentication and dialogs. */
@layer refined {
 :root[data-theme=studio]{--mint:#adc9ee;--muted:#b5becb;--subtle:#939ead;--amber:#edc57d;--red:#f0a5ad}
 [data-theme=studio] .text-button,[data-theme=studio] .connection-foot .text-button,[data-theme=studio] .eyebrow{color:#a9caf4}
 [data-theme=studio] .text-button:hover{color:#e0edff}
 [data-theme=studio] .nav a{color:#b8c3d3}
 [data-theme=studio] .nav a.active{color:#d8e7fc;outline-color:#48658b;background:linear-gradient(110deg,#20334c,#101c2c);box-shadow:inset 3px 0 0 #799fd0,inset 0 1px 0 #b8d2f519,0 2px 4px #0007}
 [data-theme=studio] .button.primary{background:linear-gradient(160deg,#294769,#172d49 50%,#0e1b2d);border-color:#5277a4;color:#f0f6ff}
 [data-theme=studio] .button.ghost{color:#c1d6f2;border-top-color:#5a708d}
 [data-theme=studio] .note,[data-theme=studio] .form-help,[data-theme=studio] .table-note{color:#aebaca}
 [data-theme=studio] .panel-top h2,[data-theme=studio] .section-head h2,[data-theme=studio] .settings-section h2,[data-theme=studio] .bill-detail h3{color:#d4e3f7}
 [data-theme=studio] .plan-label{color:#b7cdf1}
 [data-theme=studio] .pill:not(.neutral):not(.warning):not(.danger){background:linear-gradient(#19352c,#13271f);border-color:#3f765e;color:#b3e3ca}
 [data-theme=studio] .pill.neutral{background:#192333;border-color:#425774;color:#bdcfe7}
 [data-theme=studio] .pill.warning{background:linear-gradient(#382c17,#261e13);border-color:#8b6934;color:#f0cc8c}
 [data-theme=studio] .pill.danger{background:#341c24;border-color:#885260;color:#f4b9c4}
 [data-theme=studio] .button.danger{background:linear-gradient(#522835,#301920);border-color:#945768;color:#ffd6de}
 [data-theme=studio] .form-error{color:#f0a9b6}
 [data-theme=studio] .callout{background:linear-gradient(110deg,#172638,#101924);border-color:#425e80;color:#bdd4ef}
 [data-theme=studio] .callout.warning{background:linear-gradient(110deg,#2d2518,#171611);border-color:#796138}
 [data-theme=studio] .callout.warning svg{color:#e2ba77}
 [data-theme=studio] .status-row>svg{color:#91b9e6}
 [data-theme=studio] .status-row:nth-child(2)>svg{color:#c0a8e4}
 [data-theme=studio] .status-row:nth-child(3)>svg{color:#98d4b8}
 [data-theme=studio] .status-row:nth-child(4)>svg{color:#d6b77d}
 [data-theme=studio] .empty-icon,[data-theme=studio] .dialog-symbol{background:linear-gradient(#273e5b,#142236);border-color:#57799e;color:#b9d8ff}
 [data-theme=studio] .timeline .timeline-icon{background:linear-gradient(#253e55,#162737);border:1px solid #42647f;color:#b0d4ed}
 [data-theme=studio] .stat:first-child{border-top-color:#527ea7}
 [data-theme=studio] .stat:nth-child(2){border-top-color:#7b6699}
 [data-theme=studio] .stat:nth-child(3){border-top-color:#537d6e}
 [data-theme=studio] .stat:nth-child(4){border-top-color:#8b7957}
 [data-theme=studio] .stat:first-child strong{color:#b4d6ff}
 [data-theme=studio] .stat:nth-child(2) strong{color:#cfbdec}
 [data-theme=studio] .stat:nth-child(3) strong{color:#afdcca}
 [data-theme=studio] .stat:nth-child(4) strong{color:#e2c99d}
 [data-theme=studio] .capacity-slots i.occupied{background:linear-gradient(#537fae,#284e7a);border-color:#89aed5;box-shadow:inset 0 1px 0 #daedff35,0 1px 3px #0007}
 [data-theme=studio] .segmented button.selected{background:linear-gradient(#304c70,#1b304b);border:1px solid #5579a7;color:#e4f0ff}
 [data-theme=studio] input:focus-visible,[data-theme=studio] select:focus-visible{border-color:#7daddd;outline-color:#8ab4e9}
 [data-theme=studio] input[type=checkbox]{accent-color:#527eae}
 [data-theme=studio] .model-card h2{color:#e1ecfc}
 [data-theme=studio] .model-tags span{color:#c3d8f2;border-color:#405a79;background:#132236}
 [data-theme=studio] .model-symbol{color:#c9e0ff;border-color:#6488b0;background:linear-gradient(#304c6f,#172b43)}
 [data-theme=studio] .code-string{color:#b6d9ac}
 [data-theme=studio] .quick-link:first-child .tile-icon{color:#bfdcff;border-color:#6488b0;background:linear-gradient(#30496a,#172a42)}
 [data-theme=studio] .quick-link:last-child .tile-icon{color:#b8e1cb;border-color:#5d8975;background:linear-gradient(#304d40,#192e25)}
 [data-theme=studio] #toast{background:linear-gradient(#243c30,#14261d);border-color:#547e66;color:#d9efdf}
}
/* Studio balance: charcoal canvas and restrained, purposeful colour families. */
@layer refined {
 :root[data-theme=studio]{--bg:#121315}
 [data-theme=studio] .model-symbol{background:linear-gradient(#403651,#211b30);border-color:#76618d;color:#ddc8f5}
 [data-theme=studio] .model-tags span:nth-child(1){background:#241c31;border-color:#5a486d;color:#d6c0ed}
 [data-theme=studio] .model-tags span:nth-child(2){background:#152b2c;border-color:#365c5d;color:#b1d9d6}
 [data-theme=studio] .model-tags span:nth-child(3){background:#30271a;border-color:#65543a;color:#dfc69d}
 [data-theme=studio] .connection-panel h2,[data-theme=studio] .connection-foot .text-button{color:#afd8d5}
 [data-theme=studio] .connection-panel>.panel-top>.pill{background:#152b2c;border-color:#3c6464;color:#b8dedb}
 [data-theme=studio] .connection-panel .field-copy .icon-button{color:#b0d6d1;border-top-color:#567971}
 [data-theme=studio] .plan-label{color:#d1bce8}
 [data-theme=studio] .plan-panel .price,[data-theme=studio] .billing-plan .price{color:#e2d8ee}
 [data-theme=studio] .plan-panel .button.ghost{color:#d4c4e7}
 [data-theme=studio] .quick-link:first-child .tile-icon{background:linear-gradient(#294744,#172c2b);border-color:#5c8b85;color:#b7e2da}
 [data-theme=studio] .key-name>svg{color:#ddc397}
 [data-theme=studio] .empty-icon{background:linear-gradient(#473a27,#292114);border-color:#89714b;color:#efd3a6}
 [data-theme=studio] .timeline li[data-event="subscription:active"] .timeline-icon{background:linear-gradient(#304735,#182b20);border-color:#52775d;color:#bce0c7}
 [data-theme=studio] .timeline li[data-event="invited"] .timeline-icon{background:linear-gradient(#3d334d,#251d31);border-color:#6b5981;color:#d6c3ec}
 [data-theme=studio] .timeline li[data-event^="key_"] .timeline-icon{background:linear-gradient(#2b4246,#192a2e);border-color:#51737a;color:#bbdce1}
}
/* Strong black-to-blue model contrast against the restored charcoal canvas. */
@layer refined {
 [data-theme=studio] .model-card{background:radial-gradient(ellipse at 105% 35%,#183b62 0%,#0d2541 23%,#071525 43%,transparent 68%),linear-gradient(105deg,#020304 0%,#030507 46%,#07111e 100%);border-color:#30445e;border-top-color:#4c6482;box-shadow:inset 0 1px 0 #afcfff0a,0 4px 12px #000a}
 [data-theme=studio] .model-card::before{opacity:.2}
 [data-theme=studio] .model-sculpture{opacity:.48}
}
/* Interaction and typography finishing layer. */
@layer refined {
 .price,.stat strong,.capacity-count,.detail-row strong,td code,time{font-variant-numeric:tabular-nums}
 .panel-top h2,.section-head h2{font-weight:600}.detail-row strong{font-weight:500}
 [data-theme=studio] :focus-visible{outline:2px solid #9cc8ff;outline-offset:3px}
 [data-theme=studio] .icon-button.copy-confirmed{color:#bdebd3;border-color:#63957e;background:#1b372a}
 [data-theme=studio] .button.copy-confirmed{color:#d7f3e5;background:linear-gradient(#2b5040,#193428);border-color:#6c9d85}
 .button{touch-action:manipulation}.button:disabled{transform:none!important}
 .form-error:empty{display:none}.form-error:not(:empty){padding:9px 11px;border-left:2px solid #bc7586;background:#361e2633;border-radius:3px}
 .empty h3{margin-bottom:7px}.empty p{max-width:430px;margin-left:auto;margin-right:auto}
 .tabs .tab:focus-visible{outline-offset:-2px}.code-panel pre:focus-visible{outline-offset:-3px}
 [data-theme=studio] .subtle,[data-theme=studio] .nav-label,[data-theme=studio] .footer{color:#9ca7b7}
 [data-theme=studio] .field-copy small{color:#b0bdcf}
 [data-theme=studio] input::placeholder{color:#9eabba}
 @media(prefers-reduced-motion:no-preference){.copy-confirmed svg{animation:copy-check .16s ease-out}@keyframes copy-check{from{opacity:.3;transform:scale(.75)}to{opacity:1;transform:scale(1)}}}
}
/* Studio base: neutral blacks and white typography; colour belongs to accents. */
@layer refined {
 :root[data-theme=studio]{--bg:#070707;--sidebar:#090909;--panel:#101010;--raised:#191919;--line:#333333;--text:#f2f2f2;--muted:#b8b8b8;--subtle:#969696}
 [data-theme=studio] .sidebar{background:linear-gradient(100deg,#111111,#080808);border-right-color:#292929}
 [data-theme=studio] .topbar{background:linear-gradient(#171717,#0c0c0c);border-bottom-color:#303030}
 [data-theme=studio] .preview-bar{background:#0b0b0b;border-bottom-color:#292929}
 [data-theme=studio] .panel:not(.model-card),[data-theme=studio] .stat{background:linear-gradient(135deg,#151515,#0c0c0c 72%,#090909);border-color:#333333;border-top-color:#474747;border-bottom-color:#222222}
 [data-theme=studio] .button.ghost,[data-theme=studio] .workspace-switch,[data-theme=studio] .quick-link{background:linear-gradient(#202020,#111111);border-color:#383838;border-top-color:#555555;color:#e6e6e6}
 [data-theme=studio] .field-copy,[data-theme=studio] input,[data-theme=studio] select,[data-theme=studio] .secret-box{background:linear-gradient(#060606,#0b0b0b);border-color:#363636;border-bottom-color:#454545;color:#efefef}
 [data-theme=studio] .code-panel{background:#080808;border-color:#383838;border-top-color:#4a4a4a}
 [data-theme=studio] .code-header{background:linear-gradient(#202020,#121212);border-bottom-color:#3b3b3b}
 [data-theme=studio] .help-box{background:linear-gradient(#141414,#0b0b0b);border-color:#343434}
 [data-theme=studio] dialog{background:linear-gradient(140deg,#1c1c1c,#0c0c0c);border-color:#4b4b4b}
 [data-theme=studio] .auth-aside{background:radial-gradient(ellipse at 65% 38%,#252525,#121212 48%,#070707 85%)}
 [data-theme=studio] h1,[data-theme=studio] h2,[data-theme=studio] h3,[data-theme=studio] .panel-top h2,[data-theme=studio] .section-head h2,[data-theme=studio] .settings-section h2,[data-theme=studio] .bill-detail h3,[data-theme=studio] .model-card h2{color:#f2f2f2}
 [data-theme=studio] .price,[data-theme=studio] .plan-panel .price,[data-theme=studio] .billing-plan .price,[data-theme=studio] .detail-row strong,[data-theme=studio] .plan-name,[data-theme=studio] .field-copy code{color:#ededed}
 [data-theme=studio] .note,[data-theme=studio] .form-help,[data-theme=studio] .table-note,[data-theme=studio] .field-copy small{color:#b7b7b7}
 [data-theme=studio] .nav a{color:#c4c4c4}
 [data-theme=studio] .nav-label,[data-theme=studio] .footer,[data-theme=studio] .subtle{color:#a2a2a2}
 [data-theme=studio] input::placeholder{color:#a5a5a5}
}
/* Subscription styling follows the approved API-key surface and blue-accent treatment. */
@layer refined {
 [data-theme=studio] .plan-label{color:#b8cce7}
 [data-theme=studio] .plan-panel .button.ghost,[data-theme=studio] .billing-plan .button.ghost{color:#c1d6f2}
 [data-theme=studio] .plan-panel .price,[data-theme=studio] .billing-plan .price,[data-theme=studio] .plan-name{color:#ededed}
 [data-theme=studio] .bill-detail h3,[data-theme=studio] .billing-plan h2{color:#f2f2f2}
 [data-theme=studio] .bill-detail .panel-top>svg,[data-theme=studio] .feature-list svg{color:#9fbce0}
 [data-theme=studio] .status-row:nth-child(2)>svg{color:#a9c7ea}
}
/* Shared finish for the preserved themes: their palettes remain independent. */
@layer refined {
 :root:is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]){--text:#f2f2f2;--muted:#b8bec7;--subtle:#9da6b3}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .panel{position:relative;border-top-color:#56606e;border-bottom-color:#222831;box-shadow:inset 0 1px 0 #ffffff09,0 1px 0 #000,0 4px 9px #0007}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .panel::before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#ffffff02 3px,#ffffff02 4px);opacity:.4}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .button{transition:border-color .16s,box-shadow .16s,background .16s,transform .12s}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .button:not(.danger),:is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .workspace-switch,:is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .quick-link{border-top-color:#7b8797;border-bottom-color:#292e36;box-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #0005,0 1px 0 #000,0 3px 6px #0007}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .button:not(.control-surface):not(:disabled):hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff30,0 4px 8px #0008}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .button:not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0008,0 1px 0 #ffffff08}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .field-copy{border-bottom-color:#59616f;box-shadow:inset 0 2px 5px #0009,0 1px 0 #ffffff09}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .field-copy .icon-button,:is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .code-header>.icon-button{background:linear-gradient(#303640,#1c222b);border:1px solid #465363;border-top-color:#6a778a;border-radius:4px;width:27px;height:27px;box-shadow:inset 0 1px 0 #ffffff12,0 1px 2px #0007;color:#d3deec}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .model-symbol,:is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .tile-icon,:is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .workspace-icon{box-shadow:inset 0 1px 0 #ffffff25,inset 0 -1px 0 #0008,0 2px 4px #0008}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .tabs{gap:4px;padding:5px 0}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .tabs .tab{padding:5px 11px;border:1px solid transparent;border-radius:4px}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .tabs .tab[aria-selected=true]{background:linear-gradient(#171c24,#252e3b);border-color:#53647b;box-shadow:inset 0 2px 4px #0007,0 1px 0 #ffffff09;color:#dfebfc}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) h1,:is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) h2,:is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) h3,:is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .price,:is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .detail-row strong{color:#f2f2f2}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .note,:is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .form-help,:is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .table-note{color:#bbc3cf}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .nav-label,:is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .footer{color:#a8b2c0}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .field-copy small{color:#bbc5d3}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .plan-label,:is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .plan-panel .button.ghost{color:#c5d8f2}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .pill{box-shadow:inset 0 1px 2px #0006,0 1px 0 #ffffff08}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .pill:not(.neutral):not(.warning):not(.danger){background:#203a2d;border-color:#557f64;color:#bce7ca}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .pill.warning{background:#352b1c;border-color:#8b7047;color:#f0d19b}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .pill.danger{background:#382028;border-color:#925c6a;color:#f6c3ce}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) :focus-visible{outline:2px solid #a9ceff;outline-offset:3px}
 :is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .copy-confirmed{color:#dcf5e7!important;background:#254b38!important;border-color:#79a88d!important}
 :is([data-theme=graphite],[data-theme=amber]) .tabs .tab[aria-selected=true]{background:linear-gradient(#151515,#282828);border-color:#555;color:#eee}
 :is([data-theme=graphite],[data-theme=amber]) .field-copy .icon-button,:is([data-theme=graphite],[data-theme=amber]) .code-header>.icon-button{background:linear-gradient(#303030,#1b1b1b);border-color:#555;color:#ddd}
 :is([data-theme=graphite],[data-theme=amber]) .plan-label,:is([data-theme=graphite],[data-theme=amber]) .plan-panel .button.ghost{color:#ddd}
 @media(max-width:700px){:is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .field-copy .icon-button,:is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .code-header>.icon-button{width:34px;height:34px}}
 @media(prefers-reduced-motion:reduce){:is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .button:not(.control-surface):hover,:is([data-theme=silver],[data-theme=graphite],[data-theme=amber],[data-theme=slate]) .button:active{transform:none}}
}

/* Workspace cards keep their compact proportions inside full-width chrome. */
@layer refined {
 .workspace-root .quickstart-guide{width:100%;max-width:680px}
 .workspace-root .quickstart-guide .field-copy{width:100%;max-width:480px}
 .workspace-root .step>div{min-width:0}
 .workspace-root .billing-grid{align-items:start}
}

/* Code toolbars: compact controls fitted to the header, across saved themes. */
@layer refined {
 .code-panel .code-header{height:32px;min-height:32px;padding:3px 10px;gap:10px}
 .code-panel .code-header>.tabs{align-self:center;align-items:center;padding:0;gap:3px;min-width:0}
 .code-panel .code-header>.tabs .tab{height:24px;min-height:24px;padding:0 9px;line-height:16px;font-size:10px}
 .code-panel .code-header>.icon-button{width:24px;height:24px;border-radius:3px}
 .code-panel .code-header>.icon-button svg{width:13px;height:13px}
}

/* The identity and symbols use compact desktop proportions, not mobile outlines. */
@layer refined {
 .wordmark,.brand .wordmark{font-family:"Wine Tahoma",Tahoma,Arial,sans-serif;font-size:25px;font-weight:600;letter-spacing:-.3px;line-height:1.3;color:#e4e6e9;font-variant-ligatures:none;text-shadow:0 1px 1px #0008}
 .brand{min-height:38px}
 svg.icon{width:16px;height:16px;stroke-width:1;aspect-ratio:1;flex-shrink:0}
 .nav a>svg.icon{width:16px;height:16px;color:inherit;opacity:.88}
 .nav a.active>svg.icon{opacity:1}
 .button svg.icon,.text-button svg.icon{width:13px;height:13px}
 :is(.model-symbol,.tile-icon,.workspace-icon,.timeline-icon) svg.icon{width:16px;height:16px}
}

@layer refined {
 [data-theme] :is(.model-symbol,.tile-icon,.workspace-icon){box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0004,0 1px 2px #0005}
 [data-theme] .model-symbol{background:linear-gradient(#1c2938,#101821);border-color:#3d5066;color:#b9cee4;border-radius:4px}
 .quick-link .tile-icon{display:grid;place-items:center;width:30px;height:30px;padding:6px;border-radius:4px;flex-shrink:0}
}

@media(forced-colors:active){.wordmark,.brand .wordmark{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}

/* Dashboard parity: the public site's compact materials, adapted to account tools. */
@layer refined {
 .workspace-root{--cap-x:16px;--cap-y:16px}
 .workspace-root .content{container:workspace-content / inline-size}
 .workspace-root .topbar{height:38px;padding:0 14px;gap:14px;box-shadow:inset 0 1px #ffffff04,0 1px 2px #0003}
 .workspace-root .breadcrumb{gap:8px;font-size:11px;min-width:0}
 .workspace-root .breadcrumb>svg{width:10px;height:10px}
 .workspace-root .breadcrumb strong{font-size:11px;font-weight:550;white-space:nowrap}
 .workspace-root .top-actions{gap:10px;flex-shrink:0}
 .workspace-root .top-actions .icon-button,.workspace-root .mobile-menu{width:26px;height:26px}
 .workspace-root .top-actions .icon-button svg,.workspace-root .mobile-menu svg{width:14px;height:14px}
 .workspace-root .theme-select{height:25px;min-height:25px;padding:3px 22px 3px 9px;font-size:10px;width:104px}
 .workspace-root .preview-bar{padding:3px 14px;min-height:27px;gap:10px}
 .workspace-root .preview-bar svg{width:13px;height:13px}
 .workspace-root .preview-switches button{padding:2px 8px;font-size:9px;line-height:15px}
 .workspace-root .workspace-switch{margin:15px 0 13px;padding:8px;gap:9px;border-radius:5px;box-shadow:inset 0 1px #ffffff12,0 1px 2px #0005;font-size:11px}
 .workspace-root .workspace-switch>div{min-width:0}
 .workspace-root .workspace-switch small{font-size:9px;margin-top:2px}
 .workspace-root .workspace-icon{width:24px;height:24px;flex-shrink:0;border-radius:4px}
 .workspace-root .help-box{border-radius:6px}
 .workspace-root .help-box h3{font-size:12px}
 .workspace-root .panel{border-radius:6px}
 .workspace-root .workspace-card-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;grid-column:1/-1;min-width:0;flex-wrap:wrap;margin:calc(-1 * var(--cap-y)) calc(-1 * var(--cap-x)) 12px;padding:11px var(--cap-x) 10px;background:linear-gradient(115deg,#ffffff06,transparent 75%),linear-gradient(#ffffff02,transparent);box-shadow:inset 0 1px #ffffff06;border-radius:5px 5px 0 0}
 .workspace-root .workspace-card-header::after{content:'';position:absolute;left:var(--cap-x);right:var(--cap-x);bottom:0;height:1px;background:linear-gradient(90deg,#ffffff16,#ffffff09 75%,transparent);box-shadow:0 1px #0005;pointer-events:none}
 .workspace-root .workspace-card-header :is(h2,h3),.workspace-root .workspace-example-header h2{font-size:15px;line-height:1.4;font-weight:550;letter-spacing:-.25px;margin:0;color:var(--text);text-shadow:0 1px 1px #0005}
 .workspace-root .workspace-card-header>.pill{font-size:9px;padding:2px 6px}
 .workspace-root .workspace-card-header .plan-label{font-size:12px;font-weight:550;color:var(--text);gap:8px}
 .workspace-root .workspace-card-header .plan-label svg{color:#9eafc2;width:13px;height:13px}
 .workspace-root .connection-panel>.field-copy{margin-top:0}
 .workspace-root .connection-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 10px}
 .workspace-root .connection-foot{grid-column:1/-1;flex-wrap:wrap;row-gap:5px}
 .workspace-root .workspace-example{margin-top:0;overflow:hidden}
 .workspace-root .workspace-example-header{margin:0;padding:10px 14px;gap:10px;background:linear-gradient(115deg,#ffffff06,transparent 75%);box-shadow:inset 0 1px #ffffff06}
 .workspace-root .workspace-example>.code-panel{border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}
 .workspace-root .workspace-example-header .text-button{font-size:10px}
 .workspace-root .workspace-key-summary>.note{margin:0 0 12px!important}
 .workspace-root .plan-panel{background:linear-gradient(130deg,#ffffff03,transparent 60%),linear-gradient(150deg,#101112,#080a0e)}
 .workspace-root .billing-plan{--cap-x:16px;--cap-y:16px;padding:16px;background:linear-gradient(140deg,#ffffff03,transparent 65%),linear-gradient(150deg,#101112,#080a0e)}
 .workspace-root .billing-grid{grid-template-columns:minmax(260px,.85fr) minmax(0,1.3fr);gap:14px}
 .workspace-root .billing-plan .price{font-size:34px;margin:8px 0 3px;line-height:1.2}
 .workspace-root .billing-plan>h2{font-size:14px;line-height:1.5}
 .workspace-root .billing-plan .feature-list{gap:0;margin:13px 0 16px}
 .workspace-root .billing-plan .feature-list li{padding:8px 0;border-bottom:1px solid #ffffff09;gap:9px;font-size:11px}
 .workspace-root .billing-plan .feature-list li:last-child{border-bottom:0}
 .workspace-root .billing-plan .button{margin-top:0}
 .workspace-root .billing-plan>.note{font-size:10px;margin-top:10px!important}
 .workspace-root .bill-detail{padding:16px}
 .workspace-root .bill-detail>p{font-size:11px;line-height:1.6;margin:0 0 12px}
 .workspace-root .bill-detail>.note{font-size:10px;margin:10px 0 0!important}
 .workspace-root .bill-detail .detail-row{padding:5px 0}
 .workspace-root .workspace-table-header{margin:0;padding:11px 14px 10px;background:linear-gradient(115deg,#ffffff06,transparent 75%);box-shadow:inset 0 1px #ffffff06}
 .workspace-root .workspace-table-header h2{font-size:15px;font-weight:550}
 .workspace-root th{padding:8px 14px;background:linear-gradient(#ffffff03,#0002);font-size:10px}
 .workspace-root td{padding:10px 14px;font-size:11px}
 .workspace-root tbody tr{transition:background .14s}
 .workspace-root tbody tr:hover{background:#ffffff03}
 .workspace-root .quickstart-guide{max-width:100%}
 .workspace-root .quickstart-guide .steps{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:12px;align-items:start}
 .workspace-root .workspace-step{display:block;min-width:0;overflow:hidden}
 .workspace-root .workspace-preparation{display:flex;flex-direction:column;gap:12px;min-width:0}
 .workspace-root .workspace-step:last-child{grid-column:auto}
 .workspace-root .workspace-step-header{display:flex;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid #ffffff0c;background:linear-gradient(115deg,#ffffff06,transparent 75%);box-shadow:inset 0 1px #ffffff06}
 .workspace-root .workspace-step-header h3{margin:0;font-size:13px;font-weight:550}
 .workspace-root .step-number{margin:0;width:21px;height:21px;border-radius:4px;background:linear-gradient(#202a36,#121922);border-color:#3d4a59;box-shadow:inset 0 1px #ffffff12,0 1px 2px #0005;color:#cad8e7;font-size:10px;flex-shrink:0}
 .workspace-root .workspace-step-body{padding:12px 14px}
 .workspace-root .workspace-step-body>p{font-size:11px;line-height:1.6;margin:0 0 12px;max-width:680px}
 .workspace-root .quickstart-guide .field-copy{max-width:none;margin-top:8px}
 .workspace-root .workspace-step-body .code-panel{margin:0 -14px -12px;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}
 .workspace-root .settings-section{--cap-x:16px;--cap-y:16px;padding:16px}
 .workspace-root .settings-section>p{font-size:11px;margin:0 0 14px}
 .workspace-root .settings-section .button{margin-top:12px}
 .workspace-root .workspace-form{max-width:650px}
 .workspace-root .panel:has(>.settings-section){max-width:684px}
 .workspace-root .workspace-form .form-error:empty{display:none}
 .workspace-root .settings-section .form-help{font-size:10px}
 .workspace-root .status-row{padding:13px 16px;gap:12px;background:linear-gradient(110deg,#ffffff02,transparent 65%)}
 .workspace-root .status-row>svg{width:28px;height:28px;padding:6px;border:1px solid #52606c66;border-top-color:#71829466;border-radius:4px;background:linear-gradient(#243342,#131c25);box-shadow:inset 0 1px #ffffff12,0 1px 2px #0005}
 .workspace-root .status-row:nth-child(3)>svg{background:linear-gradient(#253d30,#14261c);border-color:#4f71605c}
 .workspace-root .status-row:nth-child(4)>svg{background:linear-gradient(#3a3122,#211d15);border-color:#76634266}
 .workspace-root .status-row h3{font-size:12px}
 .workspace-root .status-row p{font-size:11px;line-height:1.5;margin-top:3px}
 .workspace-root .stat{border-radius:6px;position:relative;overflow:hidden}
 .workspace-root .stat>small{display:block;margin:-14px -14px 10px;padding:9px 14px;border-bottom:1px solid #ffffff0c;background:linear-gradient(115deg,#ffffff07,transparent)}
 .workspace-root .stat strong{font-size:25px;font-variant-numeric:tabular-nums;margin:0}
 .workspace-root .stat:first-child strong{color:#bad5c7}
 .workspace-root .stat:nth-child(3) strong{color:#c8d8eb}
 .workspace-root .stat p{margin-top:4px}
 .workspace-root .timeline-icon{border:1px solid #ffffff18;border-radius:4px;flex-shrink:0;background:linear-gradient(#25313d,#141c25);box-shadow:inset 0 1px #ffffff0b,0 1px 2px #0005}
 .workspace-root .timeline li:first-child{padding-top:0}
 .workspace-root .timeline li:last-child{padding-bottom:0}
 .workspace-root .timeline time{white-space:normal;text-align:right;max-width:125px;flex-shrink:0}
 .workspace-root .pool-card.qwen .workspace-card-header{background:linear-gradient(115deg,#244b332e,transparent 80%)}
 .workspace-root .pool-card.glm .workspace-card-header{background:linear-gradient(115deg,#233b572e,transparent 80%)}
 .workspace-root .pool-card.qwen .capacity-slots i.occupied{background:linear-gradient(#4c735b,#294733);border-color:#6e957b;box-shadow:inset 0 1px #ffffff22,0 1px 2px #0005}
 .workspace-root .pool-card.glm .capacity-slots i.occupied{background:linear-gradient(#4e6988,#2b3d55);border-color:#7189a6;box-shadow:inset 0 1px #ffffff22,0 1px 2px #0005}
 .workspace-root .capacity-slots{gap:5px}
 .workspace-root .capacity-slots i{width:17px;height:17px;border-radius:3px}
 .workspace-root .segmented{max-width:300px;border-radius:5px;padding:3px}
 .workspace-root .segmented button{border-radius:3px;padding:5px 10px}
 .workspace-root .callout{border-radius:5px}
 .workspace-root .callout p{font-size:11px;line-height:1.6}
 [data-theme] .workspace-root .button:not(.control-surface):not(:disabled):hover{transform:none}
 [data-theme] .workspace-root .button:not(:disabled):active{transform:none;box-shadow:inset 0 2px 4px #0008,0 1px #ffffff08}
 .workspace-root .page-enter{animation:workspace-appear .18s ease-out}
 @keyframes workspace-appear{from{opacity:.65}to{opacity:1}}
 @container workspace-content (max-width:740px){
  .workspace-root .grid-main{grid-template-columns:1fr}
  .workspace-root .stack.right-stack{display:grid;grid-template-columns:1fr 1fr;align-items:start}
  .workspace-root .billing-grid{grid-template-columns:minmax(230px,.9fr) minmax(0,1.15fr)}
 }
 @container workspace-content (max-width:580px){
  .workspace-root .billing-grid,.workspace-root .quickstart-guide .steps,.workspace-root .capacity-grid{grid-template-columns:1fr}
  .workspace-root .stack.right-stack{grid-template-columns:1fr}
  .workspace-root .connection-panel{grid-template-columns:1fr;row-gap:8px}
  .workspace-root .connection-panel>.workspace-card-header{margin-bottom:2px}
  .workspace-root .connection-foot{margin-top:2px}
  .workspace-root .quickstart-guide .workspace-step:last-child{grid-column:auto;grid-row:auto}
 }
 @media(max-width:700px){
  .workspace-root{--cap-x:14px;--cap-y:14px}
  .workspace-root .workspace-card-header{padding-top:10px;padding-bottom:9px}
  .workspace-root .top-actions{gap:7px}
  .workspace-root .top-actions>.pill{display:none}
  .workspace-root .theme-select{width:88px}
  .workspace-root .preview-bar{flex-wrap:wrap;row-gap:4px}
  .workspace-root .preview-switches{gap:4px}
  .workspace-root .stat>small{margin:-12px -12px 9px;padding:8px 12px}
  .workspace-root .timeline time{max-width:85px;font-size:9px}
  .workspace-root .bill-detail{--cap-x:16px;--cap-y:16px}
 }
 @media(prefers-reduced-motion:reduce){.workspace-root .page-enter{animation:none}}
}

@layer refined {
 dialog.workspace-dialog{padding:16px;border-radius:7px;background:linear-gradient(140deg,#161718,#0c0d0f);border-color:#44484e;border-top-color:#61676f;box-shadow:inset 0 1px #ffffff0c,0 18px 55px #000a}
 .workspace-dialog .workspace-dialog-header{display:flex;align-items:center;gap:9px;margin:-16px -16px 14px;padding:10px 12px;border-bottom:1px solid #ffffff10;background:linear-gradient(115deg,#ffffff06,transparent 75%)}
 .workspace-dialog .dialog-symbol{width:24px;height:24px;flex-shrink:0;border-radius:4px;background:linear-gradient(#273747,#15212c);border-color:#4c5b6b;box-shadow:inset 0 1px #ffffff12,0 1px 2px #0005}
 .workspace-dialog .dialog-symbol svg{width:14px;height:14px}
 .workspace-dialog h2{font-size:15px;font-weight:550;line-height:1.4;letter-spacing:-.2px;margin:0}
 .workspace-dialog .dialog-close{position:static;margin-left:auto;width:24px;height:24px;flex-shrink:0}
 .workspace-dialog>p{font-size:12px;margin:0 0 16px}
 .workspace-dialog .dialog-actions{margin-top:16px;gap:8px;padding-top:12px;border-top:1px solid #ffffff0e}
 .workspace-dialog .steps h3{font-size:13px;margin-bottom:5px}
 .workspace-dialog .secret-box{border-radius:4px}
 [data-theme] .workspace-dialog .button:not(.control-surface):hover,[data-theme] .workspace-dialog .button:active{transform:none}
}

/* Sidebar identity and settings controls. */
@layer refined {
 .workspace-root .workspace-switch{background:linear-gradient(115deg,#ffffff05,transparent 75%),linear-gradient(#171819,#101112);border-color:var(--line);border-top-color:#ffffff25;box-shadow:inset 0 1px #ffffff07,0 1px 2px #0004}
 .workspace-root .workspace-icon{background:linear-gradient(#292d32,#191d22);border-color:#4c535c;border-top-color:#68717c;color:#b9c5d3;box-shadow:inset 0 1px #ffffff0e,0 1px 2px #0005}
 .workspace-root .workspace-form label{font-size:11px;font-weight:500}
 .workspace-root .workspace-form input{font-size:12px;padding:7px 10px}
 .workspace-root .workspace-form input[readonly]{color:var(--muted);border-color:var(--line);background:linear-gradient(#0b0c0e,#101113)}
 @media(forced-colors:active){.workspace-root .workspace-switch{background:Canvas;border-color:CanvasText}}
}

@layer refined {
 .workspace-root .sidebar-signout{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted);font:inherit;font-size:11px;line-height:16px;text-align:left;cursor:pointer}
 .workspace-root .sidebar-signout .icon{flex:none}
}

/* Dashboard utilities share the public header's shallow, evenly spaced rail. */
/* [claude-opus-5-5 2026-10-01] The appearance picker is also on public pages, so its rules cover .public-root. */
@layer refined {
 .workspace-root .top-actions{gap:10px;line-height:16px}
 .workspace-root .header-tools{display:flex;align-items:center;gap:5px}
 .workspace-root .header-tools .docs-top{font-size:11px;line-height:16px;padding:4px 2px;border-radius:3px;transition:color .18s}
 .workspace-root .header-tools .docs-top:hover{color:var(--text)}
 .workspace-root .header-tools .icon-button{width:24px;height:24px;border:1px solid transparent;border-radius:3px;color:var(--muted);background:transparent;box-shadow:none}
 .workspace-root .header-tools .icon-button:not(.control-surface):hover{color:var(--text);background:linear-gradient(#ffffff08,#ffffff03);border-color:var(--line);box-shadow:inset 0 1px #ffffff08}
 .workspace-root .top-actions>.divider{height:14px;margin:0}
 .workspace-root .top-actions>.pill{font-size:9px;line-height:14px;padding:3px 7px;gap:5px}
 :is(.workspace-root,.public-root) .theme-picker{position:relative;flex:none;line-height:16px}
 :is(.workspace-root,.public-root) .theme-trigger{display:flex;align-items:center;gap:7px;list-style:none;height:25px;min-width:98px;padding:0 7px;border:1px solid var(--line);border-top-color:#ffffff30;border-radius:4px;background:linear-gradient(#ffffff07,#0002);box-shadow:inset 0 1px #ffffff07,0 1px 2px #0005;color:var(--text);font-size:10px;cursor:pointer;transition:border-color .18s,background-color .18s}
 :is(.workspace-root,.public-root) .theme-trigger::-webkit-details-marker{display:none}
 :is(.workspace-root,.public-root) .theme-trigger>.icon{width:10px;height:10px;margin-left:auto;color:var(--muted)}
 :is(.workspace-root,.public-root) .theme-trigger:not(.control-surface):hover,:is(.workspace-root,.public-root) .theme-picker[open] .theme-trigger{border-color:#ffffff40;background-color:#ffffff04}
 :is(.workspace-root,.public-root) .theme-picker[open] .theme-trigger{box-shadow:inset 0 1px 3px #0006}
 :is(.workspace-root,.public-root) .theme-swatch{display:block;flex:none;width:14px;height:14px;border-radius:3px;border:1px solid #ffffff30;box-shadow:inset 0 1px #ffffff26,0 1px 2px #0008;background:linear-gradient(135deg,#292b2e 0 48%,#0b1e34 51%)}
 :is(.workspace-root,.public-root) [data-swatch=silver]{background:linear-gradient(135deg,#93979e 0 48%,#444b57 51%)}
 :is(.workspace-root,.public-root) [data-swatch=graphite]{background:linear-gradient(135deg,#464646 0 48%,#131313 51%)}
 :is(.workspace-root,.public-root) [data-swatch=slate]{background:linear-gradient(135deg,#536780 0 48%,#142235 51%)}
 :is(.workspace-root,.public-root) .theme-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:50;width:174px;min-width:0;margin:0;padding:27px 5px 5px;border:1px solid #454a51;border-top-color:#646b75;border-radius:5px;background:linear-gradient(130deg,#ffffff05,transparent 65%),var(--sidebar);box-shadow:inset 0 1px #ffffff0a,0 8px 22px #0009,0 2px 5px #0007}
 :is(.workspace-root,.public-root) .theme-menu legend{position:absolute;top:7px;left:12px;padding:0;font-size:9px;line-height:14px;color:var(--muted)}
 :is(.workspace-root,.public-root) .theme-option{position:relative;display:flex;align-items:center;gap:9px;margin:0;padding:6px 7px;border:1px solid transparent;border-radius:3px;font-size:11px;font-weight:400;color:var(--muted);cursor:pointer}
 :is(.workspace-root,.public-root) .theme-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
 :is(.workspace-root,.public-root) .theme-option>.icon{margin-left:auto;width:12px;height:12px;opacity:0}
 :is(.workspace-root,.public-root) .theme-option:has(:checked){color:var(--text);background:linear-gradient(#ffffff09,#ffffff03);border-color:var(--line);box-shadow:inset 0 1px #ffffff08}
 :is(.workspace-root,.public-root) .theme-option:has(:checked)>.icon{opacity:1}
 :is(.workspace-root,.public-root) .theme-option:hover{color:var(--text);background-color:#ffffff05}
 :is(.workspace-root,.public-root) .theme-option:has(:focus-visible){outline:1px solid var(--text);outline-offset:-1px}
 @media(max-width:700px){
  .workspace-root .top-actions{gap:7px}
  :is(.workspace-root,.public-root) .theme-trigger{min-width:90px}
  :is(.workspace-root,.public-root) .theme-menu{right:0}
  .workspace-root .breadcrumb>span,.workspace-root .breadcrumb>svg{display:none}
 }
 @media(prefers-reduced-motion:reduce){:is(.workspace-root,.public-root) .theme-trigger,.workspace-root .header-tools .docs-top{transition:none}}
 @media(forced-colors:active){:is(.workspace-root,.public-root) .theme-menu,:is(.workspace-root,.public-root) .theme-trigger{background:Canvas;border-color:ButtonText}:is(.workspace-root,.public-root) .theme-option:has(:checked){border-color:Highlight}:is(.workspace-root,.public-root) .theme-swatch{forced-color-adjust:none}}
}

/* Production-shaped layout: header utilities and content stand on their own. */
@layer refined {
 .workspace-root .header-tools{gap:10px}
 .workspace-root .header-tools .docs-top{padding:0;display:inline-flex;align-items:center;height:24px}
 .workspace-root .header-tools .divider{margin:0;height:16px;flex:none}
 .workspace-root .billing-grid>.panel{align-self:stretch}
 .workspace-root .billing-grid>.billing-plan{align-self:stretch}
 .workspace-root .bill-detail .panel-top>.icon-button{width:24px;height:24px;border-radius:3px}
 .workspace-root .bill-detail .panel-top>.icon-button svg{width:13px;height:13px}
 .workspace-root .connection-foot{justify-content:flex-end}
 .auth-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
 .auth-footer>p{flex-basis:100%;margin:0}
 @media(max-width:700px){.workspace-root .header-tools .docs-top,.workspace-root .header-tools .divider{display:none}}
}

@layer refined {
 .workspace-root .workspace-view-bar{flex-wrap:nowrap;min-height:27px;padding:3px 14px;font-size:9px;line-height:16px}
 .workspace-root .workspace-view-label{display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted)}
 .workspace-root .workspace-view-bar .preview-switches{display:flex;flex-shrink:0}
 @media(max-width:380px){.workspace-root .workspace-view-bar{gap:6px}.workspace-root .workspace-view-label{gap:4px}.workspace-root .workspace-view-bar .preview-switches button{padding-inline:6px}}
}

/* Customer workflows use the same shallow headers, inset fields and compact rows. */
@layer refined {
 .workspace-root .inline-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
 .workspace-root .workflow-toolbar{display:flex;gap:9px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);background:linear-gradient(#0002,#0001)}
 .workspace-root .workflow-toolbar .search-field{flex:1;min-width:0}
 .workspace-root .workflow-toolbar input,.workspace-root .workflow-toolbar select{height:30px;min-height:0;font-size:11px;border-radius:4px;padding:5px 9px}
 .workspace-root .workflow-toolbar .search-field input{padding-left:31px}
 .workspace-root .workflow-toolbar select{width:auto;max-width:160px}
 .workspace-root .workflow-foot{display:flex;align-items:center;gap:9px;padding:9px 14px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);flex-wrap:wrap}
 .workspace-root .workflow-foot>span:first-child{margin-right:auto}
 .compact-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 16px;font-size:12px;text-align:center;color:var(--muted)}
 .compact-empty strong{font-size:13px;font-weight:550;color:var(--text)}
 .compact-empty .button{margin-top:6px}
 .key-empty .tile-icon{margin-bottom:3px}
 .workspace-root .key-detail-link{max-width:260px;white-space:normal;text-align:left;overflow-wrap:anywhere;font-size:11px;justify-content:flex-start}
 .workspace-root .key-detail-link .icon{flex:none;width:14px;height:14px}
 .workspace-root .settings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:12px}
 .workspace-root .settings-grid .form-grid{grid-template-columns:1fr;gap:12px}
 .workspace-root .settings-grid .settings-section{padding:16px}
 .workspace-root .settings-grid .settings-section>p{margin:0 0 12px;font-size:11px}
 .workspace-root .settings-grid .form-stack{gap:12px}
 .workspace-root .settings-grid .form-stack>.button{align-self:flex-start}
 .workspace-root .settings-grid .form-help{font-size:10px;margin-top:5px}
 .workspace-root .sessions-panel>.note{font-size:11px;margin-bottom:7px}
 .workspace-root .session-row{display:flex;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid var(--line)}
 .workspace-root .session-row>div{min-width:0;flex:1}
 .workspace-root .session-row strong{display:block;font-size:11px;font-weight:550}
 .workspace-root .session-row small{display:block;font-size:9px;margin-top:3px}
 .workspace-root .session-icon{display:grid;place-items:center;flex:none;width:26px;height:26px;border:1px solid var(--line);border-top-color:#ffffff22;border-radius:4px;background:linear-gradient(#ffffff08,#0002);box-shadow:inset 0 1px #ffffff08;color:var(--muted)}
 .workspace-root .session-icon .icon{width:13px;height:13px}
 .workspace-root .session-row .button{font-size:10px;padding:5px 7px}
 .workspace-root .session-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}
 .workspace-root .session-actions .button{font-size:10px;padding:6px 8px}
 .workspace-root .more-sessions>summary{padding:10px 0;font-size:10px;color:var(--muted);cursor:pointer}
 .key-detail-facts .detail-row{font-size:12px;padding:9px 0}
 .key-secret-note,.rotation-note{font-size:11px;margin:12px 0}
 .key-management-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
 .key-management-actions .button{font-size:11px}
 @media(max-width:850px){.workspace-root .settings-grid{grid-template-columns:1fr}}
 @media(max-width:450px){.workspace-root .workflow-toolbar{padding:9px;gap:7px}.workspace-root .workflow-toolbar select{max-width:110px}.workspace-root .workflow-foot{padding:9px}.workspace-root .key-detail-link{max-width:170px}}
}

/* Workflow panels adapt to their available content width, independently of the shell. */
@layer refined {
 .workspace-root .workflow-register{container-type:inline-size}
 .workspace-root .workflow-register>.workspace-table-header{position:relative;min-height:42px;gap:10px;padding:7px 14px;border-bottom:1px solid var(--line);border-radius:5px 5px 0 0}
 .workspace-root .workflow-register>.workspace-table-header h2{font-size:14px;line-height:1.4;margin:0}
 .workspace-root .workflow-register>.workspace-table-header .icon-button{width:26px;height:26px;min-height:0}
 .workspace-root .workflow-register .table-wrap{border-radius:0}
 .workspace-root .workflow-register table{width:100%;min-width:0;table-layout:fixed}
 .workspace-root .workflow-register th,.workspace-root .workflow-register td{padding:10px 14px;overflow-wrap:anywhere;white-space:normal}
 .workspace-root .key-register th:first-child{width:auto}
 .workspace-root .key-register th:nth-child(2){width:28%}
 .workspace-root .key-register th:nth-child(3){width:22%}
 .workspace-root .key-register th:last-child{width:106px}
 .workspace-root .key-register th{padding:7px 12px;font-size:10px}
 .workspace-root .key-register td{padding:6px 12px;vertical-align:middle}
 .workspace-root .key-register th:last-child,.workspace-root .key-register td.key-status{padding-right:8px}
 .workspace-root .key-register .workflow-toolbar{padding:8px 12px;gap:8px}
 .workspace-root .key-register .workflow-foot{padding:6px 12px}
 .workspace-root .key-detail-link{max-width:100%;min-width:0;align-items:center}
 .workspace-root .key-detail-link>span{min-width:0;overflow-wrap:anywhere}
 .workspace-root .workflow-toolbar .search-field>svg{top:50%;transform:translateY(-50%);width:14px;height:14px}
 .workspace-root .key-prefix code{font-size:10px}
 .workspace-root .key-created{font-size:10px}
 .workspace-root .key-state-actions{display:grid;grid-template-columns:56px 24px;align-items:center;gap:6px}
 .workspace-root .key-state-actions>.pill{width:100%;justify-content:center;padding:2px 5px;font-size:9px;line-height:1.5}
 .workspace-root .key-state-actions .key-destructive{width:24px;height:24px;min-height:24px;padding:0;color:var(--muted);border-radius:4px}
 .workspace-root .key-state-actions .key-destructive:hover{color:var(--red)}
 .workspace-root .key-destructive svg{width:13px;height:13px}
 .workspace-root .compact-empty p{margin:0;max-width:42ch}
 .workspace-root .workflow-register [aria-busy=true]{cursor:progress}
 .workspace-root .panel.settings-profile{max-width:none}
 .workspace-root .settings-profile .workspace-form{max-width:none}
 .workspace-root .settings-profile .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .workspace-root .settings-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .workspace-root .settings-grid .stack{min-width:0;gap:12px}
 .workspace-root .settings-grid .form-stack{gap:11px}
 .workspace-root .settings-grid .form-stack>.button{margin-top:1px}
 .workspace-root .session-row{padding:10px 0}
 .workspace-root .session-row small{line-height:1.5;overflow-wrap:anywhere}
 .workspace-root .session-actions{gap:7px;padding-top:10px}
 .workspace-root .session-overflow{max-height:240px;overflow:auto;padding-right:6px;scrollbar-width:thin}
 .workspace-root .more-sessions summary{list-style:none;display:flex;align-items:center;gap:6px;padding:10px 0 2px}
 .workspace-root .more-sessions summary::before{content:'›';font-size:15px;line-height:12px}
 .workspace-root .more-sessions[open] summary::before{transform:rotate(90deg)}
 .workspace-dialog h2{min-width:0;overflow-wrap:anywhere}
 .workspace-dialog .workspace-dialog-header>.dialog-close{inset:auto;align-self:center;margin:0 0 0 auto}
 .workspace-dialog .key-detail-facts .detail-row{gap:12px;align-items:start}
 .workspace-dialog .key-detail-facts .detail-row strong{min-width:0;overflow-wrap:anywhere;text-align:right}
 .workspace-dialog .dialog-actions,.workspace-dialog .key-management-actions{flex-wrap:wrap}
 .workspace-dialog .dialog-actions .button{flex:none}
 .workspace-dialog .key-secret-note{margin:12px 0}
 .workspace-dialog .rotation-note{overflow-wrap:anywhere}
 @container(max-width:620px){
  .workflow-register table,.workflow-register tbody{display:block}
  .workflow-register thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
  .workspace-root .workflow-register tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:12px 14px;border-bottom:1px solid var(--line)}
  .workspace-root .workflow-register tr:last-child{border-bottom:0}
  .workspace-root .workflow-register td{display:block;padding:0;border:0;min-width:0}
  .workspace-root .workflow-register td[data-label]::before{content:attr(data-label);font-size:10px;line-height:1.5;color:var(--muted);margin-right:7px}
  .workspace-root .key-name{grid-column:1;grid-row:1}
  .workspace-root .key-status{grid-column:2;grid-row:1;justify-self:end}
  .workspace-root .key-prefix{grid-column:1/-1;grid-row:2}
  .workspace-root .key-created{grid-column:1;grid-row:3}
  .workspace-root .workflow-register .no-results{display:block}
  .workspace-root .key-register tr{padding:9px 8px 9px 12px;gap:4px 10px}
  .workspace-root .key-register td,.workspace-root .key-register td.key-status{padding:0}
 }
 @media(max-width:900px){.workspace-root .settings-grid{grid-template-columns:1fr}}
 @media(max-width:700px){.workspace-root .settings-profile .form-grid{grid-template-columns:1fr}.workspace-root .workflow-register>.workspace-table-header{padding-inline:12px;min-height:40px}}
 @media(max-width:360px){.workspace-root .workflow-toolbar{flex-wrap:wrap}.workspace-root .workflow-toolbar .search-field{flex-basis:100%}.workspace-root .workflow-toolbar select{max-width:none;width:100%}.workspace-root .workflow-register>.workspace-table-header{flex-wrap:wrap}.workspace-root .inline-badges{gap:4px}}
}

/* Key dialogs share the compact register's shallow cap and inset controls. */
@layer refined {
 .workspace-root .key-register .workflow-toolbar{gap:10px;background:linear-gradient(#ffffff02,#0001)}
 .workspace-root .key-register .search-field{max-width:280px;flex:1 1 180px}
 .workspace-root .key-register .search-field input{height:28px;padding:4px 9px 4px 28px;border-radius:4px;border:1px solid var(--line);background:linear-gradient(#0002,#0000),var(--bg);box-shadow:inset 0 1px 3px #0006,0 1px #ffffff06;color:var(--text);transition:border-color .16s,box-shadow .16s}
 .workspace-root .key-register .search-field input::placeholder{color:var(--muted);opacity:.85}
 .workspace-root .key-register .search-field>svg{left:9px;width:12px;height:12px;color:var(--muted);pointer-events:none}
 .workspace-root .key-register .search-field:focus-within>svg{color:var(--text)}
 .workspace-root .key-register .search-field input:focus{outline:none;border-color:color-mix(in srgb,var(--text) 40%,var(--line));box-shadow:inset 0 1px 3px #0005,0 0 0 2px #ffffff08}
 .workspace-root .key-filter.segmented{flex:none;max-width:none;gap:1px;padding:2px;border-radius:4px;border-color:var(--line);background:linear-gradient(#0002,#0000),var(--bg);box-shadow:inset 0 1px 3px #0005,0 1px #ffffff05}
 [data-theme] .workspace-root .key-filter button{flex:none;height:22px;padding:2px 9px;border:1px solid transparent;border-radius:3px;font-size:10px;line-height:16px;color:var(--muted);background:transparent;box-shadow:none}
 [data-theme] .workspace-root .key-filter button.selected{color:var(--text);border-color:var(--line);border-top-color:color-mix(in srgb,var(--text) 22%,var(--line));background:linear-gradient(#ffffff0c,#0001),var(--raised);box-shadow:inset 0 1px #ffffff09,0 1px 2px #0005}
 @media(max-width:480px){.workspace-root .key-register .workflow-toolbar{flex-wrap:wrap;gap:7px}.workspace-root .key-register .search-field{max-width:none;flex-basis:100%}}
 @media(forced-colors:active){.workspace-root .key-register .search-field input:focus{outline:2px solid Highlight}[data-theme] .workspace-root .key-filter button.selected{border-color:Highlight;color:Highlight}}
}

@layer refined {
 dialog.workspace-dialog.key-dialog{width:400px;max-width:calc(calc(100vw / var(--site-scale)) - 28px);max-height:calc(calc(100dvh / var(--site-scale)) - 28px);padding:14px;border-radius:6px;background:linear-gradient(130deg,#ffffff03,transparent 65%),var(--panel);border-color:var(--line);border-top-color:#ffffff29}
 .key-dialog .workspace-dialog-header{margin:-14px -14px 12px;padding:7px 12px;min-height:38px;gap:8px;background:linear-gradient(#ffffff06,#ffffff01);box-shadow:inset 0 1px #ffffff06}
 .key-dialog h2{font-size:14px;font-weight:550;letter-spacing:-.2px}
 .key-dialog>p{font-size:11px;line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere}
 .key-dialog label{font-size:11px;margin-bottom:5px}
 .key-dialog input{font-size:12px;padding:7px 9px;border-radius:4px;min-width:0}
 .key-dialog input[readonly]{color:var(--muted)}
 .key-dialog .key-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px}
 .key-dialog .key-meta code{font-size:10px;overflow-wrap:anywhere;color:var(--muted)}
 .key-dialog .key-meta .pill{font-size:9px;padding:2px 6px}
 .key-dialog .dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:12px -14px -14px;padding:10px 14px;border-top:1px solid var(--line);background:linear-gradient(#ffffff02,#0001)}
 .key-dialog .dialog-actions .button{font-size:11px;min-height:30px;padding:5px 10px;border-radius:4px}
 .key-dialog .dialog-actions>.button:first-child:not(:last-child){margin-right:auto}
 .key-dialog .form-error:not(:empty){font-size:11px;margin:10px 0 0;padding:7px 9px}
 .key-dialog .key-secret-field{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:4px;background:linear-gradient(#0003,#0001);box-shadow:inset 0 1px 3px #0005}
 .key-dialog .key-secret-field code{min-width:0;flex:1;font-size:11px;line-height:1.55;overflow-wrap:anywhere;user-select:all}
 .key-dialog .key-secret-field .icon-button{width:26px;height:26px;min-height:26px;border-radius:4px;flex:none}
 .key-dialog .key-secret-field .icon-button svg{width:14px;height:14px}
 .key-dialog>p.key-replacement-note{margin:10px 0 0;font-size:10px}
}

/* Shared application scale: keep viewport-bound chrome and dialogs within view. */
@layer refined {
 :root{--site-scale:1.1;zoom:var(--site-scale)}
 body{min-width:min(320px,calc(100vw / var(--site-scale)))}
 .footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 14px;min-width:0}
 .footer-links a{overflow-wrap:anywhere}
 .footer{flex-wrap:wrap;align-items:center}
 .footer>span{white-space:nowrap}
 @media(max-width:850px){.footer-links{flex-basis:100%;justify-content:space-between}}
}

/* The price display choice is shared by the public site and account. */
.currency-control{flex:none;line-height:16px}
.currency-trigger{display:flex;align-items:center;gap:8px;height:25px;padding:0 7px;border:1px solid var(--line);border-top-color:#ffffff30;border-radius:4px;background:linear-gradient(#ffffff07,#0002);box-shadow:inset 0 1px #ffffff07,0 1px 2px #0005;color:var(--text);font:inherit;font-size:10px;cursor:pointer;transition:border-color .18s,background-color .18s}
.currency-trigger>.icon{width:10px;height:10px;color:var(--muted)}
.currency-trigger:hover,.currency-trigger[aria-expanded=true]{border-color:#ffffff40;background-color:#ffffff04}
.currency-trigger[aria-expanded=true]{box-shadow:inset 0 1px 3px #0006}
.currency-trigger:disabled{opacity:.55;cursor:wait}
.currency-menu{position:fixed;inset:auto;margin:0;padding:4px;border:1px solid #46515f;border-top-color:#6b7785;border-radius:7px;background:var(--panel);color:var(--text);box-shadow:inset 0 1px #ffffff0c,0 8px 24px #000a,0 2px 5px #0008;overflow:hidden}
.currency-menu:popover-open{display:flex;flex-direction:column}
.currency-menu::backdrop{background:transparent}
.currency-menu-heading{padding:7px 8px 5px;font-size:10px;font-weight:500;color:var(--muted)}
.currency-search-field{display:flex;align-items:center;gap:7px;margin:3px 4px 7px;padding:0 8px;border:1px solid var(--line);border-radius:4px;background:#0002;box-shadow:inset 0 1px 3px #0004}
.currency-search-field>.icon{width:12px;height:12px;flex:none;color:var(--muted)}
.currency-menu .currency-search-field input{width:100%;min-width:0;height:30px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font:inherit;font-size:11px;color:var(--text);outline:0}
.currency-search-field:focus-within{border-color:#596b80}
.currency-options{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) var(--panel)}
.currency-options [role=option]{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;margin:2px 0 0;padding:6px 8px;text-align:left;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text);font:inherit;font-size:11px;cursor:pointer}
.currency-options [role=option][hidden]{display:none}
.currency-options [role=option]>strong{flex:none;font-size:11px;font-weight:500}
.currency-check{display:flex;width:12px;flex:none;color:var(--text)}
.currency-check>.icon{width:12px;height:12px;opacity:0}
.currency-options [aria-selected=true]{border-color:var(--line);background:linear-gradient(#ffffff09,#ffffff03);box-shadow:inset 0 1px #ffffff08}
.currency-options [aria-selected=true] .icon{opacity:1}
.currency-options [role=option]:hover,.currency-options .is-active{border-color:#596b80;background-color:#ffffff06}
.currency-name{min-width:0;color:var(--muted);font-size:10px;line-height:1.4}
.currency-empty{padding:12px 8px;color:var(--muted);font-size:11px}
.currency-note{color:var(--muted);font-size:12px;line-height:1.5;margin:24px 0 0}
@media(max-width:640px){.top-actions{gap:6px}.topbar .breadcrumb{min-width:0}.topbar .breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/* [unrecorded 2026-09-28] Approved cone size and optical baseline beside every title; preserve the existing site theme. */
.wordmark{display:inline-flex;align-items:baseline;gap:9px}
.wordmark::before{content:"";--uq-emblem-cap:calc(1cap + .20em);display:inline-block;flex:none;width:calc(var(--uq-emblem-cap) * .917647);height:var(--uq-emblem-cap);background:url('/brand-emblem.svg') center/100% 100% no-repeat;transform:translateY(.09em)}
.topbar .wordmark::before{display:none}
/* [unrecorded 2026-09-28] Centre the combined cone/title in the loading grid instead of stretching to the wider message below. */
.boot .wordmark{justify-self:center}
/* [claude-opus-5-5 2026-09-29] Owner: in-app page changes are instant; the entry fade plays only on the first page load. */
html[data-navigated] .page-enter,html[data-navigated] :is(.public-root,.workspace-root) .page-enter{animation:none}
/* [claude-opus-5-5 2026-10-01] Owner: razzphox's text and code fonts on every theme, sizes unchanged: Tahoma (Verdana,
   Arial fallbacks) wherever Segoe UI was used, headings included, and Menlo (Consolas on Windows) for code. The
   home banner headline keeps its own type; every "Unquant" wordmark uses the site's Tahoma. His condensed heading face stays on Amber only
   (theme-amber.css). Unlayered so it outranks the layered theme rules. */
/* [claude-opus-5-5 2026-10-01] Owner: Wine's Tahoma (LGPL-2.1+, assets/fonts/WineTahoma-CREDITS.txt) on every device,
   in place of Microsoft's Tahoma (owner prefers it: closer to the XP look). An outline recreation with Tahoma's own
   spacing, preloaded by index.html; text waits for it rather than flashing another font. Characters outside its
   subset fall back to Tahoma, then Verdana and Arial. */
@font-face{font-family:'Wine Tahoma';src:url('/assets/fonts/WineTahoma-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:'Wine Tahoma';src:url('/assets/fonts/WineTahoma-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:block}
:root{--font:'Wine Tahoma',Tahoma,Verdana,Arial,sans-serif;--mono:Menlo,Consolas,monospace}
/* [claude-opus-5-5 2026-10-03] Stacked plans. The plan card is the original one; tier change and cancel sit under it as
   text links. "Add a plan": two model tabs with a sliding pressed thumb, a stage that takes the model's wash and glyph
   watermark (as the model cards do), rows built from the status page's components that rise in turn, and stream pips
   that light one by one. Designed on the neutral themes; razzphox adjusts it in theme-amber.css. */
.billing-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;align-items:stretch;min-width:0}
.billing-plans .billing-plan{display:flex;flex-direction:column}
.billing-plans .billing-plan .feature-list{flex:1}
/* The account's billing at a glance: inset figure chips (as on the status page), refresh and Stripe. */
.billing-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px;padding:10px 12px}
.workspace-root .billing-summary .summary-figures{flex-wrap:wrap}
.workspace-root .billing-summary .summary-figures>div{width:auto;min-width:128px}
.summary-actions{display:flex;align-items:center;gap:8px}
.summary-actions .button svg{width:14px;height:14px}
.plan-links{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;margin-top:14px}
.plan-links .text-button{display:inline-flex;align-items:center;gap:6px;font-size:11.5px}
.plan-links .text-button svg{width:13px;height:13px}
.stream-pips{display:inline-grid;grid-auto-flow:column;grid-auto-columns:5px;gap:2px;height:12px;padding:2px 3px;margin-right:6px;vertical-align:-2px;border-radius:3px;border:1px solid #0008;background:linear-gradient(#08090b,#101114);box-shadow:inset 0 1px 2px #0009,0 1px #ffffff08}
.stream-pips i{display:block;border-radius:1px;background:#ffffff09;box-shadow:inset 0 1px #ffffff08;transform-origin:bottom}
.stream-pips i.on{background:linear-gradient(color-mix(in srgb,var(--mint) 70%,#fff),color-mix(in srgb,var(--mint) 80%,#000));box-shadow:inset 0 1px #ffffff40,inset 0 -1px #0004}
.tier-streams dd{display:flex;align-items:center}
.add-plans{margin-top:22px;container-type:inline-size;overflow:hidden;--stage-top:color-mix(in srgb,var(--raised) 55%,var(--panel))}
.add-plans-top{border-bottom:1px solid var(--line)}
.add-plans-top h2{margin:0}
.add-plans-note{margin:0;padding:10px 18px 0;font-size:12px;line-height:1.55;color:var(--muted)}
/* Classic desktop tabs: the selected tab shares the stage's surface and opens into it; the others sit recessed behind. */
.plan-tabs{position:relative;z-index:1;display:flex;align-items:flex-end;gap:3px;margin-top:10px;padding:0 14px;border-bottom:1px solid var(--line)}
.plan-tab{position:relative;display:inline-flex;align-items:center;gap:9px;margin-bottom:-1px;padding:5px 13px 5px 5px;border:1px solid var(--line);border-bottom-color:var(--line);border-radius:5px 5px 0 0;background:linear-gradient(#ffffff06,#00000026);box-shadow:inset 0 1px #ffffff08;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;transition:background .18s,color .18s}
/* The tab's model tile is the tier rows' tile exactly (size, glyph, colours); unselected tabs dim it slightly. */
.plan-tab .st-tile{opacity:.8;transition:opacity .18s}
.plan-tab strong{font-size:12px;font-weight:600;white-space:nowrap}
.plan-tab small{font-size:10.5px;color:var(--subtle);white-space:nowrap}
.plan-tab:hover{color:var(--text);background:linear-gradient(#ffffff0c,#0000001a)}
.plan-tab:hover .st-tile{opacity:1}
.plan-tab[aria-selected="true"]{z-index:2;padding-top:6px;border-bottom-color:var(--stage-top);background:var(--stage-top);box-shadow:inset 0 1px #ffffff14;color:var(--text);cursor:default}
.plan-tab[aria-selected="true"] .st-tile{opacity:1}
.plan-tab[aria-selected="true"] small{color:var(--muted)}
.plan-tab .short{display:none}
.plan-tab:focus-visible{outline:2px solid var(--mint);outline-offset:-3px}
.plan-stage{position:relative;background:linear-gradient(var(--stage-top),var(--panel) 70px)}
.plan-tab[aria-selected="true"]::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;border-radius:5px 5px 0 0;background:linear-gradient(var(--tab-strip),color-mix(in srgb,var(--tab-strip) 55%,#000));box-shadow:0 1px 2px #0006}
.plan-tab[data-pool="glm"]{--tab-strip:var(--glm-light,#b6cfea)}
.plan-tab[data-pool="qwen"]{--tab-strip:var(--qwen-light,#acd8bd)}
.tier-row{position:relative;transition:background .2s}
.tier-row:hover{background:#ffffff05}
.tier-list:not([hidden]) .tier-row{animation:tier-rise .38s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 45ms)}
.tier-list:not([hidden]) .stream-pips i.on{animation:pip-light .3s ease-out both;animation-delay:calc(var(--i) * 45ms + 160ms + var(--p) * 55ms)}
@keyframes tier-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes pip-light{from{opacity:.15;transform:scaleY(.35)}to{opacity:1;transform:none}}
.tier-row .st-name h3{display:flex;flex-wrap:wrap;align-items:center;gap:3px 7px;white-space:normal}
.tier-row .st-name>span{white-space:normal}
.tier-tag{display:inline-block;padding:1px 6px;border-radius:3px;border:1px solid var(--line);background:linear-gradient(#ffffff08,#0000);font-size:9.5px;font-weight:500;color:var(--muted)}
/* Wider than the status page's chips (its rule is more specific, hence the panel prefix). */
.add-plans .tier-figures>div{width:100px}
.add-plans .tier-figures>.tier-streams{width:134px}
.add-plans .tier-figures>.tier-price{width:126px}
.tier-cta{flex:none;width:118px}
.tier-cta .button{width:100%}
.change-plan-preview{min-height:18px;margin:10px 0 0}
/* The panel sits beside the sidebar, so it follows its own width, not the screen's. */
@container (max-width:740px){.tier-row .st-row-head{flex-wrap:wrap}.add-plans .tier-figures{order:3;width:100%}.add-plans .tier-figures>div,.add-plans .tier-figures>.tier-streams,.add-plans .tier-figures>.tier-price{flex:1;width:auto}.tier-cta{order:4;width:100%}}
@container (max-width:560px){.plan-tabs{padding:0 10px}.plan-tab{flex:1 1 0;min-width:0;justify-content:center;padding-right:8px}.plan-tab small{display:none}.plan-tab .long{display:none}.plan-tab .short{display:inline}}
@media(prefers-reduced-motion:reduce){.plan-tab,.plan-tab .st-tile{transition:none}.tier-list:not([hidden]) .tier-row,.tier-list:not([hidden]) .stream-pips i.on{animation:none}}

@media(max-width:700px){.billing-summary{flex-direction:column;align-items:stretch}.workspace-root .billing-summary .summary-figures>div{flex:1 1 40%;min-width:0}.summary-actions{order:2;justify-content:space-between}}
/* [claude-opus-5-5 2026-10-03] Change tier: the plan as it is, then the same tier ladder as "Add a plan" (tabs, rows,
   chips) with Select on each row, then what the switch changes. */
dialog.change-tier-dialog{width:860px}
/* A plain dim, not a live blur: blurring the page behind this large dialog was too heavy to repaint. */
dialog.change-tier-dialog::backdrop{backdrop-filter:none;background:#07080bd9}
.change-tier .tier-current{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;margin-bottom:12px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(#ffffff06,#0000)}
.change-tier .tier-current>div{flex:1;min-width:120px}
.change-tier .tier-current small{display:block;font-size:10px;color:var(--subtle)}
.change-tier .tier-current strong{font-size:14px}
.change-tier .tier-current .st-figures>div{width:auto;min-width:96px}
.change-tier .tier-ladder{margin:0;padding-top:10px}
.tier-row.is-chosen{background:linear-gradient(90deg,color-mix(in srgb,var(--mint) 13%,transparent),transparent 75%);box-shadow:inset 3px 0 var(--mint)}
.tier-select[aria-pressed="true"]{border-color:color-mix(in srgb,var(--mint) 55%,var(--line));color:var(--text)}
.tier-cta .is-current{cursor:default;opacity:.65}
.change-summary{min-height:74px;margin-top:12px}
.change-hint{margin:0;padding:12px;text-align:center;font-size:12px;color:var(--subtle);border:1px dashed var(--line);border-radius:6px}
.change-line{display:flex;align-items:center;gap:9px;font-size:12.5px;margin-bottom:8px;animation:enter .2s ease-out}
.change-badge{padding:1px 7px;border-radius:3px;border:1px solid var(--line);font-size:10px;font-weight:600;color:var(--muted)}
.change-badge.up{border-color:#4f7a5d;background:linear-gradient(#2c4433,#1b2b21);color:#bce0c7}
.change-badge.down{border-color:#6b6247;background:linear-gradient(#3d3727,#27231a);color:#e3d3a6}
.change-arrow{color:var(--subtle)}
.change-tier .change-figures>div{flex:1;width:auto}
.change-estimate{margin:8px 0 0;font-size:11.5px;color:var(--muted)}
.change-warning{display:flex;align-items:center;gap:7px;margin:10px 0 0;font-size:11.5px;color:var(--amber)}
.change-warning svg{width:14px;height:14px;flex:none}
@media(max-width:620px){.change-tier .tier-current .st-figures{width:100%}}

/* [claude-opus-5-5 2026-10-03] Overview plan summary: one compact row per plan held (model tile, name, streams and
   context), inside the plan panel; a complimentary plan reads as such in place of a price. */
.workspace-root .plans-summary .price>.price-comped{font-size:24px;letter-spacing:-.5px;color:var(--text);font-weight:500}
.workspace-root .connection-panel>.field-copy.field-wide{grid-column:1/-1}
/* With a model ID per model, the URL sits on its own row: the same 10px between rows as between the two IDs (the
   narrow single-column layout already spaces its rows). */
.workspace-root .connection-panel>.field-copy.field-wide{margin-bottom:10px}
@container workspace-content (max-width:580px){.workspace-root .connection-panel>.field-copy.field-wide{margin-bottom:0}}
.workspace-root .plans-summary .plan-name{margin-bottom:12px}
.workspace-root .plans-summary-list{list-style:none;margin:10px 0 12px;padding:0;border:1px solid var(--line);border-radius:8px;background:#0000001f;overflow:hidden}
.workspace-root .plans-summary-list li{display:flex;align-items:center;gap:10px;padding:8px 10px}
.workspace-root .plans-summary-list li+li{border-top:1px solid var(--line)}
.workspace-root .plans-summary-list li>div{min-width:0;flex:1}
.workspace-root .plans-summary-list strong{display:block;font-size:12px;font-weight:550;color:var(--text)}
.workspace-root .plans-summary-list small{display:block;font-size:10px;color:var(--muted);margin-top:1px}
.workspace-root .plans-summary-list .pill{flex:none}
/* Test access (staff, testers, overrides) spans the connection panel instead of squeezing into one column. */
.workspace-root .connection-panel>.connection-test-access{grid-column:1/-1;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.workspace-root .connection-test-access>p{margin-top:6px}
.workspace-root .connection-test-access ul{list-style:none;padding:0;margin:10px 0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11px}
.workspace-root .connection-test-access li{display:flex;gap:8px;align-items:baseline}
.workspace-root .grid-main>.stack:first-child>.model-card+.model-card{margin-top:0}

/* [claude-opus-5-5 2026-10-04] Campaigns page: the Finances page's tiles, panels and tables, plus the ad label, the link
   builder and the Reddit connection side by side. */
.workspace-root .cmp>.fin-panel,.workspace-root .cmp>.cmp-columns{margin-top:12px}
.workspace-root .cmp-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
.workspace-root .cmp-columns>.fin-panel{margin:0}
.workspace-root .cmp-ad{display:flex;flex-direction:column;gap:1px;min-width:0}
.workspace-root .cmp-ad strong{font-weight:550;color:var(--text)}
.workspace-root .cmp-ad small{font-size:10px;color:var(--muted)}
.workspace-root .cmp-table td:first-child{max-width:280px}
.workspace-root .cmp-builder label,.workspace-root .cmp-reddit label{display:block;margin:12px 0 5px}
.workspace-root .cmp-builder .form-grid label,.workspace-root .cmp-reddit .form-grid label{margin-top:0}
.workspace-root .cmp-builder .form-grid,.workspace-root .cmp-reddit .form-grid{gap:12px}
.workspace-root .cmp-link{margin-top:12px}
.workspace-root .cmp-link code{font-size:11px}
.workspace-root .cmp-builder .note{margin-top:8px}
.workspace-root .cmp-steps{margin:0 0 14px;padding-left:18px;font-size:12px;line-height:1.6;color:#cacbce;display:flex;flex-direction:column;gap:8px}
.workspace-root .cmp-steps a{text-decoration:underline;text-underline-offset:3px}
.workspace-root .cmp-steps .field-copy{margin-top:6px}
.workspace-root .cmp-reddit>.button{margin-top:14px}
.workspace-root .cmp-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.workspace-root .cmp-facts>div{border:1px solid var(--line);border-radius:7px;padding:8px 10px;background:#0000001f}
.workspace-root .cmp-facts dt{font-size:10px;color:var(--muted)}
.workspace-root .cmp-facts dd{margin:2px 0 0;font-size:12px;color:var(--text);overflow-wrap:anywhere}
.workspace-root .cmp-reddit .callout{margin:12px 0 0}
.workspace-root .cmp-actions{margin-top:14px}
.workspace-root .cmp-days{width:auto;min-height:32px;padding:4px 28px 4px 10px;font-size:11px}
@container workspace-content (max-width:900px){.workspace-root .cmp-columns{grid-template-columns:1fr}}
/* [claude-opus-5-5 2026-10-04] Owner: callout icons sat below the line (margin-top 2px). With none, the icon's centre sits on
   the first line's middle to within a pixel, slightly high where the lowercase text reads. */
.callout>svg{flex:none}
/* [claude-opus-5-5 2026-10-04] The open beta's one-click switch beside its state. */
.open-beta-switch{display:flex;align-items:center;gap:10px}.open-beta-switch .button{margin:0}
/* [claude-opus-5-5 2026-10-04] Site theme settings (Campaigns): one row per kind of visitor. */
.site-theme-form{margin-top:16px}.site-theme-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.site-theme-row:first-child{border-top:0}.site-theme-row label{margin:0}.site-theme-row .note{margin-top:2px}@media (max-width:640px){.site-theme-row{grid-template-columns:1fr}}
/* [claude-opus-5-5 2026-10-04] Owner: the demo card's figure ("4 hours", "59m") sat almost against "free"/"left": the big
   figure's negative letter spacing ate the small space. A set gap, as the plan price's "/ month" reads. */
.demo-panel .price>span{margin-left:2px}
/* [claude-opus-5-5 2026-10-04] Two actions in a page heading (Home during a demo). */
.page-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
/* [claude-opus-5-5 2026-10-04] Open beta review actions on a customer record. */
.ob-review-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}
/* [claude-opus-5-5 2026-10-04] The Chat page: LibreChat fills the page beside the sidebar, under the top bar. */
.main-shell:has(.chat-route){height:calc(100dvh / var(--site-scale, 1));display:flex;flex-direction:column;overflow:hidden}#main.content.chat-route{flex:1;min-height:0;width:100%;max-width:none;margin:0;padding:0;display:flex;flex-direction:column}html:has(.chat-route),body:has(.chat-route){overflow:hidden}.chat-frame{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.chat-frame iframe{flex:1;width:100%;border:0;background:#0d1113}
/* [claude-opus-5-5 2026-10-05] Owner: the chat at 10% less zoom than the site. The frame is drawn 1/0.9 larger and scaled
   back to fit, so LibreChat sees a larger window (its own zoom left alone: its menus place themselves correctly). */
.chat-frame{--chat-scale:.9}.chat-frame iframe{position:absolute;top:0;left:0;width:calc(100% / var(--chat-scale));height:calc(100% / var(--chat-scale));transform:scale(var(--chat-scale));transform-origin:0 0}
/* [claude-opus-5-5 2026-10-04] Owner: on Chat the sidebar folds into the header on every screen size, as on mobile, so
   LibreChat's own sidebar is not a second one beside it. */
.shell.chat-mode{display:block}.shell.chat-mode .sidebar{position:fixed;left:0;top:0;width:236px;transform:translateX(-100%);transition:transform .2s;height:calc(100dvh / var(--site-scale))}.shell.chat-mode .sidebar.open{transform:translateX(0);box-shadow:8px 0 30px #0008}.shell.chat-mode .mobile-scrim.open{display:block;position:fixed;inset:0;background:#0009;z-index:29}.shell.chat-mode .mobile-menu{display:inline-grid}
/* [claude-opus-5-5 2026-10-05] The guest bar above the public Chat. */

#main.chat-route>.footer,#main.chat-route>.currency-note{display:none}
/* [claude-opus-5-5 2026-10-05] Owner: the opening screen inside the chat's frame while it loads (public.js chatLoading). */
.chat-loading{position:absolute;inset:0;z-index:1;display:grid;place-items:center;background:var(--bg);opacity:1;transition:opacity .2s ease-out}.chat-loading.out{opacity:0;pointer-events:none}.chat-loading .boot{height:auto}
.chat-loading-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* on a fresh load, the page's own opening screen until the chat is ready (app.js chatWait) */
.chat-cover{position:fixed;inset:0;z-index:1000;opacity:1;transition:opacity .2s ease-out}.chat-cover.out{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.chat-loading,.chat-cover{transition:none}}
/* [claude-opus-5-5 2026-10-05] Owner: the guest bar, fixed: a compact strip in the open beta banner's language (public.js
   publicChat): the themed preview bar, 10px type on a 16px line, the lead in the text colour and the rest muted, and
   two small text actions at the right split by a thin rule. On a phone the sentence wraps and the actions stay put. */
.preview-bar.chat-guest-bar{padding:3px 14px;min-height:0;line-height:16px;flex-wrap:nowrap;gap:12px;font-size:10px;color:var(--muted);box-shadow:inset 0 1px #d9bb7612,inset 2px 0 #b49a6480;overflow:hidden;transition:height .18s ease-out}
.chat-guest-bar.is-revealing{animation:founding-notice-reveal .22s ease-out both}@media(prefers-reduced-motion:reduce){.chat-guest-bar.is-revealing{animation:none}.preview-bar.chat-guest-bar{transition:none}}
.chat-guest-text{display:flex;align-items:flex-start;gap:7px;min-width:0}.chat-guest-text svg{width:12px;height:12px;flex:none;margin-top:2px;opacity:.8}
.chat-guest-lead{color:#fff;font-weight:650}
.chat-guest-actions{display:flex;align-items:center;flex:none;white-space:nowrap}.chat-guest-actions a{color:#c4d8ec;font-size:10px;text-decoration:none}.chat-guest-actions a:hover{color:#ecf3fc}
.chat-guest-actions a+a{margin-left:9px;padding-left:9px;border-left:1px solid var(--line)}.chat-guest-actions .chat-guest-primary{color:var(--text);font-weight:550}.chat-guest-actions .chat-guest-primary:hover{color:#fff}
@media(max-width:620px){.chat-guest-more{display:none}}
/* [claude-opus-5-5 2026-10-05] The original guest bar, kept to revert to (public.js GUEST_BAR='original'). */
.chat-guest-original{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 16px;border-bottom:1px solid var(--line);background:var(--sidebar);font-size:12px;color:var(--muted)}
.chat-guest-original>span:first-child{display:flex;align-items:center;gap:8px}.chat-guest-original svg{width:15px;height:15px}
.chat-guest-original-actions{display:flex;align-items:center;gap:12px;flex:none}.chat-guest-original-actions .button{min-height:28px;padding:4px 10px;font-size:11px}
/* [claude-opus-5-5 2026-10-05] The free allowance in the guest bar (app.js chatSay): the count stands out a little, and
   once it is used the lead turns the banners' gold. The account strip shares the guest bar's look. */
.chat-guest-text b{color:var(--text);font-weight:600}.chat-guest-bar.is-out .chat-guest-lead{color:#e7cf9f}
.chat-guest-bar[hidden]{display:none}
/* [claude-opus-5-5 2026-10-05] In place of the chat when a signed-out visitor cannot chat as a guest (app.js chatUnavailable):
   a centred site panel with the bevelled tile, what is going on and the way on. */
.chat-unavailable{flex:1;display:grid;place-items:center;padding:24px 16px;background:var(--bg)}
.chat-unavailable-panel{max-width:440px;padding:24px 26px 22px;text-align:center;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#ffffff08,#ffffff02 75%),var(--surface,var(--sidebar));box-shadow:inset 0 1px #ffffff0d,0 1px 2px #0006}
.chat-unavailable-panel .st-tile{margin:0 auto}.chat-unavailable-panel h2{margin:12px 0 6px;font-size:16px;font-weight:600;color:var(--text)}
.chat-unavailable-panel p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.6}
.chat-unavailable-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}
/* [claude-opus-5-5 2026-10-15] The callout in the dashboard's red (the red notices' tones, .u-notice.danger), for an
   operator's banner on one customer's dashboard (app.js accountNotice). */
.callout.danger{background:#382028;border-color:#925c6a}.callout.danger svg{color:#f6c3ce}.callout.danger p{color:#f6c3ce}
[data-theme=studio] .callout.danger{background:linear-gradient(110deg,#382028,#1d1216);border-color:#925c6a}