.lab-login-shell{min-height:100dvh;display:grid;place-items:center;padding:24px}.lab-login{width:min(100%,420px);padding:30px}.lab-login h1{font-size:25px;line-height:1.25;margin:18px 0}.lab-login form{display:grid;gap:13px}.lab-login label{font-size:12px;font-weight:600}.lab-login input{width:100%;font-size:15px}.lab-login form .primary{justify-content:center;margin-top:7px}.lab-login p{line-height:1.55}.lab-account-bar{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:8px 24px;border-bottom:1px solid var(--line);font-size:12px;background:var(--paper);flex-wrap:wrap}.lab-account-bar button{font-size:11px;padding:6px 9px}.lab-account-bar [role=alert]{color:#9b5547;width:100%;text-align:right}.usage-shell main{padding:24px}.usage-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}.usage-heading h1{font-size:27px;margin:0 0 8px}.usage-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.usage-filters label{display:grid;gap:7px;flex:1 1 140px;font-size:12px}.usage-filters input{min-width:0;width:100%}.usage-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:20px 0 10px}.usage-metrics .panel{margin:0;padding:18px}.usage-metrics dt{font-size:11px;color:var(--muted);line-height:1.4}.usage-metrics dd{margin:10px 0 0;font:24px var(--mono);overflow-wrap:anywhere}.usage-people{margin:20px 0}.usage-table-scroll{overflow:auto}.usage-people table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.usage-people td,.usage-people th{padding:12px 10px;border-bottom:1px solid var(--line)}.usage-people small{display:block;margin-top:5px;color:var(--muted);overflow-wrap:anywhere}.usage-generations>h2,.usage-people>h2{font-size:18px;margin:0 0 15px}.usage-record{margin:12px 0;padding:18px}.usage-record summary{display:flex;gap:18px;justify-content:space-between;align-items:flex-start;cursor:pointer;list-style:revert;overflow-wrap:anywhere}.usage-record summary>span:first-child{display:grid;gap:7px}.usage-record summary small{color:var(--muted);font-weight:400}.usage-record summary>span:last-child{font-size:12px;color:var(--muted)}.usage-record summary strong{font-size:13px}.usage-record-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding-top:15px;border-top:1px solid var(--line)}.usage-record-meta dt{font-size:11px;color:var(--muted)}.usage-record-meta dd{margin:5px 0 0;font-size:12px;overflow-wrap:anywhere}.usage-record h3{font-size:13px;margin:20px 0 10px}.usage-prompt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6;max-height:360px;overflow:auto;padding:15px;background:var(--bg);border-radius:5px}.usage-outputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px;margin-bottom:20px}.usage-outputs>div{display:grid;gap:10px;align-content:start;min-width:0}.usage-outputs audio,.usage-outputs video{width:100%}.usage-outputs img,.usage-outputs video{max-height:360px;max-width:100%;object-fit:contain}.usage-outputs a{font-size:12px}.usage-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin:20px 0;font-size:12px}.usage-loading{opacity:.6}.lab-login button:focus-visible,.lab-login input:focus-visible,.usage-shell button:focus-visible,.usage-shell input:focus-visible,.usage-shell summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media(max-width:600px){.usage-shell main{padding:18px 14px}.usage-heading{align-items:flex-start}.usage-record summary{flex-direction:column;gap:9px}.usage-record-meta{grid-template-columns:1fr}.lab-account-bar{padding:8px 14px;gap:11px}.usage-filters button{flex:1}.lab-login{padding:22px}.usage-pagination{justify-content:center}}