@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;500;700&display=swap";@import "https://unpkg.com/lucide-static@0.436.0/font/lucide.css";:root{--ink-950:#0b0d0f;--ink-900:#101316;--ink-850:#15191d;--ink-800:#1b2025;--ink-700:#242b31;--ink-600:#313a42;--ink-500:#4b565f;--ink-400:#6b7680;--ink-300:#8e99a3;--ink-200:#b7c0c8;--ink-100:#e4e9ed;--ink-50:#f4f7f9;--lime-300:#e4ff8f;--lime-400:#d7ff66;--lime-500:#c6f432;--lime-600:#a8d620;--lime-700:#84ab12;--blue-400:#8fb7ff;--blue-500:#6ea0ff;--blue-600:#4e82e6;--red-400:#ff8a8a;--red-500:#ff6b6b;--amber-500:#ffb454;--surface-page:var(--ink-950);--surface-card:var(--ink-900);--surface-raised:var(--ink-850);--surface-inset:#080a0b;--surface-hover:var(--ink-800);--text-body:var(--ink-100);--text-muted:var(--ink-300);--text-faint:var(--ink-400);--text-disabled:var(--ink-500);--text-inverse:var(--ink-950);--accent:var(--lime-500);--accent-hover:var(--lime-400);--accent-press:var(--lime-600);--on-accent:#0e1206;--accent-dim:#c6f4321f;--format-audio:var(--lime-500);--format-audio-dim:#c6f43224;--format-video:var(--blue-500);--format-video-dim:#6ea0ff24;--success:var(--lime-500);--danger:var(--red-500);--danger-dim:#ff6b6b1f;--warning:var(--amber-500);--warning-dim:#ffb4541f;--border-subtle:#22282d;--border-strong:#333c44;--border-accent:#c6f43273;--focus-ring:#c6f43280;--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Space Grotesk",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:40px;--text-4xl:56px;--weight-regular:400;--weight-medium:500;--weight-bold:700;--leading-tight:1.1;--leading-snug:1.3;--leading-body:1.55;--tracking-display:-.03em;--tracking-heading:-.02em;--tracking-caps:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--control-h-sm:32px;--control-h-md:40px;--control-h-lg:52px;--container-max:960px;--shadow-card:0 1px 0 #ffffff08 inset,0 8px 24px #00000059;--shadow-pop:0 12px 40px #0000008c,0 1px 0 #ffffff0a inset;--glow-accent:0 0 0 1px var(--border-accent),0 0 24px #c6f4322e;--ring-focus:0 0 0 2px var(--surface-page),0 0 0 4px var(--focus-ring);--ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur-fast:.12s;--dur-med:.2s;--dur-slow:.35s}body{background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}::selection{background:var(--accent);color:var(--on-accent)}.pk-icon{line-height:1;display:inline-flex}.pk-icon-spin{animation:1s linear infinite pk-spin}@keyframes pk-spin{to{transform:rotate(360deg)}}.pk-btn{font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:500;display:inline-flex}.pk-btn:focus-visible{box-shadow:var(--ring-focus);outline:none}.pk-btn:active:not(:disabled){transform:translateY(1px)}.pk-btn:disabled{opacity:.45;cursor:not-allowed}.pk-btn-sm{height:var(--control-h-sm);font-size:var(--text-sm);padding:0 12px}.pk-btn-md{height:var(--control-h-md);font-size:var(--text-base);padding:0 16px}.pk-btn-lg{height:var(--control-h-lg);font-size:var(--text-lg);border-radius:var(--radius-lg);padding:0 22px}.pk-btn-primary{background:var(--accent);color:var(--on-accent)}.pk-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.pk-btn-primary:active:not(:disabled){background:var(--accent-press)}.pk-btn-secondary{background:var(--surface-raised);color:var(--text-body);border-color:var(--border-strong)}.pk-btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.pk-btn-ghost{color:var(--text-muted);background:0 0}.pk-btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-body)}.pk-btn-danger{background:var(--danger-dim);color:var(--danger)}.pk-btn-danger:hover:not(:disabled){background:#ff6b6b33}.pk-btn-full{width:100%}.pk-iconbtn{border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.pk-iconbtn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-body)}.pk-iconbtn:active:not(:disabled){transform:translateY(1px)}.pk-iconbtn:focus-visible{box-shadow:var(--ring-focus);outline:none}.pk-iconbtn:disabled{opacity:.45;cursor:not-allowed}.pk-iconbtn-outline{background:var(--surface-raised);border-color:var(--border-strong);color:var(--text-body)}.pk-iconbtn-outline:hover:not(:disabled){background:var(--surface-hover)}.pk-iconbtn-sm{width:var(--control-h-sm);height:var(--control-h-sm)}.pk-iconbtn-md{width:var(--control-h-md);height:var(--control-h-md)}.pk-tabs{background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);gap:2px;padding:3px;display:inline-flex}.pk-tab{color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-sm);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);white-space:nowrap;background:0 0;border:none;padding:7px 16px;font-weight:500}.pk-tab:hover{color:var(--text-body)}.pk-tab:focus-visible{box-shadow:var(--ring-focus);outline:none}.pk-tab-active{background:var(--surface-hover);color:var(--text-body)}.pk-tipwrap{display:inline-flex;position:relative}.pk-tip{background:var(--ink-100);color:var(--ink-950);font-size:var(--text-xs);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);z-index:60;padding:5px 10px;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(2px)}.pk-tipwrap:hover .pk-tip,.pk-tipwrap:focus-within .pk-tip{opacity:1;transform:translate(-50%)translateY(0)}.pk-field{gap:6px;display:grid}.pk-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.pk-inputwrap{background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);color:var(--text-faint);align-items:center;gap:10px;padding:0 14px;display:flex}.pk-inputwrap:hover{border-color:var(--border-strong)}.pk-inputwrap:focus-within{border-color:var(--border-accent);box-shadow:var(--glow-accent);color:var(--text-muted)}.pk-inputwrap-error{border-color:var(--danger)}.pk-inputwrap-error:focus-within{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.pk-input{height:var(--control-h-md);color:var(--text-body);font-family:var(--font-body);font-size:var(--text-base);background:0 0;border:none;outline:none;flex:1;min-width:0}.pk-input-mono{font-family:var(--font-mono);font-size:var(--text-sm)}.pk-input-lg{height:var(--control-h-lg);font-size:var(--text-base)}.pk-inputwrap-lg{border-radius:var(--radius-xl);padding:0 18px}.pk-input::placeholder{color:var(--text-disabled)}.pk-hint{font-size:var(--text-xs);color:var(--text-faint)}.pk-hint-error{color:var(--danger)}@keyframes pk-indet{0%{left:-40%}to{left:100%}}html,body{min-height:100vh;margin:0}a{color:var(--lime-400)}a:hover{color:var(--lime-300)}
