@font-face{font-family:"JetBrains Mono";src:url("assets/JetBrainsMono.ttf") format("truetype");font-weight:100 800;font-display:swap}
@font-face{font-family:Onest;src:url('assets/Onest.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url('assets/BricolageGrotesque.ttf') format('truetype');font-weight:200 800;font-display:swap}
/* The five assets/shugg-*.css files are unmodified copies from the main Shugg.
   Only the standalone API-key flow, data fixtures and reduced navigation are adapted here. */
[hidden]{display:none!important}.sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.local-login-head{height:68px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;padding:0 24px;margin:auto}.local-preview-note{color:var(--ink-3);font-size:.8rem;line-height:1.5;margin:17px 0 0}.local-field-hint{margin:-9px 0 0}.au__input [aria-invalid="true"]{color:var(--danger-ink)}
.local-key{display:flex;align-items:center;gap:11px;padding:4px 12px 10px}.local-key>span{display:grid;gap:5px}.local-key small{color:var(--ink-3);font-size:.75rem}.local-key code{font-size:.84rem;color:var(--ink)}.local-theme-label{color:var(--ink-2);font-size:.85rem;padding-left:12px}.local-support{display:flex;align-items:flex-start;gap:10px;color:var(--ink-3);font-size:.78rem;line-height:1.6;padding:10px 12px;margin:0}.local-backdrop{border:0;padding:0}.local-demo-label{font-size:.76rem}.local-preview-banner{display:flex;align-items:center;gap:11px;padding:12px 15px;margin-bottom:24px!important;border:1px solid var(--hair-2);border-radius:12px;background:var(--paper-3);color:var(--ink-2);font-size:.84rem}.local-info{display:grid;place-items:center;width:18px;height:18px;flex:none;border:1px solid var(--ink-3);border-radius:50%;font:12px Georgia,serif}.local-inline-link{display:inline;padding:0;border:0;background:none;color:var(--link);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.local-stats{grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:0}.local-stats .stat__value{font-size:1.65rem}.local-stats .stat__value small{font-size:.82rem;font-weight:500;letter-spacing:0;color:var(--ink-3)}.local-stats .stat__hint{font-size:.78rem;line-height:1.5}.local-balance-meter{height:7px;border:1.4px solid var(--edge);border-radius:999px;background:var(--white);overflow:hidden;margin-top:auto}.local-balance-meter span{display:block;height:100%;background:var(--blue);width:78.6%}.local-balance-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;margin-top:7px;color:var(--ink-3);font-size:.74rem}.local-balance-meta b{font-weight:600;color:var(--ink-2)}.bal-card__value b{font-weight:inherit}.local-update-row{display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--ink-3);font-size:.76rem}.local-guide-facts{display:grid;gap:0;margin-bottom:20px}.local-guide-facts>div{display:grid;gap:6px;padding:12px 0;border-top:1px solid var(--hair)}.local-guide-facts span{color:var(--ink-3);font-size:.78rem}.local-guide-facts b{font-size:.87rem;font-weight:600}.local-guide-facts code{font-size:.8rem;overflow-wrap:anywhere}.local-guide-note{margin:16px 0 0}.gw-tile .local-client-initial{display:grid;place-items:center;width:38px;height:38px;border:1.4px solid var(--hair-2);border-radius:10px;background:var(--paper-3);font:800 1.2rem var(--font-brand);color:var(--ink)}
.filters{display:flex;flex-wrap:wrap;gap:10px;padding:0 24px 20px}.search-field{display:flex;align-items:center;gap:9px;flex:1;min-width:190px;border:var(--rule);border-color:var(--control-edge);border-radius:12px;background:var(--white);padding:0 12px;color:var(--ink-3)}.search-field input{width:100%;min-width:0;border:0!important;outline:0;background:transparent;padding:10px 0;box-shadow:none!important;font-size:.84rem}.filters select{width:auto;max-width:100%;font-size:.8rem;min-height:42px}.search-field:focus-within{border-color:var(--link);box-shadow:0 0 0 3px var(--focus-ring)}.table-scroll{position:relative;overflow-x:auto}.numeric{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.th-detail{font-size:.62rem;letter-spacing:0;text-transform:none}.time-zone{font-size:.6rem}.model-cell{display:flex;align-items:center;gap:9px}.model-cell strong{font-size:.87rem}.model-cell .model-mark{display:none}.request-id,.request-date{display:block;font-family:var(--font-mono);font-size:.68rem;color:var(--ink-3);margin-top:4px}.request-time{font-size:.84rem}.token-separator{padding:0 5px;color:var(--ink-3)}.spent-amount{font:600 .84rem var(--font-mono)}.spent-unit{font-size:.68rem;color:var(--ink-3);margin-left:5px}.row-detail{width:30px;height:30px;border:1px solid var(--hair-2);background:var(--paper-3);border-radius:8px}.count-badge{padding:3px 8px;border:1px solid var(--hair-2);border-radius:7px;font:500 .72rem var(--font-mono);color:var(--ink-3);vertical-align:middle;margin-left:7px}.table-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px 10px;border-top:1px solid var(--hair);color:var(--ink-3);font-size:.78rem}.pagination{display:flex;align-items:center;gap:12px}.pagination>.icon-btn{width:30px;height:30px;border:1px solid var(--hair-2);border-radius:9px}.pagination .icon{width:14px;height:14px}.rotated{transform:rotate(180deg)}.empty-state{text-align:center;padding:35px 24px}.empty-state h3{font-size:1rem;margin-bottom:8px}.empty-state p{color:var(--ink-3);font-size:.86rem}.empty-icon{display:block;margin-bottom:12px;color:var(--ink-3)}.toast:not([hidden]){opacity:1;transform:translate(-50%,0);max-width:calc(100vw - 32px);white-space:normal}
.local-detail{width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:var(--rule);border-radius:20px;background:var(--white);color:var(--ink);box-shadow:var(--shadow-hard)}.local-detail::backdrop{background:var(--scrim);backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px}.dialog-heading h2{font-size:1.5rem;margin-top:10px}.detail-id{font:.78rem var(--font-mono);background:var(--paper-3);border:1px solid var(--hair);padding:12px;border-radius:9px;overflow-wrap:anywhere}.detail-list{margin:14px 0}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--hair);font-size:.86rem}.detail-list dt{color:var(--ink-3)}.detail-list dd{margin:0;text-align:right}.detail-error{color:var(--danger-ink);background:var(--danger-soft);padding:13px;border-radius:10px;font-size:.84rem}.dialog-note{font-size:.76rem;color:var(--ink-3);margin:18px 0 0}.noscript{padding:16px;background:var(--danger-soft);color:var(--danger-ink)}

