.api-key-form{--akf-accent: var(--sl-color-accent);--akf-accent-high: var(--sl-color-accent-high);--akf-accent-soft: var(--sl-color-accent-low);--akf-text: var(--sl-color-white);--akf-muted: var(--sl-color-gray-3);--akf-line: var(--sl-color-gray-5);--akf-line-soft: var(--sl-color-gray-6);--akf-surface: var(--sl-color-black);--akf-panel: var(--sl-color-gray-7, var(--sl-color-gray-6));--akf-danger: #e5484d;--akf-success: #2ea043;--akf-radius: 8px}.api-key-form *{box-sizing:border-box}.api-key-form label,.api-key-form input,.api-key-form select,.api-key-form textarea,.api-key-form fieldset,.api-key-form legend,.api-key-form .pill,.api-key-form .model,.api-key-form .checkline,.api-key-form .segment label,.api-key-form .segment span{margin-top:0}.api-key-form{width:min(1060px,100%);margin:0 auto;text-align:left;color:var(--akf-text);font-size:1rem;line-height:1.5}.api-key-form h1{margin:0;color:var(--akf-text);font-size:clamp(1.75rem,4vw,2.35rem);line-height:1.2;letter-spacing:-.025em}.api-key-form a{color:var(--akf-accent);text-underline-offset:2px}.api-key-form a:hover{text-decoration-thickness:2px}.api-key-form label,.api-key-form legend{font-size:.91rem}.api-key-form fieldset{min-width:0;margin:0;padding:0;border:0}.api-key-form legend{margin-bottom:8px}.api-key-form input[type=text],.api-key-form input[type=email],.api-key-form input[type=date],.api-key-form input[type=url],.api-key-form select,.api-key-form textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--akf-line);border-radius:6px;background:var(--akf-surface);color:var(--akf-text);font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.api-key-form textarea{min-height:90px;resize:vertical}.api-key-form input:focus,.api-key-form select:focus,.api-key-form textarea:focus{border-color:var(--akf-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--akf-accent) 22%,transparent)}.api-key-form .grid{display:grid;gap:18px 24px}.api-key-form .grid-3{grid-template-columns:repeat(3,1fr)}.api-key-form .grid-2{grid-template-columns:1fr 1fr}.api-key-form .person-grid{grid-template-columns:.65fr 1.35fr 1.35fr 1.35fr}.api-key-form .span-2{grid-column:span 2}.api-key-form .span-all{grid-column:1 / -1}.api-key-form .fields{row-gap:0}.api-key-form .fields>*{display:grid;grid-row:span 4;grid-template-rows:subgrid;align-content:start;margin-top:0}.api-key-form .fields .date-control{display:contents}.api-key-form .fields .label{grid-row:1}.api-key-form .fields .help-before{grid-row:2;margin:0 0 6px}.api-key-form .fields input[type=date]{grid-row:3}.api-key-form .fields .checkline{grid-row:4}.api-key-form .choice-row{display:flex;flex-wrap:wrap;gap:10px;margin:0}.api-key-form .field-block{display:block}.api-key-form .data-field{display:block;margin:0}.api-key-form .hosting-groups{display:grid;gap:18px}.api-key-form .models{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.api-key-form .approval-grid{display:grid;grid-template-columns:210px 1fr;gap:16px;align-items:center}.api-key-form .confirmations{display:grid;gap:14px;margin:0}.api-key-form .section{padding:22px 0;border-bottom:1px solid var(--akf-line-soft)}.api-key-form .section:last-of-type{border-bottom:0;padding-bottom:0}.api-key-form .section>*{margin-bottom:0}.api-key-form .section>*+*{margin-top:18px}.api-key-form .section>.section-title+.section-description{margin-top:8px}.api-key-form .section>.section-description+*{margin-top:18px}@media(max-width:850px){.api-key-form .grid-3,.api-key-form .grid-2,.api-key-form .models,.api-key-form .person-grid{grid-template-columns:1fr 1fr}.api-key-form .approval-grid{grid-template-columns:1fr;gap:16px}}@media(max-width:580px){.api-key-form .grid-3,.api-key-form .grid-2,.api-key-form .models,.api-key-form .person-grid{grid-template-columns:1fr}.api-key-form .span-2,.api-key-form .span-all{grid-column:auto}}.api-key-form .form-header{text-align:center;margin-bottom:8px}.api-key-form .responsibility-note{margin:18px 0 0;padding:14px 16px;border:1px solid var(--akf-line);border-left:4px solid var(--akf-accent);border-radius:7px;color:var(--akf-text);background:var(--akf-accent-soft);font-size:.91rem;text-align:left}.api-key-form .responsibility-note strong{display:block;margin-bottom:4px}.api-key-form .responsibility-note p{margin:0}.api-key-form .section-title{display:flex;align-items:center;gap:13px;margin:0;color:var(--akf-text);font-size:1.15rem;font-weight:700}.api-key-form .section-number{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:5px;color:#fff;background:var(--akf-accent);font-weight:750}.api-key-form .section-description{margin:0 0 0 43px;color:var(--akf-muted);font-size:.9rem}.api-key-form .label{display:block;margin-bottom:7px;font-weight:600}.api-key-form .required{color:var(--akf-danger)}.api-key-form .help{display:block;margin-top:5px;color:var(--akf-muted);font-size:.78rem}.api-key-form .help-before{margin:-2px 0 6px}.api-key-form .pill,.api-key-form .model,.api-key-form .segment label{position:relative;cursor:pointer;user-select:none}.api-key-form .pill input,.api-key-form .model input,.api-key-form .segment input{position:absolute;width:1px;height:1px;opacity:0}.api-key-form .pill span{display:block;padding:8px 16px;border:1px solid var(--akf-line);border-radius:6px;color:var(--akf-text);background:var(--akf-surface);transition:.15s ease}.api-key-form .pill input:checked+span,.api-key-form .pill input:focus-visible+span{border-color:var(--akf-accent);background:var(--akf-accent-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--akf-accent) 18%,transparent)}.api-key-form .model>span{display:flex;min-height:51px;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--akf-line);border-radius:7px;background:var(--akf-surface);transition:.15s ease}.api-key-form .model>span:before{content:"";width:19px;height:19px;flex:0 0 19px;border:1.5px solid var(--sl-color-gray-4);border-radius:4px;background:var(--akf-surface)}.api-key-form .model input:checked+span{border-color:var(--akf-accent);background:var(--akf-accent-soft)}.api-key-form .model input:checked+span:before{border-color:var(--akf-accent);background:var(--akf-accent);content:"✓";display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:800}.api-key-form .model input:focus-visible+span{box-shadow:0 0 0 3px color-mix(in srgb,var(--akf-accent) 20%,transparent)}.api-key-form .model code{flex:none;white-space:nowrap;font:.84rem/1.3 var(--sl-font-mono, ui-monospace, monospace);color:inherit}.api-key-form .model>span>span{flex:1;min-width:0;border:0;padding:0;background:none;min-height:0;display:block}.api-key-form .model-group-title{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:var(--akf-text);font-size:.94rem;font-weight:700}.api-key-form .hosting-group{padding:16px;border:1px solid var(--akf-line-soft);border-radius:9px;background:var(--akf-panel)}.api-key-form .model-category{padding:0;border:0}.api-key-form .model-category+.model-category{margin-top:18px;padding-top:18px;border-top:1px solid var(--akf-line-soft)}.api-key-form .hosting-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:.73rem;font-weight:700}.api-key-form .hosting-badge.local{color:#155b3c;background:#e5f5ec}.api-key-form .hosting-badge.external{color:#665112;background:#fff3c9}.api-key-form .future-box{padding:12px 14px;border:1px dashed var(--akf-line);border-radius:7px;color:var(--akf-muted);background:var(--akf-panel);font-size:.88rem}.api-key-form .conditional-fields{display:none;margin-top:0;padding:14px;border:1px solid var(--akf-line-soft);border-radius:8px;background:var(--akf-panel)}.api-key-form .conditional-fields.visible{display:block}.api-key-form .conditional-fields>*+*{margin-top:14px}.api-key-form .conditional-fields input{accent-color:var(--akf-accent)}.api-key-form .approval-label{font-size:.91rem}.api-key-form .conditional-date{display:none;grid-column:2;max-width:280px;margin-bottom:4px}.api-key-form .conditional-date.visible{display:block}.api-key-form .segment{display:grid;grid-template-columns:repeat(4,1fr)}.api-key-form .segment label{display:flex}.api-key-form .segment span{display:grid;flex:1;min-height:38px;place-items:center;padding:6px 8px;border:1px solid var(--akf-line);border-right-width:0;background:var(--akf-surface);text-align:center;font-size:.84rem;transition:.15s ease}.api-key-form .segment label:first-child span{border-radius:6px 0 0 6px}.api-key-form .segment label:last-child span{border-right-width:1px;border-radius:0 6px 6px 0}.api-key-form .segment input:checked+span{color:#fff;border-color:var(--akf-accent);background:var(--akf-accent);font-weight:650}.api-key-form .segment input:focus-visible+span{box-shadow:inset 0 0 0 3px color-mix(in srgb,#fff 55%,transparent)}.api-key-form .checkline{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.api-key-form .checkline input{width:19px;height:19px;flex:0 0 19px;margin:1px 0 0;accent-color:var(--akf-accent)}.api-key-form .no-end-date{margin-top:8px}.api-key-form .date-control.disabled input{cursor:not-allowed;background:var(--akf-line-soft)}.api-key-form .error{display:none;margin:8px 0 0;color:var(--akf-danger);font-size:.88rem}.api-key-form .error.visible{display:block}.api-key-form .success{display:none;margin-top:14px;padding:12px 14px;border:1px solid var(--akf-success);border-radius:6px;color:var(--akf-success);background:color-mix(in srgb,var(--akf-success) 12%,transparent)}.api-key-form .success.visible{display:block}.api-key-form .submit{width:100%;min-height:48px;margin-top:0;border:0;border-radius:6px;color:#fff;background:var(--akf-accent);font:inherit;font-size:1.05rem;font-weight:750;cursor:pointer;transition:filter .15s,transform .05s}.api-key-form .submit:hover{filter:brightness(1.08)}.api-key-form .submit:disabled{color:var(--akf-muted);background:var(--sl-color-gray-6);cursor:not-allowed;filter:none}.api-key-form .submit:active{transform:translateY(1px)}.api-key-form .submit:focus-visible{outline:3px solid color-mix(in srgb,var(--akf-accent) 35%,transparent);outline-offset:3px}@media(max-width:850px){.api-key-form .conditional-date{grid-column:1}}@media(max-width:580px){.api-key-form .segment{grid-template-columns:1fr 1fr;gap:7px}.api-key-form .segment span,.api-key-form .segment label:first-child span,.api-key-form .segment label:last-child span{border:1px solid var(--akf-line);border-radius:6px}.api-key-form .section-description{margin-left:43px}}.api-key-form [hidden]{display:none!important}
