:root{--coffee-dark:#2C1810;--coffee:#4A2C1C;--coffee-light:#8B6B47;--cream:#FFFFFF;--cream-mid:#F0E6D2;--cream-dark:#E8DBC1;--accent:#f1bfae;--accent-dark:#c97a64;--accent-light:#fae5dd;--bg:#FFFFFF;--bg-card:#FFFFFF;--border:#E8DBC1;--border-light:#F0E6D2;--text:#2C1810;--text-muted:#6B5A48;--text-hint:#A89582;--success:#4A6B3F;--success-bg:#E8EFDF;--red:#B54A3A;--red-dark:#8E3627;--red-light:#F5E0DB;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}body,html{background:var(--bg);color:var(--text)}body{line-height:1.6;-webkit-font-smoothing:antialiased}.display,body,h1,h2,h3{font-family:Bricolage Grotesque,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.display,h1,h2,h3{letter-spacing:-.01em}button,input,select,textarea{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--text-hint);opacity:1}.page-wrap,main{position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:translateX(-50%) scale(.5)}to{opacity:1;transform:translateX(-50%) scale(1)}}.html-editor-textarea{width:100%;min-height:320px;padding:16px;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:13px;line-height:1.6;color:var(--coffee-dark);background:var(--cream);border:.5px solid var(--border);border-radius:8px;resize:vertical;outline:none;-moz-tab-size:2;tab-size:2}.html-editor-textarea:focus{border-color:var(--accent-dark);background:#fff}.html-preview-frame{width:100%;min-height:320px;border:.5px solid var(--border);border-radius:8px;background:#fff}