:root{--bg: #f5f6f8;--bg-panel: #ffffff;--bg-input: #ffffff;--bg-hover: #eef0f3;--bg-active: #e8f0fe;--border: #e2e5ea;--text: #1f2328;--text-muted: #6b7280;--accent: #3b82f6;--accent-hover: #2563eb;--success: #16a34a;--danger: #dc2626;--diff-add-bg: #e6ffed;--diff-add-text: #116329;--diff-del-bg: #ffeef0;--diff-del-text: #a40e26;--diff-add-inline: #acf2bd;--diff-del-inline: #fdb8c0;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--radius: 10px;--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}html.dark{--bg: #0d1117;--bg-panel: #161b22;--bg-input: #0d1117;--bg-hover: #21262d;--bg-active: #1f2937;--border: #30363d;--text: #e6edf3;--text-muted: #8b949e;--accent: #58a6ff;--accent-hover: #79b8ff;--success: #3fb950;--danger: #f85149;--diff-add-bg: #12261e;--diff-add-text: #7ee787;--diff-del-bg: #25171c;--diff-del-text: #ffa198;--diff-add-inline: #2ea04326;--diff-del-inline: #f8514926;--shadow: 0 1px 3px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);transition:background .2s,color .2s}button{font-family:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);padding:7px 14px;border-radius:8px;font-size:13px;transition:all .15s}button:hover{background:var(--bg-hover);border-color:var(--accent)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}textarea,input,select{font-family:var(--mono);background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px;outline:none;transition:border-color .15s}textarea:focus,input:focus,select:focus{border-color:var(--accent)}textarea{resize:none;line-height:1.6}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){.tool-page{height:auto!important;min-height:100%}.split,.grid{grid-template-columns:1fr!important;height:auto!important}.split>*,.grid>*{min-height:240px}canvas{max-width:100%}button,select,input{padding:6px 10px;font-size:12px}.tool-head{gap:10px!important}.tool-actions{gap:6px!important;width:100%}.tool-title{font-size:17px!important}.tool-desc{display:none!important}}.layout[data-v-c0472147]{display:flex;height:100vh}.sidebar[data-v-c0472147]{width:220px;flex-shrink:0;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;position:relative;z-index:50;transition:margin-left .25s ease}.sidebar.closed[data-v-c0472147]{margin-left:-220px}.brand[data-v-c0472147]{display:flex;align-items:center;gap:8px;padding:8px 10px 20px;font-weight:600;font-size:15px}.brand-icon[data-v-c0472147]{font-size:20px}.nav[data-v-c0472147]{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto}.nav-group[data-v-c0472147]{display:flex;flex-direction:column;gap:4px;margin-top:12px}.nav-group-title[data-v-c0472147]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 12px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:transparent;border:none;border-radius:6px;cursor:pointer}.nav-group-title[data-v-c0472147]:hover{background:var(--bg-hover);border-color:transparent;color:var(--text)}.chevron[data-v-c0472147]{font-size:14px;line-height:1;transform:rotate(90deg);transition:transform .2s ease}.nav-group-title.collapsed .chevron[data-v-c0472147]{transform:rotate(0)}.nav-group-items[data-v-c0472147]{display:grid;grid-template-rows:1fr;transition:grid-template-rows .22s ease}.nav-group-items.closed[data-v-c0472147]{grid-template-rows:0fr}.nav-group-inner[data-v-c0472147]{overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:4px}.nav-item[data-v-c0472147]{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;text-decoration:none;color:var(--text-muted);font-size:14px;transition:all .15s}.nav-item[data-v-c0472147]:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active[data-v-c0472147]{background:var(--bg-active);color:var(--accent);font-weight:500}.nav-icon[data-v-c0472147]{width:22px;text-align:center;font-family:var(--mono);font-size:13px}.theme-toggle[data-v-c0472147]{margin-top:12px;width:100%}.powered-by[data-v-c0472147]{margin-top:10px;text-align:center;font-size:12px;color:var(--text-muted);opacity:.8}.content[data-v-c0472147]{flex:1;overflow:auto;padding:24px}.collapse-btn[data-v-c0472147]{margin-left:auto;width:26px;height:26px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:15px;line-height:1}.collapse-btn[data-v-c0472147]:hover{color:var(--text);background:var(--bg-hover)}.menu-toggle[data-v-c0472147]{position:fixed;top:12px;left:12px;z-index:60;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:18px;cursor:pointer}.menu-toggle[data-v-c0472147]:hover{background:var(--bg-hover)}.overlay[data-v-c0472147]{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40}.content.shifted[data-v-c0472147]{padding-left:64px}@media(max-width:768px){.sidebar[data-v-c0472147]{position:fixed;top:0;left:0;height:100%;margin-left:0;transform:translate(-100%);transition:transform .25s ease;box-shadow:2px 0 16px #00000059}.sidebar.open[data-v-c0472147]{transform:translate(0)}.sidebar.closed[data-v-c0472147]{margin-left:0;transform:translate(-100%)}.overlay.show[data-v-c0472147]{display:block}.content[data-v-c0472147],.content.shifted[data-v-c0472147]{padding:64px 16px 16px}}