:root{color-scheme:light;--bg: #f4f6f8;--surface: #ffffff;--surface-strong: #fdfaf6;--ink: #17202a;--muted: #64748b;--line: #d7dee8;--accent: #1565c0;--accent-strong: #0f4c95;--green: #1f7a4d;--warning: #a35d00;--code-bg: #eef2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink)}button,textarea,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding:18px}.toolbar,.workspace>*{border:1px solid var(--line);background:var(--surface)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:8px;padding:16px 18px}.eyebrow{margin:0 0 4px;color:var(--green);font-size:13px;font-weight:700;letter-spacing:0}h1,h2{margin:0;letter-spacing:0}h1{font-size:clamp(24px,4vw,34px);line-height:1.15}h2{font-size:16px}.toolbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.workspace{min-height:0;display:grid;grid-template-columns:minmax(280px,.56fr) minmax(0,1fr);gap:16px}.editor-pane,.preview-pane{min-height:0;display:grid;grid-template-rows:minmax(0,1fr);border-radius:8px;overflow:hidden}#sourceInput{width:100%;height:100%;min-height:520px;resize:none;border:0;outline:0;padding:20px;background:#fbfcfe;color:var(--ink);font-size:17px;line-height:1.72;letter-spacing:0}#sourceInput::placeholder{color:#8b98a8}.rendered-content{height:100%;min-height:520px;overflow:auto;padding:clamp(22px,4vw,42px);background:var(--surface-strong);font-size:19px;line-height:1.78;letter-spacing:0;overflow-wrap:anywhere}.rendered-content>*{margin:0}.rendered-content>*+*{margin-top:1em}.rendered-content h1,.rendered-content h2,.rendered-content h3{line-height:1.28;color:#111827}.rendered-content h1{font-size:31px}.rendered-content h2{font-size:25px}.rendered-content h3{font-size:21px}.rendered-content a{color:var(--accent);text-underline-offset:.18em}.rendered-content ul,.rendered-content ol{padding-left:1.45em}.rendered-content li+li{margin-top:.35em}.rendered-content blockquote{margin:1.2em 0;padding-left:1em;border-left:4px solid var(--line);color:var(--muted)}.rendered-content code{border-radius:5px;padding:.12em .32em;background:var(--code-bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.rendered-content pre{overflow:auto;border-radius:8px;padding:16px;background:#101828;color:#e5e7eb;line-height:1.55}.rendered-content pre code{padding:0;background:transparent;color:inherit}.empty-state{color:var(--muted)}.primary-button,.control-button,.ghost-button{min-height:38px;border-radius:7px;border:1px solid transparent;padding:0 14px;font-weight:700;letter-spacing:0}.primary-button{background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-strong)}.control-button,.ghost-button{border-color:var(--line);background:#fff;color:var(--ink)}.control-button:hover,.ghost-button:hover{background:#f1f5f9}.privacy-note{margin:0;color:var(--muted);font-size:13px;line-height:1.5}@media(max-width:880px){.app-shell{padding:10px}.toolbar{align-items:flex-start;flex-direction:column}.workspace{grid-template-columns:1fr}#sourceInput,.rendered-content{min-height:360px}}@media(max-width:560px){.toolbar-actions{align-items:stretch;flex-direction:column}.toolbar-actions button,.ghost-button{width:100%}.rendered-content{font-size:17px}}