.devkey-page{min-height:70vh;padding:48px 24px 88px;background:var(--ds-bg-page);color:var(--ds-fg-1)}.devkey-shell{width:min(940px,100%);margin:0 auto;display:grid;gap:22px}.devkey-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.devkey-centered h1,.devkey-centered p{margin:0}.devkey-centered p{color:var(--ds-fg-3);max-width:520px}.devkey-spin{animation:devkey-spin .8s linear infinite}@keyframes devkey-spin{to{transform:rotate(1turn)}}.devkey-header{padding-bottom:24px;border-bottom:1px solid var(--ds-border-1)}.devkey-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--ds-brand-700);font:600 12px/1.3 var(--ds-font-sans);text-transform:uppercase;letter-spacing:.08em}.devkey-header h1{margin:10px 0;font:600 clamp(32px,5vw,46px)/1.05 var(--ds-font-display);letter-spacing:-.025em}.devkey-header>p{margin:0;max-width:700px;color:var(--ds-fg-3);font:16px/1.6 var(--ds-font-serif)}.devkey-header-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}.devkey-header-links a{display:inline-flex;align-items:center;gap:5px;color:var(--ds-brand-700);font-size:13px;font-weight:600}.devkey-callout,.devkey-security,.devkey-warning{display:flex;align-items:flex-start;gap:14px;border-radius:10px;padding:18px}.devkey-callout{background:var(--ds-bg-surface);border:1px solid var(--ds-border-2)}.devkey-callout>div{flex:1}.devkey-callout h2,.devkey-security h2{margin:0 0 5px;font:600 17px/1.3 var(--ds-font-display)}.devkey-callout p,.devkey-security p{margin:0;color:var(--ds-fg-3);font-size:13.5px;line-height:1.55}.devkey-warning{background:var(--ds-bear-50);border:1px solid var(--ds-bear-200);color:var(--ds-bear-700);font-size:13px}.devkey-warning a{margin-inline-start:auto;color:inherit;font-weight:700}.devkey-security{background:var(--ds-bg-sunken);border:1px solid var(--ds-border-1)}.devkey-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--ds-border-2);border-radius:8px;background:var(--ds-bg-surface);font-size:13px}.devkey-notice button{border:0;background:transparent;color:var(--ds-fg-3);cursor:pointer}.devkey-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-1);border-radius:12px;padding:22px;box-shadow:var(--ds-shadow-1)}.devkey-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.devkey-card-heading span{color:var(--ds-fg-4);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.devkey-card-heading h2{margin:4px 0 0;font:600 21px/1.25 var(--ds-font-display)}.devkey-card-heading strong,.devkey-contract{color:var(--ds-fg-3);font:600 12px/1.4 var(--ds-font-mono)}.devkey-form{display:grid;gap:18px}.devkey-form legend,.devkey-form>label{color:var(--ds-fg-2);font-size:12px;font-weight:700}.devkey-form input[type=text],.devkey-form>label input{display:block;width:100%;margin-top:7px;padding:10px 12px;border:1px solid var(--ds-border-2);border-radius:7px;background:var(--ds-bg-page);color:var(--ds-fg-1);font:14px var(--ds-font-sans)}.devkey-form fieldset{display:grid;gap:9px;margin:0;padding:0;border:0}.devkey-scope{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--ds-border-1);border-radius:8px;cursor:pointer}.devkey-scope input{margin-top:3px;accent-color:var(--ds-brand-700)}.devkey-scope span{display:grid;gap:4px}.devkey-scope code,.devkey-scope-tags code{font:12px var(--ds-font-mono);color:var(--ds-fg-1)}.devkey-scope small{color:var(--ds-fg-3);font-size:12px;line-height:1.4}.devkey-form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.devkey-form-footer p{margin:0;max-width:570px;color:var(--ds-fg-4);font-size:12px;line-height:1.5}.devkey-empty{display:grid;place-items:center;gap:7px;min-height:160px;padding:22px;text-align:center;color:var(--ds-fg-4);border:1px dashed var(--ds-border-2);border-radius:9px}.devkey-empty p{margin:0;color:var(--ds-fg-2);font-weight:700}.devkey-empty span{font-size:12px}.devkey-list{display:grid;gap:12px}.devkey-item{border:1px solid var(--ds-border-1);border-radius:9px;padding:16px}.devkey-item.is-revoked{opacity:.68;background:var(--ds-bg-sunken)}.devkey-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.devkey-item-top h3{margin:0 0 4px;font:600 16px var(--ds-font-display)}.devkey-item-top code{color:var(--ds-fg-3);font:12px var(--ds-font-mono)}.devkey-status{padding:3px 8px;border-radius:999px;background:var(--ds-bg-sunken);border:1px solid var(--ds-border-1);color:var(--ds-fg-4);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.devkey-status.active{background:var(--ds-bull-50);border-color:var(--ds-bull-200);color:var(--ds-bull-700)}.devkey-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.devkey-meta div{display:grid;gap:3px}.devkey-meta dt{color:var(--ds-fg-4);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.devkey-meta dd{margin:0;color:var(--ds-fg-2);font-size:12px}.devkey-scope-tags{display:flex;flex-wrap:wrap;gap:6px}.devkey-scope-tags code{padding:4px 7px;border-radius:5px;background:var(--ds-bg-sunken);border:1px solid var(--ds-border-1);font-size:10.5px}.devkey-actions{display:flex;gap:8px;margin-top:14px}.devkey-confirm{width:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;border-radius:7px;background:var(--ds-bg-sunken)}.devkey-confirm span{flex:1;min-width:220px;color:var(--ds-fg-3);font-size:12px}.devkey-modal-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.64)}.devkey-modal{width:min(600px,100%);padding:26px;border-radius:12px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-2);box-shadow:var(--ds-shadow-4)}.devkey-modal-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--ds-brand-50);color:var(--ds-brand-700)}.devkey-modal h2{margin:14px 0 7px;font:600 24px var(--ds-font-display)}.devkey-modal>p{margin:0 0 18px;color:var(--ds-fg-3);font-size:13.5px;line-height:1.55}.devkey-secret{display:flex;align-items:stretch;min-width:0;border:1px solid var(--ds-border-2);border-radius:8px;overflow:hidden;background:var(--ds-bg-sunken)}.devkey-secret code{flex:1;min-width:0;padding:13px;overflow-wrap:anywhere;font:12px/1.5 var(--ds-font-mono)}.devkey-secret button{display:inline-flex;align-items:center;gap:6px;padding:10px 13px;border:0;border-inline-start:1px solid var(--ds-border-2);background:var(--ds-bg-surface);color:var(--ds-fg-2);cursor:pointer;font-weight:700}.devkey-modal-warning{display:flex;gap:8px;margin:14px 0 18px;color:var(--ds-bear-700);font-size:12px}@media (max-width:720px){.devkey-page{padding:30px 14px 64px}.devkey-callout,.devkey-form-footer{align-items:flex-start;flex-direction:column}.devkey-meta{grid-template-columns:repeat(2,1fr)}.devkey-card{padding:17px}.devkey-secret{flex-direction:column}.devkey-secret button{border-inline-start:0;border-top:1px solid var(--ds-border-2);justify-content:center}}