@media(max-width:860px){.local-demo-label{font-size:.7rem}.local-support{display:flex}.local-preview-banner{font-size:.78rem}.local-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.local-stats .stat{padding:16px}.local-stats .stat__value{font-size:1.45rem}.filters{padding-inline:18px}.search-field{flex-basis:100%}.filters select{flex:1;min-width:100px}.requests-panel{overflow:hidden}.table-footer{padding-inline:18px}.table{min-width:720px}.bal-card{min-height:220px}.local-detail{padding:20px}.detail-list>div{font-size:.8rem}.local-update-row{font-size:.68rem}.local-theme-label{font-size:.8rem}.local-login-head{padding-inline:20px}}
@media(max-width:560px){.local-stats .stat__label{font-size:.6rem;letter-spacing:.08em}.local-stats .stat__value{font-size:1.3rem}.local-stats .stat__hint{font-size:.7rem}.local-stats{gap:10px}.local-stats .stat{padding:15px 12px}.bal-card__value{font-size:2.4rem}.local-balance-meta{font-size:.68rem}.table-footer{font-size:.7rem}.local-preview-banner{align-items:flex-start}.local-guide-facts>div{grid-template-columns:1fr 1fr}.local-demo-label{display:none}}

.local-theme-label{flex:1}

/* Original guide and balance page geometry. */
.local-demo-foot{margin:20px 0 0;font-size:.76rem;color:var(--ink-3)}.bal-card__value b{font:inherit}.cab__main #guide-title:focus,.cab__main #page-title:focus{outline:none}


