@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-top:#eef2e4;--bg-bottom:#d3e2db;--panel:#fefdf9e6;--panel-border:#111b181f;--ink:#111b18;--muted:#4a5b54;--accent:#0f8bd4;--accent-strong:#065986;--accent-soft:#0f8bd41f;--shadow:0 24px 70px #111b181f;color:var(--ink);background:radial-gradient(circle at top left, #ffffffb3, transparent 28%), linear-gradient(180deg, var(--bg-top), var(--bg-bottom));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Sans,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input{width:100%;color:var(--ink);background:#ffffffd1;border:1px solid #111b182e;border-radius:16px;padding:.95rem 1rem}input:focus{border-color:var(--accent);outline:2px solid #0f8bd43d}#app{width:min(1440px,100vw - 2rem);margin:0 auto;padding:2rem 0 3rem}.page-shell{gap:1.5rem;display:grid}.hero-card,.panel{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{border-radius:28px;justify-content:space-between;gap:1.5rem;padding:1.75rem;display:flex;position:relative;overflow:hidden}.hero-card:after{content:"";background:radial-gradient(circle,#0f8bd447,#0000 70%);border-radius:999px;width:16rem;height:16rem;position:absolute;inset:auto -6rem -6rem auto}.eyebrow,.section-kicker,.metric-label,.status-pill{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.eyebrow,.section-kicker,.metric-label{color:var(--muted);margin:0 0 .4rem}h1,h2{letter-spacing:-.04em;margin:0;font-family:Space Grotesk,sans-serif}h1{max-width:12ch;font-size:clamp(2.2rem,4vw,4.2rem);line-height:.95}h2{font-size:1.4rem}.hero-copy{max-width:64ch;color:var(--muted);margin:1rem 0 0}.hero-metrics{grid-template-columns:repeat(2,minmax(120px,1fr));align-self:end;gap:1rem;min-width:280px;display:grid}.hero-metrics>div{background:#ffffffad;border:1px solid #111b1814;border-radius:20px;padding:1rem}.hero-metrics strong{font-family:Space Grotesk,sans-serif;font-size:2rem;display:block}.workspace-grid{grid-template-columns:minmax(360px,430px) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.panel{border-radius:28px;padding:1.5rem}.panel-heading{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.2rem;display:flex}.status-pill{color:var(--muted);background:#111b1814;border-radius:999px;align-self:center;padding:.55rem .8rem}.field,.field-group{gap:.5rem;display:grid}.field span{color:var(--muted);font-size:.92rem}.field-group{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-top:1rem}.grow{min-width:0}.bulk-actions,.action-row{flex-wrap:wrap;gap:.7rem;display:flex}.checklist-shell{gap:.8rem;margin-top:1.2rem;display:grid}.checklist-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.checklist-header p,.preview-notes p{margin:0}.checklist-header span,.preview-notes{color:var(--muted);font-size:.92rem}.checklist{gap:.65rem;max-height:560px;padding-right:.25rem;display:grid;overflow:auto}.checklist-item{background:#ffffffbd;border:1px solid #111b1814;border-radius:18px;grid-template-columns:1.1rem minmax(0,1fr);align-items:start;gap:.8rem;padding:.9rem 1rem;display:grid}.checklist-item input{width:1.1rem;height:1.1rem;margin:.08rem 0 0}.checklist-item span{min-width:0}.primary-button,.secondary-button,.ghost-button{border:0;border-radius:999px;padding:.85rem 1.2rem;transition:transform .14s,opacity .14s,background .14s}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff}.secondary-button{color:#fff;background:#111b18}.ghost-button{color:var(--ink);background:#111b1814}.action-row{margin-top:1.4rem}.helper-text,.error-text,.empty-state{font-size:.95rem}.helper-text,.empty-state{color:var(--muted)}.error-text{color:#8a1c1c}.preview-panel{gap:1rem;display:grid}.preview-stage{background:linear-gradient(#ffffffa6,#ffffffeb),linear-gradient(135deg,#0f8bd424,#111b180a);border:1px solid #111b1814;border-radius:24px;place-items:center;min-height:70vh;padding:1rem;display:grid}.preview-placeholder{color:var(--muted);text-align:center;max-width:30ch}#preview-canvas{background:#fff;border-radius:18px;width:min(100%,980px);height:auto;display:block;box-shadow:0 24px 60px #111b182e}.preview-notes{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}@media (width<=1080px){.hero-card,.workspace-grid,.field-group{grid-template-columns:1fr}.hero-card{flex-direction:column}.hero-metrics{min-width:0}.preview-stage{min-height:50vh}}@media (width<=720px){#app{width:min(100vw - 1rem,1440px);padding:.5rem 0 1.5rem}.hero-card,.panel{border-radius:22px;padding:1.1rem}.checklist{max-height:420px}.bulk-actions,.action-row,.preview-notes{flex-direction:column}.primary-button,.secondary-button,.ghost-button{width:100%}}