:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7fb;--ink:#111827;--muted:#667085;--panel:#fffffff7;--panel-border:#94a3b833;--shadow-soft:0 4px 16px #0f172a0f;--accent:#8b5cf6;--radius:12px;--radius-sm:8px;--error:#ef4444;--ok:#10b981}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{height:100%;color:var(--ink);background:radial-gradient(circle at top left, #8b5cf614, transparent 30%), radial-gradient(circle at top right, #a78bfa0f, transparent 28%), linear-gradient(180deg, #f5f3ff 0%, var(--bg) 100%);min-height:100vh;font-family:Inter,Segoe UI,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow:hidden}button,input,select{font:inherit}.page{flex-direction:column;gap:10px;height:100vh;padding:12px 16px;display:flex;overflow:hidden}.topbar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar__title{align-items:baseline;gap:10px;display:flex}.topbar__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.page-header__name{margin:0;font-size:16px;font-weight:800}.indent-label{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.indent-select{border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);cursor:pointer;outline:none;padding:5px 8px;font-size:13px}.btn{border:1.5px solid var(--panel-border);background:var(--panel);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500;transition:border-color .13s,color .13s,background .13s}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{border-color:var(--accent);background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){color:#fff;background:#7c3aed;border-color:#7c3aed}.btn--primary.btn--copied{background:var(--ok);border-color:var(--ok)}.btn--primary.btn--error{background:var(--error);border-color:var(--error)}.btn--ghost{color:var(--muted)}.error-bar{border-radius:var(--radius-sm);color:var(--error);background:#fef2f2;border:1px solid #fca5a5;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.error-bar__icon{flex-shrink:0;font-weight:700}.editors{flex:1;grid-template-columns:1fr 1fr;gap:16px;min-height:0;display:grid;overflow:hidden}@media (width<=700px){.editors{grid-template-columns:1fr;align-content:start;overflow-y:auto}.editor-wrap{min-height:auto}.editor-box{flex:none;height:min(42vh,420px);min-height:320px}}.editor-wrap{flex-direction:column;min-width:0;min-height:0;display:flex}.editor-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.editor-label__badge{letter-spacing:0;text-transform:none;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600}.editor-label__badge--ok{color:#065f46;background:#d1fae5}.editor-box{border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);min-width:0;min-height:0;box-shadow:var(--shadow-soft);flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-box>div{flex:1;min-height:0}.editor-box--error{border-color:#fca5a5}.editor-box .cm-theme{height:100%}.editor-box .cm-editor{height:100%;overflow:hidden}.editor-box .cm-scroller{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow:auto!important}