#login-view .hdr__theme{margin-left:auto}

/* Standalone routes keep the original cabinet cards and model catalogue. */
.overview-heading{align-items:flex-start;margin-bottom:28px}
.overview-heading h1{margin-top:12px;font-size:clamp(2rem,3.1vw,3.2rem);line-height:1.12;letter-spacing:-.045em}
.overview-heading .local-demo-label{margin-top:4px}
.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.overview-card.panel{display:flex;flex-direction:column;gap:24px;min-width:0;margin:0;padding:28px;background:var(--white);border:var(--rule);border-radius:20px;box-shadow:none}
.overview-card h2.stat__label{margin:0;font-size:.68rem}
.overview-card--wide{grid-column:1/-1}
.overview-balance{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;line-height:1.1}
.overview-balance b{font:700 clamp(2rem,3.2vw,3rem)/1.1 var(--font-brand);letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.overview-balance>span{font-size:.88rem;color:var(--ink-3)}
.overview-card__row,.overview-card__foot{display:flex;align-items:center;justify-content:space-between;gap:16px}
.overview-card__foot{margin-top:auto}
.overview-card__foot p,.overview-card__note{margin:0;color:var(--ink-3);font-size:.82rem;line-height:1.6}
.overview-card__note{margin-top:auto}
.overview-code{min-width:0;overflow-wrap:anywhere;font:600 .95rem/1.6 var(--font-mono);color:var(--ink)}
.overview-actions{display:flex;flex-shrink:0;gap:8px}
.overview-card .btn{flex-shrink:0;white-space:nowrap}
.overview-key-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px;color:var(--ink-3);font-size:.82rem;line-height:1.5}
.overview-key-meta p{margin:0}.overview-key-meta b{color:var(--ink-2);font-weight:500}.overview-key-meta a{color:var(--link);font-weight:500}
.overview-card.overview-connect{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}
.overview-connect h2{margin:12px 0 8px;font:700 1.4rem/1.25 var(--font);letter-spacing:-.035em}
@media(max-width:1100px){.overview-grid{grid-template-columns:1fr}.overview-card.panel{gap:22px}}
@media(max-width:600px){.overview-heading h1{font-size:2rem}.overview-grid{gap:14px}.overview-card.panel{padding:22px 20px;border-radius:16px;min-height:0}.overview-card__row{align-items:flex-start;flex-direction:column;gap:16px}.overview-actions{flex-wrap:wrap}.overview-card.overview-connect{align-items:flex-start;flex-direction:column}.overview-balance b{font-size:2.25rem}.overview-card__foot{align-items:flex-end;gap:12px}.overview-card__foot p{max-width:155px}}
.local-back-link{display:inline-block;margin:0 0 12px;padding:0;border:0;background:none;color:var(--ink-3);font:inherit;font-size:.82rem;font-weight:500;cursor:pointer}
.local-back-link:hover{color:var(--ink)}
.cab__main #models-title:focus,.cab__main #requests-title:focus{outline:none}
.prov-logo--openai{--logo:url("assets/logo-openai.svg")}
.prov-logo--anthropic{--logo:url("assets/logo-anthropic.svg")}
.prov-logo--xai{--logo:url("assets/logo-xai.svg")}
.cm-card__bound{line-height:1.4}
@media(max-width:520px){.model-picker{padding:14px}.model-picker__dialog{padding:24px 20px;max-height:calc(100dvh - 28px)}.model-picker__key{align-items:stretch;flex-direction:column;gap:12px}.model-picker__key button{width:100%}}