.app[data-v-abfc3f24]{display:flex;flex-direction:column;height:100%;max-width:1400px;margin:0 auto;padding:16px;gap:12px}.topbar[data-v-abfc3f24]{display:flex;align-items:baseline;gap:12px}.topbar h1[data-v-abfc3f24]{font-size:18px;margin:0;color:var(--accent);letter-spacing:.5px}.topbar .sub[data-v-abfc3f24]{color:var(--muted);font-size:12px}.options[data-v-abfc3f24]{display:flex;flex-wrap:wrap;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 14px}.options label[data-v-abfc3f24]{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--text)}.options label.disabled[data-v-abfc3f24]{opacity:.4;cursor:not-allowed}.options input[type=checkbox][data-v-abfc3f24]{accent-color:var(--accent);width:15px;height:15px}.presets[data-v-abfc3f24]{margin-left:auto;display:flex;gap:8px}.presets button[data-v-abfc3f24]{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 12px;font-family:var(--font-mono);font-size:12px;cursor:pointer}.presets button[data-v-abfc3f24]:hover{border-color:var(--accent);color:var(--accent)}.grid[data-v-abfc3f24]{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:0}.pane[data-v-abfc3f24]{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden;min-height:0}.pane-head[data-v-abfc3f24]{padding:8px 12px;font-size:12px;color:var(--muted);background:var(--panel-2);border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.pane.output[data-v-abfc3f24]{cursor:pointer}.pane.output[data-v-abfc3f24]:hover{border-color:var(--accent)}.hint[data-v-abfc3f24]{color:var(--muted);font-size:11px}textarea[data-v-abfc3f24]{flex:1;border:0;outline:0;resize:none;background:transparent;color:var(--text);font-family:var(--font-mono);font-size:13px;padding:12px;line-height:1.6}pre[data-v-abfc3f24]{flex:1;margin:0;padding:12px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--text)}@media(max-width:800px){.grid[data-v-abfc3f24]{grid-template-columns:1fr}}:root{--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--bg: #0f1115;--panel: #161a21;--panel-2: #1c212b;--border: #2a313d;--text: #e6e9ef;--muted: #8b93a4;--accent: #7aa2f7;--accent-2: #9ece6a}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}