@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700;800&family=Sora:wght@600;700;800&display=swap";:root{--bg:#0e0f11;--bg-raised:#16181c;--bg-input:#0a0b0d;--line:#262a31;--line-bright:#3a404a;--ink:#e7ebef;--ink-dim:#8b939f;--ink-faint:#5a626e;--accent:#c6f432;--accent-dim:#97b827;--cyan:#4fd6e0;--danger:#ff5d5d;--ok:#7ee787;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--display:"Sora", system-ui, sans-serif;--radius:6px;--shadow:0 18px 50px -24px #000000e6}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(900px 500px at 78% -8%, #c6f4320f, transparent 60%), radial-gradient(700px 500px at 0% 110%, #4fd6e00d, transparent 55%), var(--bg);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:14px;line-height:1.55}.app{max-width:880px;margin:0 auto;padding:40px 24px 96px}.masthead{border-bottom:1px solid var(--line);align-items:baseline;gap:14px;margin-bottom:8px;padding-bottom:18px;display:flex}.brand{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:26px;font-weight:800}.brand .cli{color:var(--accent)}.caret{background:var(--accent);width:9px;height:1.05em;margin-left:2px;animation:1.1s step-end infinite blink;display:inline-block;translate:0 2px}@keyframes blink{50%{opacity:0}}.tagline{color:var(--ink-dim);letter-spacing:.01em;font-size:12.5px}.tagline code{color:var(--cyan);background:#4fd6e014;border:1px solid #4fd6e02e;border-radius:4px;padding:1px 6px}.grid{gap:18px;margin-top:28px;display:grid}.panel{background:linear-gradient(180deg, var(--bg-raised), #131519);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);animation:.5s cubic-bezier(.16,1,.3,1) both rise;overflow:hidden}.panel:nth-child(2){animation-delay:70ms}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.panel__head{border-bottom:1px solid var(--line);background:#ffffff03;align-items:center;gap:10px;padding:12px 16px;display:flex}.panel__dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);border-radius:50%}.panel__title{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);font-size:12px;font-weight:700}.panel__title b{color:var(--ink)}.panel__body{gap:14px;padding:18px 16px;display:grid}.tabs{background:var(--bg-input);border:1px solid var(--line);border-radius:var(--radius);gap:4px;width:-moz-fit-content;width:fit-content;padding:3px;display:inline-flex}.tab{appearance:none;color:var(--ink-dim);font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:color .15s,background .15s}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{background:var(--accent);color:#11140a}label.field{gap:7px;display:grid}.field__label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:11px}textarea,input[type=text],input[type=password]{background:var(--bg-input);border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);font-family:var(--mono);resize:vertical;padding:11px 13px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}textarea{min-height:132px;line-height:1.6}textarea::placeholder,input::placeholder{color:var(--ink-faint)}textarea:focus,input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #c6f43224}input[type=file]{font-family:var(--mono);color:var(--ink-dim);font-size:13px}input[type=file]::file-selector-button{font-family:var(--mono);background:var(--bg-raised);color:var(--accent);border:1px solid var(--line-bright);cursor:pointer;border-radius:5px;margin-right:12px;padding:8px 13px;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s}input[type=file]::file-selector-button:hover{border-color:var(--accent)}.lock{border:1px dashed var(--line-bright);border-radius:var(--radius);background:#4fd6e006;gap:12px;padding:14px;display:grid}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ink);align-items:center;gap:10px;font-size:12.5px;display:flex}.toggle input{appearance:none;background:var(--bg-input);border:1px solid var(--line-bright);cursor:pointer;border-radius:999px;flex:none;width:38px;height:21px;transition:background .18s,border-color .18s;position:relative}.toggle input:after{content:"";background:var(--ink-dim);border-radius:50%;width:15px;height:15px;transition:transform .18s,background .18s;position:absolute;top:2px;left:2px}.toggle input:checked{border-color:var(--accent);background:#c6f4322e}.toggle input:checked:after{background:var(--accent);transform:translate(17px)}.toggle .hint{color:var(--ink-faint);font-size:11.5px}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}button.btn{appearance:none;font-family:var(--mono);letter-spacing:.01em;border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:11px 18px;font-size:13px;font-weight:700;transition:transform 80ms,filter .15s,background .15s,border-color .15s}button.btn:active{transform:translateY(1px)}button.btn[disabled]{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:#11140a}.btn--primary:hover:not([disabled]){filter:brightness(1.06)}.btn--ghost{color:var(--ink);border-color:var(--line-bright);background:0 0}.btn--ghost:hover:not([disabled]){border-color:var(--accent);color:var(--accent)}.kdf{color:var(--cyan);align-items:center;gap:12px;font-size:12px;display:none}.kdf[data-on="1"]{display:flex}.kdf__bar{background:var(--bg-input);border:1px solid var(--line);border-radius:999px;flex:1;height:6px;position:relative;overflow:hidden}.kdf__bar:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);border-radius:999px;width:38%;animation:1.1s ease-in-out infinite sweep;position:absolute;inset:0}@keyframes sweep{0%{transform:translate(-110%)}to{transform:translate(320%)}}.kdf__label{white-space:nowrap;letter-spacing:.04em}.result{gap:10px;display:none}.result[data-on="1"]{display:grid}.result__row{background:var(--bg-input);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:10px;padding:10px 12px;display:flex}.result__label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);flex:none;font-size:11px}.result__value{color:var(--accent);word-break:break-all;flex:1;font-size:13px}.result__value--link{color:var(--cyan)}.copy{appearance:none;background:var(--bg-raised);border:1px solid var(--line-bright);color:var(--ink-dim);font-family:var(--mono);cursor:pointer;border-radius:4px;flex:none;padding:5px 9px;font-size:11px;font-weight:600;transition:color .15s,border-color .15s}.copy:hover{color:var(--accent);border-color:var(--accent)}pre.view{background:var(--bg-input);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;max-height:420px;margin:0;padding:14px 15px;font-size:13px;line-height:1.62;overflow:auto}.note{color:var(--ink-dim);font-size:12px}.note--ok{color:var(--ok)}.note--danger{color:var(--danger)}.badge{letter-spacing:.04em;border:1px solid var(--line-bright);color:var(--cyan);background:#4fd6e012;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.viewer-search{gap:8px;display:flex}.viewer-search input{flex:1}.footer{border-top:1px solid var(--line);color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:36px;padding-top:18px;font-size:11.5px;display:flex}.footer code{color:var(--ink-dim)}.hidden{display:none!important}@media (max-width:560px){.app{padding:28px 16px 80px}.masthead{flex-direction:column;gap:6px}}