@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--surface:#0a0a0a;--surface-hover:#141414;--border:#262626;--border-active:#52525b;--accent:#fff;--text:#fff;--text-muted:#a1a1aa;--text-dim:#52525b;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:16px;--font:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--transition:.18s cubic-bezier(.16, 1, .3, 1)}html,body{min-height:100%;font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;background-color:#000;background-image:none}#root{min-height:100vh}h1{letter-spacing:-.025em;color:#fff;font-size:2rem;font-weight:700}h2{letter-spacing:-.02em;color:#fff;font-size:1.5rem;font-weight:600}h3{color:#fff;font-size:1.1rem;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);transition:border-color var(--transition), box-shadow var(--transition)}.card-glow{box-shadow:0 0 0 1px #1a1a1a,0 12px 32px #000c}.input{border:1px solid var(--border);border-radius:var(--radius);color:#fff;width:100%;font-family:var(--font);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);background:#000;outline:none;padding:.75rem 1rem;font-size:.9375rem}.input::placeholder{color:var(--text-dim)}.input:focus{border-color:#52525b;box-shadow:0 0 0 1px #52525b,0 0 12px #52525b33}textarea.input{resize:vertical;min-height:250px;font-size:.9375rem;line-height:1.7}.url-group{align-items:center;gap:0;display:flex}.url-group:focus-within .url-prefix{color:var(--text-muted)!important;border-color:#52525b!important}.btn{font-family:var(--font);border-radius:var(--radius);cursor:pointer;transition:transform var(--transition), background-color var(--transition), border-color var(--transition), box-shadow var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.985)}.btn-primary{color:#fff;background:#52525b;border:1px solid #71717a;box-shadow:0 2px 8px #0000004d}.btn-primary:hover:not(:disabled){color:#fff;background:#71717a;border-color:#a1a1aa;transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:#3f3f46;transform:translateY(0)scale(.985)}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:#000}.btn-ghost:hover:not(:disabled){color:#fff;background:#141414;border-color:#52525b;transform:translateY(-1px)}.btn-danger{color:#fff;background:#000;border:1px solid #3f3f46}.btn-danger:hover:not(:disabled){background:#18181b;border-color:#fff;transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-full{width:100%}.toggle-pill{border:1px solid var(--border);background:#000;border-radius:10px;gap:.5rem;padding:.3rem;display:flex;position:relative}.toggle-btn{cursor:pointer;font-family:var(--font);-webkit-user-select:none;user-select:none;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-size:.875rem;font-weight:600;transition:all .18s;display:flex}.toggle-btn:active{transform:scale(.98)}.label{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:block}.field{flex-direction:column;gap:.375rem;display:flex}.field+.field{margin-top:1.25rem}.error-msg{color:#fff;margin-top:.375rem;font-size:.8125rem}.page-wrapper{background:#000;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.content-box{width:100%;max-width:1360px}input:-webkit-autofill{-webkit-text-fill-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}textarea:-webkit-autofill{-webkit-text-fill-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeUp}.animate-shake{animation:.4s shake}.spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}.badge{border:1px solid var(--border);color:#fff;background:#0a0a0a;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.markdown-body{color:#fff;font-size:.9375rem;line-height:1.75}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:#fff;margin:1.5rem 0 .75rem}.markdown-body p{color:#e5e5e5;margin:.75rem 0}.markdown-body ul,.markdown-body ol{margin:.75rem 0;padding-left:1.5rem}.markdown-body li{color:#e5e5e5;margin:.3rem 0}.markdown-body blockquote{color:var(--text-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#141414;border-left:2px solid #fff;margin:1rem 0;padding:.5rem 1rem}.markdown-body pre{border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);background:#000;margin:1rem 0;padding:1rem;font-size:.875rem;overflow-x:auto}.markdown-body code{font-family:var(--font-mono);color:#fff;background:#18181b;border-radius:4px;padding:.15em .4em;font-size:.85em}.markdown-body pre code{font-size:inherit;color:inherit;background:0 0;padding:0}.markdown-body a{color:#fff;text-underline-offset:3px;text-decoration:underline}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.markdown-body table{border-collapse:collapse;width:100%;margin:1rem 0}.markdown-body th,.markdown-body td{border:1px solid var(--border);text-align:left;padding:.5rem .75rem}.markdown-body th{color:#fff;background:#141414;font-weight:600}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#262626;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#52525b}
