.tool-page[data-astro-cid-ue3yhu3a]{padding:1.5rem 0 3rem}.tool-head[data-astro-cid-ue3yhu3a]{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1.25rem}.tool-head[data-astro-cid-ue3yhu3a] h1[data-astro-cid-ue3yhu3a]{margin:.1em 0 .25em;font-size:1.9rem}.tool-intro[data-astro-cid-ue3yhu3a]{color:var(--color-text-muted);margin:0;max-width:780px}.editor-grid[data-astro-cid-ue3yhu3a]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;height:clamp(480px,calc(100vh - 340px),820px)}.editor-pane[data-astro-cid-ue3yhu3a]{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;min-height:0}.pane-head[data-astro-cid-ue3yhu3a]{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-alt);font-size:.9rem;font-weight:500}.pane-head[data-astro-cid-ue3yhu3a] label[data-astro-cid-ue3yhu3a]{font-weight:600}.pane-actions[data-astro-cid-ue3yhu3a]{display:flex;gap:.35rem;align-items:center}.dropdown[data-astro-cid-ue3yhu3a]{position:relative;display:inline-block}.dropdown-menu[data-astro-cid-ue3yhu3a]{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;max-height:360px;overflow-y:auto;list-style:none;margin:0;padding:.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:20}.dropdown-menu[data-astro-cid-ue3yhu3a] li[data-astro-cid-ue3yhu3a] button[data-astro-cid-ue3yhu3a]{display:block;width:100%;text-align:left;padding:.4rem .6rem;background:transparent;border:0;color:var(--color-text);font:inherit;font-size:.9rem;border-radius:var(--radius-sm);cursor:pointer}.dropdown-menu[data-astro-cid-ue3yhu3a] li[data-astro-cid-ue3yhu3a] button[data-astro-cid-ue3yhu3a]:hover{background:var(--color-bg-alt)}.editor-textarea[data-astro-cid-ue3yhu3a]{flex:1 1 auto;min-height:0;height:100%;width:100%;resize:none;border:0;padding:.9rem 1rem;font-family:var(--font-mono);font-size:.95rem;line-height:1.55;color:var(--color-text);background:var(--color-surface);white-space:pre;tab-size:2}.editor-textarea[data-astro-cid-ue3yhu3a]:focus{outline:2px solid var(--color-accent);outline-offset:-2px}.preview-pane[data-astro-cid-ue3yhu3a] .preview-canvas[data-astro-cid-ue3yhu3a]{flex:1 1 auto;min-height:0;overflow:auto;padding:1rem;background:var(--color-surface);display:flex;align-items:center;justify-content:center}.preview-canvas[data-astro-cid-ue3yhu3a] svg[data-astro-cid-ue3yhu3a]{max-width:100%;height:auto}.preview-empty[data-astro-cid-ue3yhu3a]{color:var(--color-text-muted);font-size:.95rem;text-align:center}.pane-meta[data-astro-cid-ue3yhu3a]{padding:.4rem .75rem;font-size:.8rem;color:var(--color-text-muted);border-top:1px solid var(--color-border);background:var(--color-bg-alt);min-height:1.75rem}.toolbar[data-astro-cid-ue3yhu3a]{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin:1rem 0 .5rem}.toolbar-buttons[data-astro-cid-ue3yhu3a],.toolbar-options[data-astro-cid-ue3yhu3a]{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.toolbar-options[data-astro-cid-ue3yhu3a] label[data-astro-cid-ue3yhu3a]{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;color:var(--color-text-muted)}.toolbar-options[data-astro-cid-ue3yhu3a] select[data-astro-cid-ue3yhu3a]{padding:.35rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:.9rem}.status-bar[data-astro-cid-ue3yhu3a]{padding:.6rem .85rem;border-radius:var(--radius-sm);font-size:.88rem;border:1px solid var(--color-border);background:var(--color-bg-alt);color:var(--color-text-muted)}.status-bar[data-astro-cid-ue3yhu3a] kbd[data-astro-cid-ue3yhu3a]{font-family:var(--font-mono);font-size:.8rem;background:var(--color-surface);border:1px solid var(--color-border);border-bottom-width:2px;border-radius:3px;padding:0 .3rem;color:var(--color-text)}.status-success[data-astro-cid-ue3yhu3a]{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success)}.status-error[data-astro-cid-ue3yhu3a]{border-color:var(--color-error);background:var(--color-error-bg);color:var(--color-error)}@media(max-width:820px){.editor-grid[data-astro-cid-ue3yhu3a]{grid-template-columns:1fr;height:auto}.editor-pane[data-astro-cid-ue3yhu3a]{height:60vh;min-height:340px}}