:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text:#1f2937;--muted:#5b6474;--accent:#c2410c;--border:#c2410c1f;--panel-bg:#ffffffc7;--panel-header:#fff7edd9;--code-bg:#fff1e6;--quote:#c2410c73;--shadow:0 18px 48px #78350f14;--mono:"SFMono-Regular", "SF Mono", "IBM Plex Mono", "Fira Code", Consolas, monospace;background:radial-gradient(circle at 0 0,#ffd6b38c,#0000 28%),linear-gradient(#fffaf4 0%,#fff 38%,#fff7ed 100%);font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{min-width:320px;height:100%;min-height:100vh;margin:0;overflow:hidden}body,textarea,button,input{font-family:inherit}img{max-width:100%;display:block}a{text-underline-offset:.2em}h1,h2,h3{color:#111827;line-height:1.2}h1{letter-spacing:-.02em;margin:0 0 8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,2vw,2.15rem)}#root{height:100dvh;min-height:100vh}.app-shell{grid-template-rows:auto minmax(0,1fr);gap:12px;width:min(1380px,100% - 20px);height:100dvh;margin:0 auto;padding:14px 0 18px;display:grid}.hero-panel{border:1px solid var(--border);background:radial-gradient(circle at 100% 0,#e85a4f33,#0000 34%),linear-gradient(135deg,#fff7edf5,#ffffffeb);border-radius:14px;padding:12px 18px;box-shadow:0 8px 22px #7e3a140a}.hero-copy{max-width:none;color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}.hero-panel h1{max-width:none;margin-bottom:2px}.workspace{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;min-height:0;display:grid}.workspace-toolbar{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.panel{border:1px solid var(--border);background:var(--panel-bg);min-height:0;box-shadow:var(--shadow);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);background:var(--panel-header);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.panel-header h2{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:1rem}.panel-header span{color:var(--muted);font-size:.84rem}.panel-actions{align-items:center;gap:12px;display:flex}.toolbar-meta{color:var(--muted);font-size:.84rem}.action-button{color:var(--accent);cursor:pointer;background:#fff;border:1px solid #c2410c38;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:transform .12s,border-color .12s,background-color .12s}.action-button:hover{background:#fff7ed;border-color:#c2410c73;transform:translateY(-1px)}.action-button:focus-visible{outline-offset:2px;outline:2px solid #c2410c47}.editor{resize:vertical;width:100%;min-height:0;color:var(--text);font:500 1rem/1.7 var(--mono);background:0 0;border:0;outline:none;flex:auto;padding:18px 18px 24px;overflow:auto}.preview{flex:auto;min-height:0;padding:18px 22px 24px;overflow:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.markdown-body{color:var(--text)}.markdown-body>:first-child{margin-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:1.4em 0 .6em}.markdown-body h1{letter-spacing:-.02em;font-size:2rem}.markdown-body h2{font-size:1.5rem}.markdown-body h3{font-size:1.2rem}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote,.markdown-body pre,.markdown-body table{margin:0 0 1rem}.markdown-body ul,.markdown-body ol{padding-left:1.4rem}.markdown-body a{color:var(--accent)}.markdown-body code{background:var(--code-bg);border-radius:8px;padding:.18em .38em;font-size:.92em}.markdown-body pre{background:var(--code-bg);border-radius:16px;padding:16px;overflow:auto}.markdown-body pre code{background:0 0;padding:0}.markdown-body blockquote{border-left:4px solid var(--quote);color:var(--muted);padding:.2rem 0 .2rem 1rem}.markdown-body table{border-collapse:collapse;width:100%}.markdown-body th,.markdown-body td{border:1px solid var(--border);text-align:left;padding:12px 14px}.markdown-body th{background:var(--panel-header)}@media (width<=860px){.app-shell{gap:8px;width:min(100% - 12px,1380px);padding:8px 0 10px}.hero-panel{border-radius:12px;padding:10px 14px}.hero-panel h1,.markdown-body h1{font-size:1.5rem}.workspace{grid-template-rows:auto minmax(0,1fr) minmax(0,1fr);grid-template-columns:1fr}.panel{min-height:0}.panel-header{align-items:flex-start;gap:10px}.panel-actions{flex-direction:column;align-items:stretch;gap:8px}.workspace-toolbar{flex-direction:column;align-items:flex-start}}