@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--gray-50:#f8fafc;--gray-900:#0f172a;--primary-200:#a6eadc;--primary-300:#73d7c7;--primary-400:#3ebcaf;--primary-500:#21978f;--primary-600:#167a75;--primary-700:#135f5d;--accent-400:#f6a90f;--accent-600:#b56709;--space-1:.225rem;--space-2:.45rem;--space-3:.675rem;--space-4:.9rem;--radius-md:.25rem;--radius-lg:.375rem;--radius-xl:.5rem;--font:Inter, "PingFang SC", "Noto Sans SC", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--header-h:3.5rem;--shadow-sm:0 1px 2px var(--color-shadow);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-text-primary:#edf2f1;--color-text-secondary:#c5cfcc;--color-text-tertiary:#95a29f;--color-text-muted:#6f7b78;--color-text-disabled:#4b5552;--color-text-inverse:#071110;--color-surface-canvas:#101312;--color-surface-panel:#191e1d;--color-surface-panel-muted:#1d2321;--color-surface-raised:#202725;--color-surface-sunken:#0c0f0e;--color-surface-overlay:#222927;--color-bg-primary:var(--color-surface-canvas);--color-bg-secondary:var(--color-surface-panel);--color-bg-tertiary:var(--color-surface-panel-muted);--color-border-primary:#2a3431;--color-border-secondary:#3a4643;--color-border-muted:#edf2f113;--color-focus-ring:var(--primary-400);--color-interactive-hover:#edf2f111;--color-interactive-selected:#21978f3d;--color-brand-primary:var(--primary-500);--color-brand-primary-hover:var(--primary-400);--color-success:#35c27a;--color-warning:#f0a636;--color-error:#f87171;--color-success-surface:#35c27a1f;--color-warning-surface:#f0a63624;--color-error-surface:#f8717121;--color-shadow:#0000003d;--gradient-hero:radial-gradient(ellipse at top, #21978f29, transparent 55%), linear-gradient(180deg, #101312, #141817);--bg:var(--color-bg-primary);--bg-elevated:var(--color-bg-secondary);--ink:var(--color-text-primary);--muted:var(--color-text-muted);--line:var(--color-border-primary);--accent:var(--color-brand-primary);--accent-ink:var(--color-text-inverse);--ok:var(--color-success);--danger:var(--color-error);--shadow:var(--shadow-sm)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-text-primary:#111816;--color-text-secondary:#35413e;--color-text-tertiary:#5d6b67;--color-text-muted:#788783;--color-text-disabled:#a7b1ae;--color-text-inverse:#fff;--color-surface-canvas:#f5f7f6;--color-surface-panel:#fff;--color-surface-panel-muted:#f1f4f3;--color-surface-raised:#fff;--color-surface-sunken:#e8edeb;--color-surface-overlay:#fff;--color-border-primary:#d8e0dd;--color-border-secondary:#c3ceca;--color-border-muted:#11181618;--color-focus-ring:var(--primary-600);--color-interactive-hover:#1118160f;--color-interactive-selected:#167a752e;--color-brand-primary:var(--primary-600);--color-brand-primary-hover:var(--primary-500);--color-success:#15803d;--color-warning:#b45309;--color-error:#dc2626;--color-success-surface:#15803d1a;--color-warning-surface:#b453091c;--color-error-surface:#dc26261a;--color-shadow:#11181614;--gradient-hero:radial-gradient(ellipse at top, #167a751f, transparent 55%), linear-gradient(180deg, #f5f7f6, #fff)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);background-image:var(--gradient-hero);min-height:100vh;color:var(--ink);font-family:var(--font);background-attachment:fixed;line-height:1.55}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}code,.mono{font-family:var(--mono);font-size:.92em}::selection{background:var(--color-interactive-selected)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.shell{width:min(1120px,100% - 32px);margin:0 auto}.site-header{z-index:20;height:var(--header-h);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.site-header .bar,.site-footer .bar{align-items:center;gap:16px;height:100%;display:flex}.brand{align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:var(--accent);width:28px;height:28px;color:var(--accent-ink);border-radius:8px;place-items:center;font-size:14px;display:grid}.nav-links{gap:14px;margin-left:auto;display:flex}.nav-links a{color:var(--muted);text-decoration:none}.nav-links a:hover,.nav-links a.active{color:var(--ink)}main{padding:28px 0 64px}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px}.site-footer .bar{justify-content:space-between;height:72px}.hero h1,.page h1{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(36px,5vw,56px);line-height:1.12}.tool-page h1{letter-spacing:-.03em;font-size:28px}h2,h3,p{margin-top:0}.gradient-text{color:var(--primary-300)}.lede{max-width:720px;color:var(--color-text-tertiary);font-size:18px}.hero{text-align:center;padding:28px 0 8px}.hero .lede{margin:0 auto}.hot-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.hot-tags button{border:1px solid var(--line);background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;border-radius:999px;padding:4px 10px}.grid{gap:12px;display:grid}.categories{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:12px}.tools{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card,.catalog-card{border:1px solid var(--line);background:var(--bg-elevated);box-shadow:var(--shadow);border-radius:12px;padding:16px;text-decoration:none;display:block}.card:hover,.catalog-card:hover{border-color:var(--color-border-secondary);background:var(--color-surface-raised)}.card h2,.card h3,.catalog-card h2,.catalog-card h3{margin:0 0 6px;font-size:16px}.card p,.meta,.catalog-card p{color:var(--muted);margin:0;font-size:14px}.section-title{justify-content:space-between;align-items:baseline;margin:36px 0 12px;display:flex}.kicker{color:var(--accent);letter-spacing:.04em;font-size:13px;font-weight:700}.crumbs,.breadcrumb{color:var(--muted);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.crumbs a,.breadcrumb a{color:var(--muted);text-decoration:none}.tool-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.tags,.facts{flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.tags li,.facts li,.tag{border:1px solid var(--line);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:999px;padding:2px 8px;font-size:12px}.panel{background:var(--color-bg-secondary);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;min-width:0;overflow:hidden}.panel-header,.tool-panel-header{background:var(--color-surface-panel-muted);border-bottom:1px solid var(--color-border-muted);justify-content:space-between;align-items:center;gap:8px;min-height:2.25rem;padding:8px 12px;display:flex}.panel-title{color:var(--color-text-secondary);font-size:13px;font-weight:600}.tool-shell{flex-direction:column;gap:12px;width:100%;display:flex}.tool-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=960px){.tool-grid.dual{grid-template-columns:1fr 1fr}}.tool-toolbar,.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-toolbar{background:var(--bg-elevated);border:1px solid var(--line);border-radius:12px;padding:8px}.btn,.button{background:var(--color-bg-tertiary);min-height:36px;color:var(--color-text-secondary);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.btn:hover,.button:hover{color:var(--ink);border-color:var(--color-border-secondary)}.btn-primary,.button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn-primary:hover,.button.primary:hover{background:var(--color-brand-primary-hover)}.btn-sm{min-height:30px;padding:0 10px;font-size:13px}.btn.active,.mode-btn.active{color:var(--accent);background:var(--color-interactive-selected)}.mode-btn{cursor:pointer;min-height:32px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:0 12px}.icon-button,.btn-icon{border:1px solid var(--line);background:var(--bg-elevated);cursor:pointer;border-radius:999px;width:36px;height:36px}textarea,.textarea,.tool-textarea,input.input,select.input,.tool-input{background:var(--color-surface-sunken);width:100%;color:var(--ink);font-family:var(--mono);border:0;padding:12px;font-size:13px}textarea,.textarea,.tool-textarea{resize:vertical;min-height:220px}input.input,select.input{border:1px solid var(--line);background:var(--color-surface-sunken);min-height:36px;font-family:var(--font);border-radius:8px;padding:0 10px}label.field{color:var(--muted);gap:6px;font-size:13px;display:grid}.form-grid{gap:12px;padding:16px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.stat{border:1px solid var(--line);background:var(--bg-elevated);border-radius:10px;padding:12px}.stat strong{font-size:18px;display:block}.stat span{color:var(--muted);font-size:12px}.error,.error-banner{color:var(--danger)}.error-banner,.status-note{background:var(--color-error-surface);border-radius:10px;padding:10px 12px}.status-note.ok{background:var(--color-success-surface);color:var(--ok)}.status-note.warn{background:var(--color-warning-surface);color:var(--color-warning)}.ok{color:var(--ok)}.diff-added{background:var(--color-success-surface)}.diff-removed{background:var(--color-error-surface)}.diff-modified{background:var(--color-warning-surface)}.diff-list{max-height:420px;font-family:var(--mono);font-size:12px;display:grid;overflow:auto}.diff-list div{border-bottom:1px solid var(--color-border-muted);white-space:pre-wrap;padding:6px 10px}.search{flex:1;max-width:420px;position:relative}.search input{border:1px solid var(--line);background:var(--bg-elevated);width:100%;height:38px;font-family:var(--font);border-radius:999px;padding:0 12px}.search-results,.command-panel{border:1px solid var(--line);background:var(--color-surface-overlay);box-shadow:var(--shadow);z-index:30;border-radius:12px;padding:6px;display:grid;position:absolute;top:44px;left:0;right:0}.search-results a,.command-panel a{border-radius:8px;padding:8px 10px;text-decoration:none}.search-results a:hover,.command-panel a:hover{background:var(--color-interactive-hover)}.search-results small,.command-panel small{color:var(--muted);display:block}.drop{text-align:center;border:1px dashed var(--color-border-secondary);min-height:140px;color:var(--muted);background:var(--color-surface-sunken);border-radius:12px;place-items:center;padding:16px;display:grid}.drop input{display:none}.preview{border-radius:8px;max-width:100%}.swatch{border:1px solid var(--line);border-radius:12px;width:100%;height:88px}.color-dot{border:1px solid var(--line);cursor:pointer;border-radius:999px;width:28px;height:28px}.status-row{cursor:pointer;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.status-row:hover{background:var(--color-interactive-hover)}.code-2xx{color:var(--ok)}.code-4xx,.code-5xx{color:var(--danger)}.code-3xx{color:var(--color-warning)}.code-1xx{color:var(--primary-300)}.note{color:var(--muted);margin-top:16px}.tree{font-family:var(--mono);padding:12px;font-size:13px}.tree button{color:var(--accent);cursor:pointer;background:0 0;border:0}mark{color:inherit;background:#f6a90f59}@media (width<=720px){.search{display:none}.site-footer .bar,.tool-heading,.form-row{height:auto;padding:16px 0;display:grid}.form-row{padding:0}}