:root{--bg: #0b0f19;--bg-card: #131b2e;--bg-input: #0f1626;--border: #26324d;--text: #f1f5f9;--text-muted: #94a3b8;--primary: #8b5cf6;--primary-hover: #7c3aed;--accent: #38bdf8;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--radius: 10px}*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1120px;margin:0 auto;padding:1.5rem}header.site-header{border-bottom:1px solid var(--border);background:#131b2eeb;backdrop-filter:blur(10px);position:sticky;top:0;z-index:30}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;max-width:1120px;margin:0 auto;padding:.75rem 1.5rem}.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:700;font-size:1.12rem;color:var(--text);min-width:0;flex-shrink:0}.brand:hover{text-decoration:none}.brand-logo{width:38px;height:38px;display:block;flex-shrink:0}.badge{display:inline-block;padding:.15rem .55rem;font-size:.75rem;font-weight:600;border-radius:999px;background:#8b5cf633;color:#c4b5fd;border:1px solid rgba(139,92,246,.4);white-space:nowrap}.nav-links{display:flex;gap:1.25rem;align-items:center;font-size:.95rem;flex-wrap:nowrap}.nav-links a{white-space:nowrap}.mobile-menu-btn{display:none;align-items:center;justify-content:center;gap:.4rem;background:#ffffff0d;border:1px solid var(--border);color:var(--text);padding:.45rem .75rem;border-radius:8px;font-size:.88rem;font-weight:600}.mobile-nav-drawer{display:none;border-top:1px solid var(--border);background:#0f1626;padding:.75rem 1.25rem 1rem}.mobile-nav-drawer[data-open="true"],.mobile-nav-drawer:popover-open{display:flex;flex-direction:column;gap:.25rem}.mobile-nav-drawer:popover-open{position:fixed;inset:63px 0 auto;width:100%;margin:0;border:0;border-bottom:1px solid var(--border);box-shadow:0 16px 32px #0000008c;z-index:40}.mobile-nav-drawer a{display:flex;align-items:center;justify-content:space-between;padding:.65rem .75rem;border-radius:8px;color:var(--text);font-weight:500;font-size:.95rem}.mobile-nav-drawer a:hover{background:#8b5cf629;color:var(--accent);text-decoration:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;min-width:0;max-width:100%}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.25rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1rem}.grid-2>*,.grid-3>*{min-width:0}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--primary);color:#fff;font-weight:600;font-size:.92rem;padding:.6rem 1.1rem;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background .15s ease}button:hover,.btn:hover{background:var(--primary-hover);text-decoration:none}button.secondary,.btn.secondary{background:transparent;border-color:var(--border);color:var(--text)}button.secondary:hover,.btn.secondary:hover{background:#ffffff0d}button.danger{background:#ef444426;border-color:#ef444466;color:#fca5a5}button.danger:hover{background:#ef444447}.field{margin-bottom:1rem}label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.2rem}.hint{display:block;color:var(--text-muted);font-size:.8rem;margin-bottom:.35rem}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url]{width:100%;padding:.6rem .75rem;border-radius:7px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:.95rem}input:user-invalid{border-color:var(--danger);background-color:#ef444414}.error-msg{display:none;color:#fca5a5;font-size:.82rem;margin-top:.25rem}input:user-invalid+.error-msg{display:block}input:user-valid{border-color:#22c55e99}form:tool-form-active{outline:2px dashed var(--accent);background-color:#38bdf80f}button:tool-submit-active{outline:2px dashed var(--primary)}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem}code{overflow-wrap:anywhere}pre{background:#070a12;border:1px solid var(--border);border-radius:8px;padding:1rem;max-width:100%;overflow-x:auto}pre code{overflow-wrap:normal;white-space:pre}.status-banner{padding:.75rem 1rem;border-radius:8px;background:#38bdf81f;border:1px solid rgba(56,189,248,.3);margin-bottom:1rem}.status-banner:empty{display:none}footer.site-footer{margin-top:4rem;padding:2rem 1.5rem;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:.88rem}@media(max-width:820px){.nav-bar{padding:.7rem 1rem}.nav-links{display:none}.mobile-menu-btn{display:inline-flex}.container{padding:1rem}.card{padding:1.15rem}.badge{white-space:normal}.brand-badge{font-size:.68rem;padding:.12rem .45rem}}@media(max-width:420px){.brand-badge{display:none}}