:root{--color-bg:#fff;--color-surface:#f8f9fa;--color-border:#dee2e6;--color-text:#212529;--color-muted:#868e96;--color-accent:#1c7ed6;--color-error:#e03131;--color-warning:#e8590c;--toolbar-height:44px;--statusbar-height:26px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}.toolbar{height:var(--toolbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex:none;align-items:center;gap:16px;padding:0 12px;display:flex}.toolbar-group{color:var(--color-muted);align-items:center;gap:6px;font-size:12px;display:flex}.toolbar-group--right{margin-left:auto}.toolbar button{font:inherit;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;border-radius:5px;padding:5px 10px;font-size:12px}.toolbar button:hover{border-color:var(--color-accent);color:var(--color-accent)}.toolbar button:active{background:var(--color-surface)}.toolbar select{font:inherit;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:5px;padding:4px 6px;font-size:12px}#zoom-value{font-variant-numeric:tabular-nums;min-width:42px;display:inline-block}.panes{flex:auto;min-height:0;display:flex}.pane{min-width:0;overflow:hidden}.pane--editor{flex-direction:column;flex:0 0 50%;display:flex}.pane--editor .cm-editor{outline:none;flex:auto;min-height:0}.pane--preview{background:var(--color-bg);flex:auto;overflow:auto}.preview-stage{padding:16px;display:inline-block}.preview-stage svg{max-width:none;display:block}.splitter{cursor:col-resize;background:var(--color-border);border:none;outline:none;flex:0 0 6px}.splitter:hover,.splitter:focus-visible{background:var(--color-accent)}body.is-dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.statusbar{height:var(--statusbar-height);color:var(--color-muted);background:var(--color-surface);border-top:1px solid var(--color-border);flex:none;align-items:center;gap:12px;padding:0 12px;font-size:11px;display:flex}.status-error{color:var(--color-error);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.status-note{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.status-link{color:var(--color-muted);border-bottom:1px solid #0000;flex:none;text-decoration:none}.status-link:hover,.status-link:focus-visible{color:var(--color-accent);border-bottom-color:currentColor}.status-save{flex:none}.status-save.is-warning{color:var(--color-warning)}