.ak{--ak-surface:#ffffff;--ak-field:#f4f4f5;--ak-line:rgb(24 24 27/0.07);--ak-ink:#18181b;--ak-muted:#71717a;--ak-quiet:#a1a1aa;--ak-live:#22c55e;--ak-test:#f59e0b;--ak-vault:#111113;--ak-vault-ink:#f4f4f5;--ak-vault-muted:#8b8b93;--ak-vault-line:rgb(255 255 255/0.08);position:relative;display:block;overflow:clip;box-sizing:border-box;width:min(100%,420px);min-width:0;padding:18px;border-radius:22px;background:var(--ak-surface);color:var(--ak-ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif}.dark .ak{--ak-surface:#1f1f23;--ak-field:#2a2a2f;--ak-line:rgb(255 255 255/0.07);--ak-ink:#fafafa;--ak-muted:#a1a1aa;--ak-quiet:#71717a;--ak-vault:#0b0b0d}.ak-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}.ak-content{position:relative;gap:14px}.ak-content,.ak-view{display:grid;min-width:0}.ak-view{gap:10px}.ak-title{display:grid;line-height:1.3}.ak-title b{font-size:15px;font-weight:650;letter-spacing:-.01em}.ak-title span{color:var(--ak-muted);font-size:12.5px}.ak-create,.ak-done,.ak-ghost{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 13px;border:0;border-radius:10px;font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}.ak-create{background:var(--ak-ink);color:var(--ak-surface)}.ak-create svg{width:14px;height:14px;stroke-width:2.5}.ak-create:disabled{opacity:.3;cursor:default}.ak-ghost{background:transparent;color:var(--ak-muted)}@media (hover:hover) and (pointer:fine){.ak-ghost:hover{color:var(--ak-ink)}}.ak-field{display:grid;gap:5px}.ak-field span{color:var(--ak-muted);font-size:11.5px;font-weight:500}.ak-field input{height:42px;padding:0 12px;border:0;border-radius:12px;background:var(--ak-field);color:var(--ak-ink);font:inherit;font-size:14px;outline:none;transition:box-shadow .15s}.ak-field input:focus{box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--ak-ink) 20%,transparent)}.ak-field input::placeholder{color:var(--ak-quiet)}.ak-form-foot{display:flex;align-items:center;gap:8px}.ak-env-wrap{flex:1;min-width:0}.ak-env{display:flex;gap:2px;height:34px;padding:3px;border-radius:10px;background:var(--ak-field)}.ak-env-item{display:inline-flex;flex:1;align-items:center;justify-content:center;gap:6px;min-width:0;position:relative;height:100%;padding:0 8px;border:0;border-radius:7px;background:none;color:var(--ak-muted);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.ak-env-item[data-pressed]{color:var(--ak-ink)}.ak-env-item>*{position:relative}.ak-env-item>.ak-env-pill{position:absolute;inset:0;border-radius:7px;background:var(--ak-surface);box-shadow:0 1px 2px rgb(24 24 27/.08)}.ak-env-item .ak-dot,.ak-env-item .ak-dot[data-env=test]{width:6px;height:6px;box-shadow:none}.ak-secret{display:grid;gap:12px;min-width:0;padding:14px;border-radius:16px;background:var(--ak-vault);color:var(--ak-vault-ink)}.ak-secret-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.ak-secret-env{margin-left:auto;color:var(--ak-vault-muted);font-size:11.5px;font-weight:500}.ak-secret-line{display:flex;align-items:center;gap:8px;height:44px;min-width:0;overflow:hidden;padding:0 6px 0 12px;border-radius:10px;background:rgb(255 255 255/.06);box-shadow:inset 0 0 0 1px var(--ak-vault-line)}.ak-secret-key{flex:1;min-width:0;overflow:hidden;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.ak-copy{display:inline-flex;flex:none;align-items:center;gap:6px;height:32px;padding:0 11px 0 9px;border:0;border-radius:8px;background:var(--ak-vault-ink);color:var(--ak-vault);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background-color .25s,color .25s}.ak-copy svg{width:15px;height:15px;stroke-width:2.25}.ak-done{justify-content:center;height:42px;border-radius:12px;background:var(--ak-field);color:var(--ak-ink)}@container (max-width: 520px){.ak{width:min(100%,360px);padding:16px;border-radius:20px}.ak-secret{gap:10px;padding:12px;border-radius:14px}.ak-secret-line{height:40px;padding:0 5px 0 10px}.ak-secret-key{font-size:12px}.ak-copy{gap:5px;height:30px;padding:0 9px 0 8px}}@media (hover:hover) and (pointer:fine){.ak-done:hover{background:color-mix(in oklab,var(--ak-ink) 8%,var(--ak-field))}}.ak-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.ak-row{position:relative;overflow:clip;border-radius:12px;transition:background-color .2s}.ak-row-inner{display:flex;align-items:center;gap:11px;min-height:52px;padding:0 4px}.ak-row+.ak-row:before{position:absolute;top:0;right:4px;left:22px;height:1px;background:var(--ak-line);content:""}.ak-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--ak-live);box-shadow:0 0 0 3px color-mix(in oklab,var(--ak-live) 18%,transparent)}.ak-dot[data-env=test]{background:var(--ak-test);box-shadow:0 0 0 3px color-mix(in oklab,var(--ak-test) 18%,transparent)}.ak-row-copy{display:grid;flex:1;min-width:0;line-height:1.35}.ak-row-name{font-size:13.5px;font-weight:600;text-overflow:ellipsis}.ak-row-key,.ak-row-name{overflow:hidden;white-space:nowrap}.ak-row-key{color:var(--ak-muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.ak-row-used{flex:none;color:var(--ak-quiet);font-size:12px}.ak-copy:focus-visible,.ak-create:focus-visible,.ak-done:focus-visible,.ak-env-item:focus-visible,.ak-ghost:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.ak-revoke{flex:none;height:28px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--ak-muted);font:inherit;font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer;opacity:0;transition:opacity .15s,background-color .15s,color .15s}.ak-revoke:focus-visible,.ak-row[data-confirming] .ak-revoke{opacity:1}@media (hover:hover) and (pointer:fine){.ak-row:hover .ak-revoke{opacity:1}.ak-revoke:hover{color:#dc2626}}.ak-revoke:focus-visible{outline:2px solid var(--ak-ink);outline-offset:-2px}.ak-row[data-confirming]{background:color-mix(in oklab,#dc2626 7%,transparent)}.ak-row[data-confirming] .ak-row-used{display:none}.ak-row[data-confirming] .ak-revoke{background:#dc2626;color:#ffffff}.dark .ak-row[data-confirming]{background:rgb(248 113 113/.12)}@media (hover:hover) and (pointer:fine){.dark .ak-revoke:hover{color:#f87171}}.dark .ak-row[data-confirming] .ak-revoke{background:#f87171;color:#1f1f23}@media (hover:none){.ak-revoke{opacity:1}}@media (prefers-reduced-motion:reduce){.ak-revoke{transition:none}}