*{box-sizing:border-box}body{color:#1f2937;background:#f4f6fb;margin:0;font-family:Arial,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;padding:32px}.preview-frame{background:#fff;border:1px solid #dbe3ef;border-radius:18px;width:100%;margin:0 auto;overflow:hidden;box-shadow:0 20px 45px #0f172a1f}.preview-frame-mobile{max-width:390px}.preview-section{grid-template-columns:minmax(0,1.05fr) minmax(180px,.95fr);align-items:center;gap:28px;padding:48px;display:grid}.preview-frame-mobile .preview-section{grid-template-columns:1fr;padding:32px 22px}.preview-section:nth-child(2n){background:#f8fafc}.preview-section-hero{background:linear-gradient(135deg, var(--brand-color), var(--brand-color-dark,#111827));color:#fff}.preview-section h2{margin:0 0 12px;font-size:clamp(1.6rem,3vw,3rem);line-height:1.05}.preview-section p,.preview-section li{line-height:1.7}.preview-section button,.preview-contact-form button{background:var(--brand-color);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:12px 18px}.preview-section-image img{border-radius:18px;width:100%;display:block}.preview-contact-form{gap:10px;margin-top:16px;display:grid}.preview-contact-form input,.preview-contact-form textarea{border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 12px}.preview-contact-form textarea{min-height:100px}.workspace{min-height:100vh;padding:24px}.workspace-header{margin-bottom:20px}.workspace-header h1{margin:0 0 8px}.workspace-header p{color:#64748b;margin:0}.workspace-grid{grid-template-columns:320px 360px minmax(420px,1fr);align-items:start;gap:18px;display:grid}.panel{background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:18px;box-shadow:0 10px 30px #0f172a14}.panel h2{margin:0 0 14px}.form-grid{gap:12px;display:grid}label{gap:6px;margin-bottom:12px;display:grid}label span,legend{color:#334155;font-size:.9rem;font-weight:700}input,textarea,select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 12px}textarea{resize:vertical;min-height:86px}fieldset{border:1px solid #dbe3ef;border-radius:12px;margin:12px 0;padding:12px}.checkbox-label{align-items:center;gap:8px;margin-bottom:8px;display:flex}.checkbox-label input{width:auto}.primary-action{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:12px;width:100%;padding:12px 16px}.hint{color:#1d4ed8;background:#eff6ff;border-radius:10px;padding:10px;font-size:.9rem}.editor-panel{max-height:calc(100vh - 120px);overflow:auto}.theme-editor{border-bottom:1px solid #e2e8f0;margin-bottom:14px;padding-bottom:14px}.theme-editor h3{margin:0 0 10px}.section-editor-list{gap:14px;display:grid}.section-editor{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px}.section-editor-header,.section-editor-actions{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.inline-checkbox{align-items:center;gap:6px;margin:0;display:flex}.inline-checkbox input{width:auto}.section-editor-actions button{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px}.section-editor-actions button:disabled{cursor:not-allowed;opacity:.5}.image-input-preview{object-fit:cover;border:1px solid #cbd5e1;border-radius:12px;width:100%;max-height:160px}.preview-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.preview-toolbar h2{margin:0}.toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.toolbar-actions button{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px}.toolbar-actions button[aria-pressed=true]{color:#2563eb;border-color:#2563eb;font-weight:700}.primary-action.small{width:auto;padding:8px 12px}.copy-html-fallback{margin-top:14px}.copy-html-fallback summary{cursor:pointer;color:#2563eb;font-weight:700}.copy-html-fallback button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;margin:10px 0;padding:8px 12px}.copy-html-fallback textarea{min-height:220px;font-family:monospace;font-size:.85rem}@media (max-width:1180px){.workspace-grid{grid-template-columns:1fr}}