:root{color-scheme:light;font-family:Arial,sans-serif;background:#e9e1d2;color:#111}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(255,255,255,.65),transparent 35%),linear-gradient(135deg,#e9e1d2,#d8d0c0)}button,input,select{font:inherit}input,select{width:100%;border:1px solid #c1b59d;border-radius:12px;padding:.8rem .9rem;background:#fffdf8;color:#1a1a1a}label{display:grid;gap:.4rem}label span{font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;color:#6c604f}.app-shell{display:grid;grid-template-columns:minmax(320px,420px) 1fr;min-height:100vh}.sidebar{padding:2rem;background:#fff9f0e0;border-right:1px solid rgba(104,87,63,.15);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-block{margin-bottom:2rem}.brand-block h1,.preview-header h2{margin:0;font-family:Georgia,serif;font-weight:700}.brand-block h1{font-size:clamp(2.2rem,4vw,3.2rem)}.lead,.preview-header p,.preview-card p,.hero-card p{color:#584d3d}.data-source{margin-top:.4rem;font-size:.9rem}.eyebrow{margin:0 0 .6rem;color:#8d6a2d;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700}.sidebar-section{margin-bottom:1rem;border:1px solid rgba(104,87,63,.16);border-radius:24px;background:#fffdf8;overflow:hidden}.section-head{padding:1rem 1.2rem;border-bottom:1px solid rgba(104,87,63,.1)}.section-head h3{margin:0;font-size:1rem}.section-body{display:grid;gap:1rem;padding:1rem 1.2rem 1.2rem}.preview-area{padding:2rem}.preview-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.preview-tabs{display:flex;flex-wrap:wrap;gap:.6rem}.preview-tabs button{border:1px solid rgba(26,26,26,.1);background:#ffffffb3;padding:.75rem 1rem;border-radius:999px;cursor:pointer}.preview-tabs .active{background:#111;color:#fff}.preview-canvas{min-height:calc(100vh - 8rem);padding:1.5rem;border-radius:32px;background:#ffffff73;border:1px solid rgba(17,17,17,.08)}.preview-frame{margin:0 auto;color:var(--preview-text);background:var(--preview-background);border-radius:calc(var(--preview-radius) + 12px);padding:calc(var(--preview-spacing) * 1.25);font-family:var(--preview-body-font);max-width:var(--preview-container-width);box-shadow:0 24px 70px #2517061f}.preview-frame.full-width{max-width:100%}.hero-card{padding:calc(var(--preview-spacing) * 1.5);background:linear-gradient(135deg,color-mix(in srgb,var(--preview-primary) 88%,white 12%) 0%,var(--preview-primary) 100%);color:#fff;border-radius:var(--preview-radius)}.hero-kicker{color:#ffffffd9;text-transform:uppercase;letter-spacing:.1em;font-size:.82rem;font-weight:700}.hero-card h1{margin:0 0 1rem;font-family:var(--preview-heading-font);font-size:var(--preview-h1-size);line-height:.95;max-width:11ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.primary-action,.secondary-action{border:0;border-radius:999px;padding:.9rem 1.2rem;cursor:pointer}.primary-action{background:#fff;color:var(--preview-primary)}.secondary-action{background:color-mix(in srgb,var(--preview-secondary) 86%,white 14%);color:#111}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--preview-spacing);margin-top:var(--preview-spacing)}.preview-card{padding:1.4rem;background:#ffffffb3;border-radius:var(--preview-radius)}.preview-card h3{margin-top:0;font-family:var(--preview-heading-font)}.desktop .preview-frame{max-width:min(var(--preview-container-width),1180px)}.tablet .preview-frame{max-width:900px}.mobile .preview-frame{max-width:430px}.mobile .preview-grid{grid-template-columns:1fr}.ultra-wide .preview-frame{max-width:1440px}@media (max-width: 1024px){.app-shell{grid-template-columns:1fr}.preview-header{align-items:start;flex-direction:column}.preview-grid{grid-template-columns:1fr}}