:root{color-scheme:light;font-family:Segoe UI,Aptos,system-ui,sans-serif;background:#f4f2ed;color:#18201d;--ink: #18201d;--muted: #69726c;--paper: #fffdf8;--line: #d8d0c2;--accent: #0e6f68;--accent-dark: #074c47;--gold: #c8872c;--code: #112924}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,rgba(14,111,104,.06) 1px,transparent 1px),linear-gradient(rgba(14,111,104,.05) 1px,transparent 1px),#f4f2ed;background-size:28px 28px}button,textarea{font:inherit}button{border:1px solid var(--line);background:var(--paper);color:var(--ink);min-height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border-radius:6px}button:hover,button:focus-visible{border-color:var(--accent);color:var(--accent-dark);outline:2px solid rgba(14,111,104,.18)}.app-shell{width:min(1880px,calc(100vw - 28px));margin:0 auto;padding:20px 0 22px}.topbar{display:grid;grid-template-columns:minmax(280px,560px) minmax(280px,1fr);align-items:end;gap:24px;margin-bottom:16px}.eyebrow{color:var(--accent);font-size:.78rem;letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-weight:700}h1,h2,p{margin:0}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,4.25rem);line-height:.95;letter-spacing:0}.claim{border-left:4px solid var(--gold);padding-left:14px;color:#34413b;line-height:1.45;max-width:760px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.segmented{display:inline-grid;grid-template-columns:repeat(3,minmax(82px,1fr));border:1px solid var(--line);background:#e9e2d6;border-radius:6px;overflow:hidden}.segmented button{border:0;border-radius:0;background:transparent;justify-content:center}.segmented button.active{background:var(--accent);color:#fff}.hidden-input{display:none}.workspace-grid{display:grid;grid-template-columns:minmax(300px,1.1fr) minmax(280px,.8fr) minmax(320px,1.1fr);gap:12px;min-height:calc(100vh - 174px)}.panel{background:#fffdf8eb;border:1px solid var(--line);border-radius:8px;min-height:520px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 45px #1c272314}.panel-title{min-height:46px;padding:0 12px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;background:#fbf7ee}.panel-title h2{font-size:.95rem}.panel-title span{color:var(--muted);font-size:.82rem}textarea{width:100%;flex:1;min-height:420px;resize:none;border:0;outline:0;padding:16px;color:var(--code);background:transparent;line-height:1.48;font-family:Cascadia Code,Consolas,monospace;font-size:.92rem}.output-panel textarea{background:#112924;color:#e7f3e6}.preview-list{overflow:auto;padding:12px;display:grid;gap:10px}.section-preview{border:1px solid #dfd8cc;background:#fffaf0;border-radius:8px;padding:10px}.section-preview>div{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}code{color:var(--accent-dark);background:#0e6f6814;border:1px solid rgba(14,111,104,.14);border-radius:4px;padding:2px 5px;white-space:nowrap}ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}li{border-top:1px solid #ece4d8;padding-top:7px}li span{display:inline-block;color:var(--gold);font-size:.75rem;font-weight:700;margin-bottom:3px;text-transform:uppercase}li p{color:#38433d;line-height:1.38;overflow-wrap:anywhere}@media(max-width:1100px){.topbar,.workspace-grid{grid-template-columns:1fr}.workspace-grid{min-height:auto}.panel{min-height:360px}}@media(max-width:640px){.app-shell{width:min(100vw - 16px,620px);padding-top:12px}.toolbar button{flex:1 1 calc(50% - 8px);justify-content:center}.segmented{width:100%}.claim{font-size:.92rem}}