:root{--ink:#17141b;--paper:#f5f3ed;--card:#fff;--grape:#6425e0;--grape-deep:#4b18b0;--lilac:#ede4ff;--muted:#6b6478;--line:#e5e0d6;--term:#161320;--term-line:#2a2437;--term-fg:#d8d2e8;--term-dim:#7e7796;--ok:#54d6a0;--shadow:5px 5px 0 var(--ink);--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn.hard:hover,.card:hover{transform:none}}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}::selection{background:var(--grape);color:#fff}:focus-visible{outline:2px solid var(--grape);outline-offset:3px;border-radius:4px}.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-family:Space Grotesk;font-size:1.15rem;font-weight:700;display:flex}.glyph{border:2px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid;position:relative}.glyph:before{content:"";background:var(--grape);border-radius:50%;width:8px;height:8px}header.app-header{z-index:20;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0}.app-bar{justify-content:space-between;align-items:center;height:64px;display:flex}.btn{cursor:pointer;border:2px solid var(--ink);background:var(--grape);color:#fff;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-family:Inter;font-size:.92rem;font-weight:600;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn.hard{box-shadow:var(--shadow)}.btn.hard:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.btn.hard:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.btn.ghost{background:var(--card);color:var(--ink)}.btn.ghost:hover{background:var(--lilac)}.btn:disabled{cursor:not-allowed;opacity:.6}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--ink);transform:translateY(-3px)}.card.state-error{border-color:#ff9bb0}.card.state-ok{border-color:var(--ok)}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--muted);letter-spacing:.02em;font-family:JetBrains Mono;font-size:.78rem}.field input{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:11px 14px;font-family:Inter;font-size:.95rem}.field input:focus{outline:2px solid var(--grape);outline-offset:1px;border-color:#0000}.console{background:var(--term);border:2px solid var(--ink);border-radius:var(--radius);margin-top:32px;overflow:hidden;box-shadow:6px 6px #17141b29}.pane{color:var(--term-fg);padding:22px clamp(16px,3vw,28px);font-family:JetBrains Mono;font-size:.82rem;line-height:1.85}.link{color:#b79bff;word-break:break-all}.ok{color:var(--ok)}.dropzone{text-align:center;cursor:pointer;background:var(--card);border-radius:var(--radius);border:2px dashed #c9c2b4;flex-direction:column;align-items:center;gap:8px;margin-top:24px;padding:36px 24px;transition:border-color .15s,background .15s,transform .12s;display:flex}.dropzone:hover,.dropzone:focus-visible{border-color:var(--grape);background:#fbfaf6}.dropzone.dragging{border-color:var(--grape);background:var(--lilac);border-style:solid;transform:scale(1.01)}.share{display:inline-block;position:relative}.share-panel{z-index:30;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-width:230px;box-shadow:var(--shadow);padding:16px;position:absolute;top:calc(100% + 8px);right:0}.share-warning{color:var(--muted);margin:0 0 12px;font-size:.8rem;line-height:1.5}.share-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.share-list a,.share-list button{width:100%;display:flex}@media (width<=820px){.app-bar nav .lnk{display:none}}