:root{--bg:#fff;--fg:#16181d;--chrome-bg:#f4f5f7;--chrome-fg:#16181d;--chrome-border:#d9dce3;--control-bg:#fff;--control-border:#c9cdd6;--control-hover:#eceef2;--muted:#6f7684;--accent:#3b82f6;--overlay:#0006;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#0f1115;--fg:#e6e8ee;--chrome-bg:#16181d;--chrome-fg:#e6e8ee;--chrome-border:#2a2e37;--control-bg:#232732;--control-border:#3a3f4b;--control-hover:#2c313d;--muted:#8f96a3;--accent:#3b82f6;--overlay:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--fg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--chrome-border);background:var(--chrome-bg);color:var(--chrome-fg);align-items:center;gap:10px;padding:8px 14px;display:flex}.topbar h1{white-space:nowrap;margin:0;font-size:15px}.sidebar-toggle{border:1px solid var(--control-border);background:var(--control-bg);color:inherit;cursor:pointer;border-radius:6px;padding:5px 9px;font-size:15px;line-height:1}.sidebar-toggle:hover{background:var(--control-hover)}.status{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:13px;overflow:hidden}.body{flex:1;min-height:0;display:flex;position:relative}.sidebar{border-right:1px solid var(--chrome-border);background:var(--chrome-bg);width:240px;color:var(--chrome-fg);flex-direction:column;flex-shrink:0;gap:18px;padding:14px;display:flex;overflow-y:auto}.backdrop{display:none}.section{flex-direction:column;gap:8px;display:flex}.section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:10px;font-weight:600}.section button{font:inherit;border:1px solid var(--control-border);background:var(--control-bg);color:inherit;cursor:pointer;text-align:left;border-radius:6px;padding:6px 10px;font-size:13px}.section button:hover{background:var(--control-hover)}.field{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.field select{font:inherit;border:1px solid var(--control-border);background:var(--control-bg);color:inherit;border-radius:6px;max-width:130px;padding:4px 8px;font-size:13px}.tool-grid{grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.tool-toggle{text-transform:capitalize;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:flex}.tool-toggle input{accent-color:var(--accent);margin:0}.editor{flex:1;min-width:0;min-height:0;display:flex}.preview{background:var(--chrome-bg);width:320px;max-height:calc(100dvh - 32px);color:var(--chrome-fg);border:1px solid var(--chrome-border);z-index:20;border-radius:8px;flex-direction:column;padding:12px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 24px #00000040}.preview-header{flex:none;align-items:center;gap:8px;display:flex}.preview-header h2{flex:1;margin:0;font-size:14px}.preview-header a{color:var(--accent)}.preview-header button{font:inherit;border:1px solid var(--control-border);background:var(--control-bg);color:inherit;cursor:pointer;border-radius:6px}.preview img{object-fit:contain;border-radius:4px;flex:auto;width:100%;min-height:0;margin-top:8px}@media (width<=767px){.sidebar{z-index:15;width:min(280px,85vw);position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 24px #00000059}.backdrop{z-index:10;background:var(--overlay);border:0;padding:0;display:block;position:absolute;inset:0}.preview{width:auto;max-height:calc(100dvh - 16px);bottom:8px;left:8px;right:8px}.topbar h1{font-size:14px}}