/* Authenticated Developer workspace. The public landing and auth boxes keep their own styles. */
@font-face{font-family:AtlasPlex;src:url('fonts/ibm-plex-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:AtlasPlex;src:url('fonts/ibm-plex-sans-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:AtlasPlex;src:url('fonts/ibm-plex-sans-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:AtlasPlex;src:url('fonts/ibm-plex-sans-700.woff2') format('woff2');font-weight:700;font-display:swap}
body[data-developer-atlas=true]{--atlas-bg:#f3f5fa;--atlas-surface:#fff;--atlas-raised:#eaf0f8;--atlas-ink:#17253e;--atlas-muted:#536078;--atlas-line:#d4dce8;--atlas-accent:#2459d4;--atlas-hover:#1645b5;--atlas-on-accent:#fff;--atlas-positive:#156344;--atlas-positive-bg:#e4f4eb;--atlas-danger:#b52a34;--atlas-code:#17253e;--atlas-code-ink:#edf3ff;--workspace-ivory:var(--atlas-bg);--workspace-paper:var(--atlas-surface);--workspace-sage:var(--atlas-raised);--workspace-sage-deep:var(--atlas-line);--workspace-navy:var(--atlas-ink);--workspace-navy-deep:var(--atlas-hover);--workspace-teal:var(--atlas-accent);--workspace-teal-dark:var(--atlas-accent);--workspace-ink:var(--atlas-ink);--workspace-muted:var(--atlas-muted);--workspace-border:var(--atlas-line);--workspace-border-strong:var(--atlas-line);--workspace-danger:var(--atlas-danger);--workspace-code:var(--atlas-code);--text-primary:var(--atlas-ink);--text-secondary:var(--atlas-muted);--text-muted:var(--atlas-muted);--border:var(--atlas-line);--bg-card:var(--atlas-surface);--font-mono:ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--atlas-bg)!important;color:var(--atlas-ink)!important;font:500 14px/1.5 AtlasPlex,"IBM Plex Sans",sans-serif;-webkit-font-smoothing:antialiased;color-scheme:light;overflow-x:clip;scrollbar-color:var(--atlas-line) var(--atlas-bg)}
body[data-developer-atlas=true][data-developer-theme=dark]{--atlas-bg:#000;--atlas-surface:#111215;--atlas-raised:#202329;--atlas-ink:#f0f3f9;--atlas-muted:#b5bfce;--atlas-line:#353b45;--atlas-accent:#95b7ff;--atlas-hover:#b1caff;--atlas-on-accent:#112644;--atlas-positive:#92dfb9;--atlas-positive-bg:#173228;--atlas-danger:#ffabb3;--atlas-code:#090b0e;--atlas-code-ink:#e3eaf7;color-scheme:dark}
body[data-developer-atlas=true] *{box-sizing:border-box}
body[data-developer-atlas=true] [hidden]{display:none!important}
body[data-developer-atlas=true] ::selection{background:var(--atlas-accent);color:var(--atlas-on-accent)}
body[data-developer-atlas=true] :is(input,textarea){caret-color:var(--atlas-accent)}
body[data-developer-atlas=true] :is(input,textarea)::placeholder{color:var(--atlas-muted);opacity:1}
body[data-developer-atlas=true] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--atlas-accent)!important;outline-offset:3px;box-shadow:none!important}
body[data-developer-atlas=true] :is(a,button){-webkit-tap-highlight-color:transparent}
body[data-developer-atlas=true] button:disabled{cursor:not-allowed;opacity:.5}
body[data-developer-atlas=true] a{color:var(--atlas-accent);text-underline-offset:4px}
body[data-developer-atlas=true] > .container{width:calc(100% - 226px)!important;max-width:none!important;min-height:100dvh;margin:0 0 0 226px!important;padding:0 40px 48px!important;background:var(--atlas-bg)!important}
body[data-developer-atlas=true] .top-bar{display:none!important}
body[data-developer-atlas=true] #atlas-sidebar{position:fixed;z-index:50;inset:0 auto 0 0;display:flex;flex-direction:column;gap:24px;width:226px;height:100dvh;padding:28px 20px;background:var(--atlas-surface);overflow-y:auto;border-right:1px solid var(--atlas-line)}
body[data-developer-atlas=true] .atlas-brand{display:block;text-decoration:none;color:var(--atlas-ink)}
body[data-developer-atlas=true] .atlas-brand img{display:block;width:180px;max-width:100%;height:28px;object-fit:contain;object-position:left}
body[data-developer-atlas=true] .atlas-brand small{display:block;margin-top:9px;font-size:12px;font-weight:500;color:var(--atlas-muted)}
body[data-developer-atlas=true] .atlas-account{display:flex;align-items:center;gap:10px;padding:13px 10px;border-radius:8px;background:var(--atlas-bg);min-width:0}
body[data-developer-atlas=true] .atlas-account>div{min-width:0}
body[data-developer-atlas=true] .atlas-account strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:13px;white-space:nowrap}
body[data-developer-atlas=true] .atlas-account small{display:block;font-size:11px;color:var(--atlas-muted)}
body[data-developer-atlas=true] .atlas-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--atlas-raised);color:var(--atlas-accent);font-size:12px;font-weight:600}
body[data-developer-atlas=true] .atlas-profile-name{overflow-wrap:anywhere}
body[data-developer-atlas=true] .atlas-nav{display:flex;flex-direction:column;gap:3px}
body[data-developer-atlas=true] .atlas-nav :is(a,button){display:flex;align-items:center;gap:11px;min-height:44px;padding:11px 12px;border:0;border-radius:7px;background:transparent;color:var(--atlas-muted);font:600 13px AtlasPlex,sans-serif;text-decoration:none;text-align:left;cursor:pointer}
body[data-developer-atlas=true] .atlas-nav :is(a,button):hover{background:var(--atlas-raised);color:var(--atlas-ink)}
body[data-developer-atlas=true] .atlas-nav [aria-current=page]{background:var(--atlas-raised);color:var(--atlas-accent)}
body[data-developer-atlas=true] #atlas-sidebar svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body[data-developer-atlas=true] .atlas-sidebar-foot{display:grid;gap:8px;margin-top:auto;padding:8px 8px 0;font-size:12px}
body[data-developer-atlas=true] .atlas-sidebar-foot :is(a,button){display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 0;border:0;background:transparent;color:var(--atlas-muted);font:500 12px AtlasPlex,sans-serif;text-decoration:none;cursor:pointer}
body[data-developer-atlas=true] .atlas-sidebar-foot :is(a,button):hover{color:var(--atlas-ink)}
body[data-developer-atlas=true] .atlas-sidebar-foot :is(#atlas-theme-toggle,[data-atlas-theme],.atlas-theme-button){justify-content:center;width:44px;height:44px;margin-top:8px;padding:10px;border-radius:7px;background:var(--atlas-raised)}
body[data-developer-atlas=true] .atlas-appbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:89px;margin:auto;padding:22px 0;color:var(--atlas-muted);font-size:13px;border-bottom:1px solid var(--atlas-line)}
body[data-developer-atlas=true] .atlas-appbar strong{display:block;color:var(--atlas-ink);font-size:15px;font-weight:600}
body[data-developer-atlas=true] .atlas-appbar small{font-size:12px}
body[data-developer-atlas=true] .atlas-appbar :is(.atlas-appbar-actions,.atlas-profile){display:flex;align-items:center;gap:12px;min-width:0}
body[data-developer-atlas=true] .atlas-appbar button{min-height:44px;border:0;border-radius:7px;padding:10px 14px;background:var(--atlas-accent);color:var(--atlas-on-accent);font:600 13px AtlasPlex,sans-serif;cursor:pointer}
body[data-developer-atlas=true] #atlas-menu-toggle{display:none}
body[data-developer-atlas=true] :is(.developer-workspace,.playground-workspace,#modelsScreenNew,#atlasBillingScreen){width:100%!important;max-width:1480px!important;margin:0 auto!important;padding:30px 0 36px!important;color:var(--atlas-ink);gap:24px}
body[data-developer-atlas=true] .workspace-page-header{align-items:flex-start;margin-bottom:28px;gap:24px}
body[data-developer-atlas=true] .workspace-eyebrow{display:none}
body[data-developer-atlas=true] :is(.workspace-page-header h1,.workspace-page-header h2,#modelsScreenNew>div:first-child h2){margin:0!important;color:var(--atlas-ink)!important;font:700 30px/1.2 AtlasPlex,sans-serif!important;letter-spacing:-.03em!important;text-wrap:balance}
body[data-developer-atlas=true] .workspace-page-header p:not(.workspace-eyebrow){margin-top:9px;font-size:14px;line-height:1.6;max-width:68ch;color:var(--atlas-muted)}
body[data-developer-atlas=true] .workspace-grid{gap:22px}
body[data-developer-atlas=true] .workspace-panel{border:0!important;border-radius:12px!important;background:var(--atlas-surface)!important;box-shadow:none!important;min-width:0}
body[data-developer-atlas=true] .workspace-panel-inner{padding:26px}
body[data-developer-atlas=true] .workspace-panel-heading :is(h2,h3){color:var(--atlas-ink);font:700 20px/1.3 AtlasPlex,sans-serif;letter-spacing:-.02em}
body[data-developer-atlas=true] .workspace-panel-heading p{font-size:13px;line-height:1.6;color:var(--atlas-muted);margin-top:6px}
body[data-developer-atlas=true] :is(.workspace-summary-label,.workspace-metric-label,.execution-label){font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--atlas-muted)}
body[data-developer-atlas=true] :is(.workspace-summary-value,.workspace-metric-value,.balance-amount){font-family:AtlasPlex,sans-serif;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--atlas-ink)}
body[data-developer-atlas=true] .workspace-summary-value{font-size:22px}
body[data-developer-atlas=true] .usage-metrics{border:0;padding:0;gap:20px}
body[data-developer-atlas=true] .workspace-metric{padding:0!important;border:0!important}
body[data-developer-atlas=true] .workspace-metric-value{font-size:27px;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
body[data-developer-atlas=true] .workspace-metric-value.is-cost{color:var(--atlas-ink)}
body[data-developer-atlas=true] .workspace-filter-group{gap:8px;flex-wrap:wrap}
body[data-developer-atlas=true] .workspace-filter-group select{width:auto;max-width:190px;background:var(--atlas-raised);border-color:transparent;font-size:12px}
body[data-developer-atlas=true] .atlas-periods{display:flex;gap:2px;padding:3px;border-radius:8px;background:var(--atlas-bg)}
body[data-developer-atlas=true] .atlas-periods button{min-height:38px;padding:6px 10px;border:0;border-radius:6px;background:transparent;color:var(--atlas-muted);font:500 12px AtlasPlex,sans-serif;white-space:nowrap;cursor:pointer}
body[data-developer-atlas=true] .atlas-periods [aria-pressed=true]{background:var(--atlas-raised);color:var(--atlas-ink);font-weight:600}
body[data-developer-atlas=true] .usage-chart-frame{height:290px;padding:12px 0 0;border:0;border-radius:0;background:transparent}
body[data-developer-atlas=true] .usage-chart-empty{background:var(--atlas-surface);color:var(--atlas-muted)}
body[data-developer-atlas=true] :is(.workspace-button,.btn-primary,.btn-secondary,.btn-ghost,.btn-danger,.copy-btn,.terminal-action-btn,.workspace-modal-close){min-height:44px;border:0!important;border-radius:6px;box-shadow:none!important;background:var(--atlas-raised)!important;color:var(--atlas-ink)!important;font:600 13px AtlasPlex,sans-serif;letter-spacing:0;text-transform:none;padding:10px 14px;cursor:pointer}
body[data-developer-atlas=true] :is(.workspace-button-primary,.btn-primary,.btn-run-playground){background:var(--atlas-accent)!important;color:var(--atlas-on-accent)!important}
body[data-developer-atlas=true] :is(.workspace-button-primary,.btn-primary,.btn-run-playground):hover{background:var(--atlas-hover)!important}
body[data-developer-atlas=true] :is(.btn-danger,.workspace-button-danger){color:var(--atlas-danger)!important;background:var(--atlas-raised)!important}
body[data-developer-atlas=true] :is(.workspace-select,.workspace-input,.form-input,.playground-textarea){min-height:44px;max-width:100%;border:1px solid var(--atlas-line)!important;border-radius:7px;background:var(--atlas-surface)!important;color:var(--atlas-ink)!important;font:500 13px/1.5 AtlasPlex,sans-serif;box-shadow:none!important}
body[data-developer-atlas=true] :is(input,textarea,select){accent-color:var(--atlas-accent)}
body[data-developer-atlas=true] .workspace-input{padding:10px 12px}
body[data-developer-atlas=true] :is(.workspace-form-field label,.form-label){color:var(--atlas-ink);font-size:13px;font-weight:600}
body[data-developer-atlas=true] :is(.workspace-form-field p,.workspace-modal-copy,.workspace-modal-help){font-size:12px;color:var(--atlas-muted);line-height:1.65}
body[data-developer-atlas=true] .surface-key-list{gap:0}
body[data-developer-atlas=true] .surface-key-item{padding:20px 0;border:0;border-top:1px solid var(--atlas-line);border-radius:0;background:transparent;gap:20px}
body[data-developer-atlas=true] .surface-key-name{font-size:14px;color:var(--atlas-ink)}
body[data-developer-atlas=true] :is(.surface-key-meta,.surface-key-details){color:var(--atlas-muted);font-size:12px}
body[data-developer-atlas=true] .surface-key-meta{font-family:var(--font-mono)}
body[data-developer-atlas=true] .surface-key-detail.is-linked{color:var(--atlas-accent)}
body[data-developer-atlas=true] .empty-keys-state{border:0;background:var(--atlas-bg);color:var(--atlas-muted);padding:28px 18px}
body[data-developer-atlas=true] .empty-keys-state.is-error{color:var(--atlas-danger)}
body[data-developer-atlas=true] :is(.workspace-notice,.account-resend-section,.playground-key-security-note){border:0!important;background:var(--atlas-raised)!important;color:var(--atlas-muted)!important;border-radius:8px;box-shadow:none}
body[data-developer-atlas=true] .balance-amount{font-size:38px;line-height:1.3;letter-spacing:-.03em;margin:8px 0}
body[data-developer-atlas=true] :is(.balance-caption,.allowance-item p){font-size:12px;color:var(--atlas-muted)}
body[data-developer-atlas=true] .allowance-list{gap:20px;margin-top:28px}
body[data-developer-atlas=true] .allowance-item{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body[data-developer-atlas=true] .allowance-item.is-primary{border:0;background:transparent;box-shadow:none}
body[data-developer-atlas=true] .allowance-track{background:var(--atlas-raised);border-radius:4px}
body[data-developer-atlas=true] .allowance-track span{background:var(--atlas-accent)}
body[data-developer-atlas=true] .allowance-heading{color:var(--atlas-ink)}
body[data-developer-atlas=true] .allowance-heading span{color:var(--atlas-muted);font:500 11px AtlasPlex,sans-serif}
body[data-developer-atlas=true] .workspace-billing-note{padding:20px 0 0;margin-top:24px;border:0;border-top:1px solid var(--atlas-line);border-radius:0;background:transparent}
body[data-developer-atlas=true] .workspace-billing-note h3{font-size:14px;color:var(--atlas-ink)}
body[data-developer-atlas=true] .workspace-billing-note p{font-size:12px;color:var(--atlas-muted)}
body[data-developer-atlas=true] .preset-amount-btn{min-height:94px!important;padding:18px 14px!important;text-align:left;border:1px solid var(--atlas-line)!important;border-radius:9px;background:var(--atlas-bg)!important;color:var(--atlas-ink)!important;font:700 26px AtlasPlex,sans-serif!important;box-shadow:none!important}
body[data-developer-atlas=true] .preset-amount-btn.active{border-color:var(--atlas-accent)!important;background:var(--atlas-raised)!important;color:var(--atlas-accent)!important}
body[data-developer-atlas=true][data-developer-route=billing] .atlas-manage-credits{display:none!important}
body[data-developer-atlas=true][data-developer-route=overview] #addFundsSection{display:none!important}
body[data-developer-atlas=true] .promo-code-row{margin-top:20px}
body[data-developer-atlas=true] #promoCodeStatus{font-size:13px;color:var(--atlas-positive)}
body[data-developer-atlas=true] #promoCodeStatus.is-error{color:var(--atlas-danger)}
body[data-developer-atlas=true] .quickstart-code{padding:18px;border:0;border-radius:8px;background:var(--atlas-code);color:var(--atlas-code-ink);font:12px/1.85 var(--font-mono);overflow:auto}
body[data-developer-atlas=true] .account-detail-row{align-items:start;padding:18px 0;gap:20px;font-size:13px;border-color:var(--atlas-line)}
body[data-developer-atlas=true] .account-detail-value{color:var(--atlas-ink);font-weight:500;overflow-wrap:anywhere;min-width:0}
body[data-developer-atlas=true] .status-pill{padding:4px 8px;border-radius:5px;font:600 11px AtlasPlex,sans-serif}
body[data-developer-atlas=true] .status-pill.is-verified{background:var(--atlas-positive-bg);color:var(--atlas-positive)}
body[data-developer-atlas=true] .status-pill.is-unverified{background:var(--atlas-raised);color:var(--atlas-muted)}
body[data-developer-atlas=true] .workspace-modal{background:#0009;backdrop-filter:none}
body[data-developer-atlas=true] .workspace-modal .modal-box{max-height:calc(100dvh - 40px);overflow:auto;padding:28px;border:0;border-radius:14px;background:var(--atlas-surface);color:var(--atlas-ink);box-shadow:0 20px 70px #0006}
body[data-developer-atlas=true] .workspace-modal :is(.modal-title,h2,h3,legend){color:var(--atlas-ink);font-family:AtlasPlex,sans-serif;letter-spacing:-.02em}
body[data-developer-atlas=true] .workspace-modal .modal-title{font-size:25px;font-weight:700}
body[data-developer-atlas=true] :is(.new-key-display,.warning-box,.workspace-modal .notice,.workspace-modal .key-limits-note){border-color:var(--atlas-line);background:var(--atlas-bg);color:var(--atlas-ink);overflow-wrap:anywhere}
body[data-developer-atlas=true] .new-key-display span{font:12px/1.7 var(--font-mono);min-width:0;overflow-wrap:anywhere}
body[data-developer-atlas=true] .key-limits-fieldset{border-color:var(--atlas-line);min-width:0}
body[data-developer-atlas=true] .key-limits-feature-status{color:var(--atlas-muted)}
body[data-developer-atlas=true] #modelsScreenNew>div:first-child{border:0!important;padding:0!important;gap:20px}
body[data-developer-atlas=true] #modelsScreenNew>div:nth-child(2){display:flex!important;flex-direction:column;gap:22px!important}
body[data-developer-atlas=true] #modelsScreenNew .model-strip{min-height:0!important}
body[data-developer-atlas=true] #modelsScreenNew .model-strip-left>div:first-child>div:first-child{justify-content:flex-start!important;align-items:center!important;gap:14px;margin-bottom:14px!important}
body[data-developer-atlas=true] #modelsScreenNew .model-strip img{order:0;padding:0;background:transparent}
body[data-developer-atlas=true] #modelsScreenNew .model-strip{display:grid!important;grid-template-columns:minmax(0,1fr) 270px!important;gap:30px;padding:28px!important;border:0!important;border-radius:12px;background:var(--atlas-surface)!important;box-shadow:none!important;transform:none!important;color:var(--atlas-ink)!important}
body[data-developer-atlas=true] #modelsScreenNew .model-strip-left{min-width:0;max-width:none}
body[data-developer-atlas=true] #modelsScreenNew .model-strip-right{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;padding:0!important;border:0!important;background:transparent!important;min-width:0}
body[data-developer-atlas=true] #modelsScreenNew :is(.model-strip h4,.model-spec-value){color:var(--atlas-ink)!important;font-family:AtlasPlex,sans-serif!important}
body[data-developer-atlas=true] #modelsScreenNew .model-strip h4{font-weight:700;font-size:20px!important}
body[data-developer-atlas=true] #modelsScreenNew :is(.model-strip p,.model-strip-left>div:first-child span,.model-spec-label){color:var(--atlas-muted)!important;font-size:12px;line-height:1.65}
body[data-developer-atlas=true] #modelsScreenNew .model-spec-label{font-size:11px!important;font-weight:500;letter-spacing:0;text-transform:none}
body[data-developer-atlas=true] #modelsScreenNew .model-spec-cell{padding:0!important;border:0!important;background:transparent!important}
body[data-developer-atlas=true] #modelsScreenNew .model-strip img{width:42px!important;height:42px!important;border:0!important;box-shadow:none!important;filter:none!important}
body[data-developer-atlas=true] #modelsScreenNew .model-strip .btn-primary{background:var(--atlas-accent)!important;color:var(--atlas-on-accent)!important}
body[data-developer-atlas=true] #modelsScreenNew .model-strip .btn-ghost{background:var(--atlas-raised)!important;color:var(--atlas-ink)!important}
body[data-developer-atlas=true] #playgroundScreenNew .playground-layout{grid-template-columns:minmax(0,1fr) 286px!important;gap:22px!important;align-items:start!important}
body[data-developer-atlas=true] #playgroundScreenNew .playground-settings{grid-column:2;grid-row:1;gap:20px!important}
body[data-developer-atlas=true] #playgroundScreenNew .playground-main{grid-column:1;grid-row:1;gap:18px!important}
body[data-developer-atlas=true] #playgroundScreenNew :is(.playground-main,.playground-settings){padding:24px!important;border:0!important;border-radius:12px!important;background:var(--atlas-surface)!important;color:var(--atlas-ink)!important;box-shadow:none!important}
body[data-developer-atlas=true] #playgroundScreenNew .playground-settings .card-title{font:700 17px AtlasPlex,sans-serif!important;color:var(--atlas-ink)}
body[data-developer-atlas=true] #playgroundScreenNew .form-label{font-size:12px!important;letter-spacing:0;text-transform:none;color:var(--atlas-muted)!important;font-weight:500}
body[data-developer-atlas=true] #playgroundScreenNew .form-input{border-color:var(--atlas-line)!important;background:var(--atlas-surface)!important;color:var(--atlas-ink)!important;font-family:AtlasPlex,sans-serif}
body[data-developer-atlas=true] #playgroundScreenNew :is(.playground-system-details,.playground-composer){border-color:var(--atlas-line);background:var(--atlas-surface)}
body[data-developer-atlas=true] #playgroundScreenNew .playground-system-summary{color:var(--atlas-ink);font-size:12px}
body[data-developer-atlas=true] #playgroundScreenNew .playground-key-security-note strong{color:var(--atlas-ink)}
body[data-developer-atlas=true] #playgroundScreenNew .playground-key-security-note p{color:var(--atlas-muted)}
body[data-developer-atlas=true] #playgroundScreenNew .playground-chat-log{min-height:400px;max-height:58dvh;gap:24px}
body[data-developer-atlas=true] #playgroundScreenNew .playground-chat-bubble{max-width:90%;gap:10px}
body[data-developer-atlas=true] #playgroundScreenNew .playground-chat-bubble.is-user .playground-bubble-content{background:var(--atlas-raised);color:var(--atlas-ink);border-radius:10px;padding:14px 18px}
body[data-developer-atlas=true] #playgroundScreenNew .playground-chat-bubble.is-assistant .playground-bubble-content{border:0;background:transparent;color:var(--atlas-ink);padding:0;font-size:14px;line-height:1.8}
body[data-developer-atlas=true] #playgroundScreenNew .playground-bubble-meta{flex-wrap:wrap;color:var(--atlas-muted);font-family:AtlasPlex,sans-serif;font-size:11px;line-height:1.6}
body[data-developer-atlas=true] .atlas-run-telemetry{display:flex;flex-wrap:wrap;gap:10px 22px;width:100%;padding:16px 0 0;margin-top:12px;border-top:1px solid var(--atlas-line);color:var(--atlas-muted)}
body[data-developer-atlas=true] .atlas-run-stat{display:flex;flex-direction:column;gap:3px;min-width:84px;font:500 11px/1.6 AtlasPlex,sans-serif}
body[data-developer-atlas=true] .atlas-run-stat :is(strong,b){font-size:13px;font-weight:600;color:var(--atlas-ink);font-variant-numeric:tabular-nums}
body[data-developer-atlas=true] .atlas-response-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;margin-top:18px;padding-top:16px;border-top:1px solid var(--atlas-line);color:var(--atlas-muted);font-size:12px}
body[data-developer-atlas=true] #playgroundScreenNew .playground-composer{border-radius:10px;padding:10px}
body[data-developer-atlas=true] #playgroundScreenNew .playground-composer-input{color:var(--atlas-ink);font:500 14px/1.6 AtlasPlex,sans-serif}
body[data-developer-atlas=true] #playgroundScreenNew .playground-send-btn{background:var(--atlas-accent);color:var(--atlas-on-accent);border-radius:7px}
body[data-developer-atlas=true] #playgroundScreenNew :is(.prompt-pill,.preset-pill){background:var(--atlas-raised);color:var(--atlas-muted);border:0;border-radius:6px;min-height:40px;font:500 12px AtlasPlex,sans-serif}
body[data-developer-atlas=true] #playgroundScreenNew .playground-session-stat-val{font-family:AtlasPlex,sans-serif;color:var(--atlas-ink);font-variant-numeric:tabular-nums}
body[data-developer-atlas=true] #playgroundScreenNew .playground-session-stat-lbl{font-size:11px;text-transform:none;letter-spacing:0;color:var(--atlas-muted)}
body[data-developer-atlas=true] :is(#groundingGroup,#groundingGroup+div){border-color:var(--atlas-line)!important}
body[data-developer-atlas=true] :is(#groundingGroup,#groundingGroup+div)>div>span{color:var(--atlas-muted)!important}
body[data-developer-atlas=true] #globalToast{background:var(--atlas-ink);color:var(--atlas-bg);border:0;border-radius:8px;font-family:AtlasPlex,sans-serif;box-shadow:0 10px 30px #0003}
body[data-developer-atlas=true][data-developer-route=keys] .workspace-panel-credentials,
body[data-developer-atlas=true][data-developer-route=usage] .workspace-panel-usage{grid-column:1/-1}
body[data-developer-atlas=true][data-developer-route=keys] #apiConsoleSurface :is(.workspace-panel-usage,.workspace-panel-balance,.workspace-panel-quickstart),
body[data-developer-atlas=true][data-developer-route=usage] #apiConsoleSurface :is(.workspace-panel-credentials,.workspace-panel-balance,.workspace-panel-quickstart){display:none!important}
body[data-developer-atlas=true] #atlasBillingScreen .workspace-panel-balance{grid-column:span 8}
body[data-developer-atlas=true] #atlasBillingScreen .workspace-panel-promo{grid-column:span 4}
body[data-developer-atlas=true] #atlasBillingScreen .balance-amount{font-size:42px}
/* Material corrections from the combined production visual review. */
body[data-developer-atlas=true][data-developer-route=billing] #apiConsoleSurface{display:none!important}
body[data-developer-atlas=true] #atlasBillingScreen{flex-direction:column;align-items:stretch}
body[data-developer-atlas=true] #atlasBillingScreen>.workspace-grid{width:100%}
body[data-developer-atlas=true] .atlas-appbar{width:100%}
body[data-developer-atlas=true] .surface-key-item{grid-template-columns:minmax(0,1fr)}
body[data-developer-atlas=true] .surface-key-item .workspace-row-actions{justify-content:flex-start}
body[data-developer-atlas=true] #surfaceGenerateKeyBtn{display:none!important}
body[data-developer-atlas=true][data-developer-route=overview] :is(#walletAddFundsToggleBtn,.workspace-billing-note){display:none!important}
body[data-developer-atlas=true] #playgroundScreenNew textarea.playground-composer-input{padding:8px 6px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--atlas-ink)!important;font:500 14px/1.6 AtlasPlex,sans-serif!important;box-shadow:none!important}
body[data-developer-atlas=true] #playgroundScreenNew :is(.setting-row,.setting-slot-grounding,.setting-slot-streaming){border-color:var(--atlas-line)!important;background:var(--atlas-surface)!important;color:var(--atlas-ink)!important}
body[data-developer-atlas=true] #playgroundScreenNew .setting-row-copy strong{color:var(--atlas-ink)!important}
body[data-developer-atlas=true] #playgroundScreenNew .setting-row-copy span{color:var(--atlas-muted)!important}
body[data-developer-atlas=true] #playgroundScreenNew .playground-chat-toolbar{display:flex!important;justify-content:flex-end!important}
body[data-developer-atlas=true] #playgroundScreenNew #playgroundClearBtn{width:auto!important;flex:none!important}
body[data-developer-atlas=true] #playgroundScreenNew .atlas-play-model{display:flex;align-items:center;gap:10px;min-width:0}
body[data-developer-atlas=true] #playgroundScreenNew .atlas-play-model img{display:block;width:32px;height:32px;flex:none;object-fit:contain}
body[data-developer-atlas=true] #playgroundScreenNew .atlas-play-model select{flex:1;min-width:0;width:0}
@media(min-width:701px) and (max-height:760px){body[data-developer-atlas=true] #atlas-sidebar{padding-block:20px;gap:20px}body[data-developer-atlas=true] .atlas-nav{gap:1px}body[data-developer-atlas=true] .atlas-sidebar-foot{gap:0}}
@media(max-width:1150px){body[data-developer-atlas=true] > .container{padding-inline:24px!important}body[data-developer-atlas=true] .workspace-panel-header{flex-wrap:wrap}body[data-developer-atlas=true] .workspace-panel-inner{padding:24px}body[data-developer-atlas=true] #modelsScreenNew .model-strip{grid-template-columns:minmax(0,1fr)!important}body[data-developer-atlas=true] #modelsScreenNew .model-strip-right{grid-template-columns:repeat(4,minmax(0,1fr))!important}body[data-developer-atlas=true] #playgroundScreenNew .playground-layout{grid-template-columns:minmax(0,1fr)!important}body[data-developer-atlas=true] #playgroundScreenNew .playground-settings{grid-column:1;grid-row:2}body[data-developer-atlas=true] #playgroundScreenNew .playground-main{grid-column:1;grid-row:1}}
@media(max-width:980px){body[data-developer-atlas=true] .workspace-grid{grid-template-columns:minmax(0,1fr)!important}body[data-developer-atlas=true] .workspace-grid>.workspace-panel{grid-column:1!important}body[data-developer-atlas=true] .workspace-page-header{flex-wrap:wrap}body[data-developer-atlas=true] .surface-key-item{grid-template-columns:minmax(0,1fr)}body[data-developer-atlas=true] .workspace-row-actions{justify-content:flex-start}}
@media(max-width:700px){body[data-developer-atlas=true] > .container{width:100%!important;margin:0!important;padding:84px 18px 88px!important}body[data-developer-atlas=true] #atlas-sidebar{position:absolute;inset:0 0 auto;width:100%;height:auto;min-height:84px;max-height:100dvh;margin:0;padding:20px 18px;border:0;gap:0;overflow-y:auto}body[data-developer-atlas=true] .atlas-brand img{width:154px;height:24px}body[data-developer-atlas=true] .atlas-brand small{margin-top:5px}body[data-developer-atlas=true] .atlas-account{display:none}body[data-developer-atlas=true] .atlas-nav{display:none;margin-top:20px}body[data-developer-atlas=true].atlas-menu-open .atlas-nav{display:flex}body[data-developer-atlas=true] .atlas-sidebar-foot{height:0;margin:0;padding:0}body[data-developer-atlas=true] .atlas-sidebar-foot>:not(#atlas-theme-toggle):not([data-atlas-theme]):not(.atlas-theme-button){display:none}body[data-developer-atlas=true] .atlas-sidebar-foot :is(#atlas-theme-toggle,[data-atlas-theme],.atlas-theme-button){position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;margin:0;background:var(--atlas-surface);border:1px solid var(--atlas-line);border-radius:8px}body[data-developer-atlas=true] #atlas-menu-toggle{display:inline-flex;align-items:center;justify-content:center;position:absolute;z-index:70;top:22px;right:18px;min-height:44px;width:44px;border:0;border-radius:7px;background:var(--atlas-raised);color:var(--atlas-ink)}body[data-developer-atlas=true] .atlas-appbar{min-height:68px;padding:16px 0;border:0;gap:10px}body[data-developer-atlas=true] .atlas-appbar .atlas-profile-name{display:none}body[data-developer-atlas=true] .atlas-appbar :is(.atlas-profile,.atlas-appbar-actions)>small{display:none}body[data-developer-atlas=true] :is(.developer-workspace,.playground-workspace,#modelsScreenNew,#atlasBillingScreen){padding:24px 0 0!important}body[data-developer-atlas=true] :is(.workspace-page-header h1,.workspace-page-header h2,#modelsScreenNew>div:first-child h2){font-size:28px!important}body[data-developer-atlas=true] .workspace-page-header{gap:20px;margin-bottom:24px}body[data-developer-atlas=true] .workspace-panel-inner{padding:22px}body[data-developer-atlas=true] .usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}body[data-developer-atlas=true] .workspace-metric-value{font-size:25px}body[data-developer-atlas=true] .usage-chart-frame{height:260px}body[data-developer-atlas=true] .workspace-filter-group{width:100%}body[data-developer-atlas=true] .workspace-filter-group select{max-width:none;min-width:0;flex:1}body[data-developer-atlas=true] .workspace-summary{gap:20px}body[data-developer-atlas=true] .workspace-summary-item+.workspace-summary-item{padding-left:20px}body[data-developer-atlas=true] .workspace-subsection-header{align-items:flex-start;flex-wrap:wrap;gap:16px}body[data-developer-atlas=true] .account-detail-row{display:grid;grid-template-columns:1fr;gap:8px}body[data-developer-atlas=true] .account-detail-value{justify-content:flex-start;text-align:left}body[data-developer-atlas=true] .promo-code-row{flex-wrap:wrap}body[data-developer-atlas=true] .promo-code-row input{width:100%;flex-basis:100%}body[data-developer-atlas=true] #modelsScreenNew>div:first-child{align-items:flex-start!important;flex-wrap:wrap}body[data-developer-atlas=true] #modelsScreenNew .model-strip{padding:24px!important;gap:22px}body[data-developer-atlas=true] #modelsScreenNew .model-strip-right{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-developer-atlas=true] #playgroundScreenNew :is(.playground-main,.playground-settings){padding:22px!important}body[data-developer-atlas=true] #playgroundScreenNew .playground-chat-log{min-height:320px}body[data-developer-atlas=true] .workspace-modal .modal-box{width:calc(100vw - 32px);padding:24px;max-height:calc(100dvh - 32px)}body[data-developer-atlas=true] #globalToast{bottom:calc(76px + env(safe-area-inset-bottom))}}
@media(max-width:700px){body[data-developer-atlas=true].atlas-menu-open .atlas-sidebar-foot{height:auto;margin-top:12px;padding:8px}body[data-developer-atlas=true].atlas-menu-open .atlas-sidebar-foot>:not(#atlas-theme-toggle){display:flex}body[data-developer-atlas=true].atlas-menu-open .atlas-nav{padding-top:8px;border-top:1px solid var(--atlas-line)}body[data-developer-atlas=true] .atlas-periods{flex:1}body[data-developer-atlas=true] .atlas-periods button{flex:1}}
@media(prefers-reduced-motion:reduce){body[data-developer-atlas=true] *,body[data-developer-atlas=true] *::before,body[data-developer-atlas=true] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body[data-developer-atlas=true] .atlas-model-breakdown{display:none;grid-column:1/-1}
body[data-developer-atlas=true][data-developer-route=usage] .atlas-model-breakdown{display:block}
body[data-developer-atlas=true] .atlas-table-scroll{max-width:100%;overflow:auto;margin-top:18px}
body[data-developer-atlas=true] .atlas-table-scroll table{border-collapse:collapse;width:100%;min-width:510px;font-size:13px;color:var(--atlas-ink)}
body[data-developer-atlas=true] .atlas-table-scroll :is(th,td){padding:15px 16px 15px 0;border-bottom:1px solid var(--atlas-line);text-align:right;font-variant-numeric:tabular-nums}
body[data-developer-atlas=true] .atlas-table-scroll :is(th,td):first-child{text-align:left}
body[data-developer-atlas=true] .atlas-table-scroll thead th{font-size:12px;font-weight:500;color:var(--atlas-muted)}
body[data-developer-atlas=true] .atlas-bucket-details{margin-top:22px;font-size:12px;color:var(--atlas-muted)}
body[data-developer-atlas=true] .atlas-bucket-details summary{padding:12px 0;cursor:pointer}
body[data-developer-atlas=true] .atlas-bucket-details .atlas-table-scroll{max-height:350px;margin-top:4px}
body[data-developer-atlas=true] .atlas-account-documents{grid-column:1/-1}
body[data-developer-atlas=true] .atlas-account-documents nav{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:18px}
body[data-developer-atlas=true] .atlas-account-documents nav a{min-height:44px;display:inline-flex;align-items:center;font-size:13px}