*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--surface: #f6f8fa;--border: #d0d7de;--text: #24292f;--text-muted: #656d76;--accent: #0969da;--error: #cf222e;--error-bg: #ffebe9;--btn-green-bg: #2da44e;--btn-green-hover: #2c974b;--btn-amber-bg: #9a6700;--btn-amber-hover: #7d5400;--btn-text: #ffffff;--header-bg: #24292f;--header-text: #ffffff;--cm-bg: #ffffff;--scrollbar: #d0d7de}[data-theme=dark]{--bg: #0d1117;--surface: #161b22;--border: #30363d;--text: #e6edf3;--text-muted: #8b949e;--accent: #58a6ff;--error: #ff7b72;--error-bg: #2d1b1b;--btn-green-bg: #238636;--btn-green-hover: #2ea043;--btn-amber-bg: #9e6a03;--btn-amber-hover: #bb8009;--btn-text: #ffffff;--header-bg: #161b22;--header-text: #e6edf3;--cm-bg: #0d1117;--scrollbar: #30363d}html,body,#app{height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}.theme-btn[data-v-b524dfe4]{background:transparent;border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:16px;cursor:pointer;color:var(--header-text);line-height:1.4;transition:background .15s}.theme-btn[data-v-b524dfe4]:hover{background:#ffffff1a}.error-banner[data-v-6b846829]{display:flex;align-items:flex-start;gap:6px;padding:6px 10px;background:var(--error-bg);border-top:1px solid var(--border);color:var(--error);font-size:12px;font-family:monospace;line-height:1.5;min-height:32px}.icon[data-v-6b846829]{flex-shrink:0;font-style:normal}.location[data-v-6b846829]{font-weight:600;white-space:nowrap}.message[data-v-6b846829]{word-break:break-all}.action-bar[data-v-b3ba583c]{display:flex;gap:8px;padding:8px 10px;border-top:1px solid var(--border);background:var(--surface)}.btn[data-v-b3ba583c]{padding:5px 14px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;color:var(--btn-text);transition:background .15s}.btn-green[data-v-b3ba583c]{background:var(--btn-green-bg)}.btn-green[data-v-b3ba583c]:hover{background:var(--btn-green-hover)}.btn-amber[data-v-b3ba583c]{background:var(--btn-amber-bg)}.btn-amber[data-v-b3ba583c]:hover{background:var(--btn-amber-hover)}.editor-panel[data-v-bc7abfac]{display:flex;flex-direction:column;flex:1;border-right:1px solid var(--border);overflow:hidden}.panel-label[data-v-bc7abfac]{padding:6px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--surface);border-bottom:1px solid var(--border)}.editor-wrap[data-v-bc7abfac]{flex:1;overflow:hidden;display:flex;flex-direction:column}.editor-wrap[data-v-bc7abfac] .cm-editor{height:100%;font-size:var(--editor-font-size, 13px);background:var(--cm-bg)}.editor-wrap[data-v-bc7abfac] .cm-scroller{overflow:auto;font-family:var(--editor-font, "Fira Code", Consolas, monospace)}.output-panel[data-v-93f2cfb4]{display:flex;flex-direction:column;flex:1;overflow:hidden}.panel-label[data-v-93f2cfb4]{padding:6px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--surface);border-bottom:1px solid var(--border)}.search-bar[data-v-93f2cfb4]{display:flex;align-items:center;gap:6px;padding:5px 10px;border-bottom:1px solid var(--border);background:var(--surface)}.search-icon[data-v-93f2cfb4]{width:14px;height:14px;flex-shrink:0;color:var(--text-muted)}.search-input[data-v-93f2cfb4]{flex:1;border:1px solid var(--border);border-radius:4px;padding:3px 7px;font-size:12px;font-family:Fira Code,Cascadia Code,Consolas,monospace;background:var(--cm-bg);color:var(--text);outline:none}.search-input[data-v-93f2cfb4]:focus{border-color:var(--accent)}.match-count[data-v-93f2cfb4]{font-size:11px;color:var(--accent);white-space:nowrap;min-width:52px;text-align:right}.match-count.no-match[data-v-93f2cfb4]{color:var(--error)}.editor-wrap[data-v-93f2cfb4]{flex:1;overflow:hidden;display:flex;flex-direction:column}.editor-wrap[data-v-93f2cfb4] .cm-editor{height:100%;font-size:var(--editor-font-size, 13px);background:var(--cm-bg)}.editor-wrap[data-v-93f2cfb4] .cm-scroller{overflow:auto;font-family:var(--editor-font, "Fira Code", Consolas, monospace)}.editor-wrap[data-v-93f2cfb4] .cm-key-match{background:#ffbe0059;border-radius:2px}.output-actions[data-v-93f2cfb4]{display:flex;gap:8px;padding:8px 10px;border-top:1px solid var(--border);background:var(--surface)}.btn[data-v-93f2cfb4]{padding:5px 14px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.btn[data-v-93f2cfb4]:disabled{opacity:.4;cursor:default}.btn-slate[data-v-93f2cfb4]{background:var(--surface);color:var(--text)}.btn-slate[data-v-93f2cfb4]:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}.btn-slate.active[data-v-93f2cfb4]{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-copy[data-v-93f2cfb4]{margin-left:auto;background:var(--surface);color:var(--text)}.btn-copy[data-v-93f2cfb4]:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}.app{display:flex;flex-direction:column;height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--header-bg);color:var(--header-text);border-bottom:1px solid var(--border);flex-shrink:0}.header-controls{display:flex;align-items:center;gap:8px}.font-select{padding:3px 8px;font-size:12px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff1a;color:var(--header-text);outline:none;cursor:pointer;height:28px}.font-select:focus{border-color:#ffffff80}.font-select option{background:var(--surface);color:var(--text)}.size-picker{display:flex;align-items:center;gap:4px}.size-picker button{width:22px;height:22px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff1a;color:var(--header-text);font-size:14px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}.size-picker button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.size-picker span{font-size:12px;color:var(--header-text);min-width:34px;text-align:center}.title{font-size:16px;font-weight:600;letter-spacing:.02em}.panels{display:flex;flex:1;overflow:hidden}.footer{text-align:center;padding:6px 16px;font-size:11px;color:var(--text-muted);background:var(--surface);border-top:1px solid var(--border);flex-shrink:0}.footer a{color:var(--text-muted);text-decoration:none}.footer a:hover{color:var(--accent)}.repair-error{padding:6px 16px;background:var(--error-bg);color:var(--error);font-size:12px;font-family:monospace;border-top:1px solid var(--border);flex-shrink:0}