:root{--bg-color:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--border-color:#ddd;--hover-color:#f5f5f5;--accent-color:#000;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);margin:0;padding:0;line-height:1.5}#app{flex-direction:column;height:100vh;display:flex}header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.brand-link{color:var(--text-primary);letter-spacing:.05em;font-size:.875rem;font-weight:500;text-decoration:none}.brand-link:hover{text-decoration:underline}.actions{gap:.5rem;display:flex}button{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;padding:.5rem 1rem;font-size:.75rem;transition:all .2s}button:hover{background:var(--hover-color);border-color:var(--accent-color)}button.primary{background:var(--accent-color);color:#fff}main{flex:1;display:flex;overflow:hidden}.editor-pane{border-right:1px solid var(--border-color);flex:1;padding:2rem;overflow-y:auto}.preview-pane{background-color:#fafafa;flex:1;padding:2rem;overflow-y:auto}.section-card{border:1px solid var(--border-color);background:#fff;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.section-card h2{text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem}.field-group{margin-bottom:1rem}label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.75rem;display:block}input,textarea,select{border:1px solid var(--border-color);outline:none;width:100%;padding:.5rem;font-family:inherit;font-size:.875rem}input:focus,textarea:focus,select:focus{border-color:var(--accent-color)}textarea{resize:vertical;min-height:80px}.preview-content{max-width:800px;margin:0 auto}.preview-header{margin-bottom:2rem}.preview-header h1{margin-bottom:.5rem;font-size:1.5rem}.preview-meta{color:var(--text-secondary);font-size:.75rem}.preview-section{margin-bottom:2rem}.preview-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin-bottom:.75rem;padding-bottom:.25rem;font-size:.875rem}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.preview-item{margin-bottom:.75rem}.preview-label{color:var(--text-secondary);text-transform:uppercase;font-size:.7rem;font-weight:600}.preview-value{white-space:pre-wrap;font-size:.875rem}@media (width<=1024px){main{flex-direction:column}.editor-pane,.preview-pane{border-right:none;flex:none;height:auto}.preview-pane{border-top:1px solid var(--border-color)}}.hidden{display:none}.collapsible-trigger{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.collapsible-trigger:after{content:"▼";font-size:.6rem}.collapsed .collapsible-content{display:none}.collapsed .collapsible-trigger:after{content:"▶"}