:root{--coffee-dark:#2C1810;--coffee:#4A2C1C;--coffee-light:#8B6B47;--cream:#FAF4E8;--cream-mid:#F0E6D2;--cream-dark:#E8DBC1;--accent:#C9833E;--accent-dark:#A86A2C;--accent-light:#F6E4C7;--bg:#FAF4E8;--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{font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.display,h1,h2,h3{font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 50,"WONK" 0;letter-spacing:-.01em}button,input,select,textarea{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--text-hint);opacity:1}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.4;background-image:radial-gradient(circle at 15% 20%,rgba(201,131,62,.04) 0,transparent 50%),radial-gradient(circle at 85% 80%,rgba(74,44,28,.03) 0,transparent 50%);z-index:0}.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);background:#fff}.html-preview-frame{width:100%;min-height:320px;border:.5px solid var(--border);border-radius:8px;background:#fff}