:root{--bg: #f8fafc;--surface: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--accent: #2563eb;--accent-hover: #1d4ed8;--danger: #dc2626;--code-bg: #f1f5f9;--shadow: 0 1px 3px rgb(15 23 42 / .08);font-family:system-ui,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;color:var(--text);background:var(--bg)}:root[data-theme=dark]{--bg: #0f1419;--surface: #1a222d;--text: #e2e8f0;--muted: #94a3b8;--border: #334155;--accent: #60a5fa;--accent-hover: #93c5fd;--danger: #f87171;--code-bg: #0f172a;--shadow: 0 1px 3px rgb(0 0 0 / .35)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}#app{min-height:100vh;display:flex;flex-direction:column}h1{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}h2{font-size:1.125rem;font-weight:600;margin:0 0 .75rem}p{margin:0 0 .75rem;color:var(--muted)}.tool-grid{display:grid;gap:1rem}@media (min-width: 720px){.tool-grid.cols-2{grid-template-columns:1fr 1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem;box-shadow:var(--shadow)}.panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.panel-head h2{margin:0}.panel-head .btn{flex-shrink:0}textarea.io{width:100%;min-height:200px;padding:.75rem;font-family:ui-monospace,Consolas,monospace;font-size:.875rem;border:1px solid var(--border);border-radius:8px;background:var(--code-bg);color:var(--text);resize:vertical}textarea.io:focus{outline:2px solid var(--accent);outline-offset:1px}.row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .85rem;font-size:.875rem;font-weight:500;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.msg-error{color:var(--danger);font-size:.875rem;white-space:pre-wrap}.msg-ok{color:var(--muted);font-size:.875rem}input.field{padding:.45rem .65rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.875rem;max-width:100%}input.field:focus{outline:2px solid var(--accent);outline-offset:1px}.header[data-v-301988c2]{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.header-inner[data-v-301988c2]{max-width:1100px;margin:0 auto;padding:.65rem 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.brand[data-v-301988c2]{font-weight:700;color:var(--text);text-decoration:none}.brand[data-v-301988c2]:hover{color:var(--accent);text-decoration:none}.nav[data-v-301988c2]{display:flex;flex-wrap:wrap;gap:.35rem .75rem;flex:1}.nav-link[data-v-301988c2]{color:var(--muted);font-size:.875rem;text-decoration:none}.nav-link.router-link-active[data-v-301988c2]{color:var(--accent);font-weight:600}.nav-link[data-v-301988c2]:hover{color:var(--accent)}.theme-btn[data-v-301988c2]{font-size:.8rem;padding:.35rem .65rem;border-radius:8px;border:1px solid var(--border);background:var(--code-bg);color:var(--text);cursor:pointer}.theme-btn[data-v-301988c2]:hover{border-color:var(--accent)}.main[data-v-301988c2]{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.25rem 1rem 2rem}.footer[data-v-301988c2]{max-width:1100px;margin:0 auto;padding:1rem;font-size:.8rem;color:var(--muted);border-top:1px solid var(--border)}.sep[data-v-301988c2]{margin:0 .35rem}