@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;700&display=swap";:root{color-scheme:light;--bg-top: #eef2e4;--bg-bottom: #d3e2db;--panel: rgba(254, 253, 249, .9);--panel-border: rgba(17, 27, 24, .12);--ink: #111b18;--muted: #4a5b54;--accent: #0f8bd4;--accent-strong: #065986;--accent-soft: rgba(15, 139, 212, .12);--shadow: 0 24px 70px rgba(17, 27, 24, .12);font-family:IBM Plex Sans,sans-serif;line-height:1.5;font-weight:400;color:var(--ink);background:radial-gradient(circle at top left,rgba(255,255,255,.7),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}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input{width:100%;border:1px solid rgba(17,27,24,.18);border-radius:16px;padding:.95rem 1rem;background:#ffffffd1;color:var(--ink)}input:focus{outline:2px solid rgba(15,139,212,.24);border-color:var(--accent)}#app{width:min(1440px,calc(100vw - 2rem));margin:0 auto;padding:2rem 0 3rem}.page-shell{display:grid;gap:1.5rem}.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{display:flex;justify-content:space-between;gap:1.5rem;padding:1.75rem;border-radius:28px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;inset:auto -6rem -6rem auto;width:16rem;height:16rem;border-radius:999px;background:radial-gradient(circle,rgba(15,139,212,.28),transparent 70%)}.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{font-family:Space Grotesk,sans-serif;letter-spacing:-.04em;margin:0}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;margin:1rem 0 0;color:var(--muted)}.hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:1rem;min-width:280px;align-self:end}.hero-metrics>div{padding:1rem;border-radius:20px;background:#ffffffad;border:1px solid rgba(17,27,24,.08)}.hero-metrics strong{display:block;font-family:Space Grotesk,sans-serif;font-size:2rem}.workspace-grid{display:grid;grid-template-columns:minmax(360px,430px) minmax(0,1fr);gap:1.5rem;align-items:start}.panel{border-radius:28px;padding:1.5rem}.panel-heading{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1.2rem}.status-pill{align-self:center;border-radius:999px;padding:.55rem .8rem;background:#111b1814;color:var(--muted)}.field,.field-group{display:grid;gap:.5rem}.field span{font-size:.92rem;color:var(--muted)}.field-group{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-top:1rem}.grow{min-width:0}.bulk-actions,.action-row{display:flex;gap:.7rem;flex-wrap:wrap}.checklist-shell{margin-top:1.2rem;display:grid;gap:.8rem}.checklist-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.checklist-header p,.preview-notes p{margin:0}.checklist-header span,.preview-notes{color:var(--muted);font-size:.92rem}.checklist{max-height:560px;overflow:auto;display:grid;gap:.65rem;padding-right:.25rem}.checklist-item{display:grid;grid-template-columns:1.1rem minmax(0,1fr);gap:.8rem;align-items:start;padding:.9rem 1rem;border-radius:18px;background:#ffffffbd;border:1px solid rgba(17,27,24,.08)}.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 ease,opacity .14s ease,background .14s ease}.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{background:#111b18;color:#fff}.ghost-button{background:#111b1814;color:var(--ink)}.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{display:grid;gap:1rem}.preview-stage{min-height:70vh;display:grid;place-items:center;border-radius:24px;background:linear-gradient(180deg,#ffffffa6,#ffffffeb),linear-gradient(135deg,#0f8bd424,#111b180a);border:1px solid rgba(17,27,24,.08);padding:1rem}.preview-placeholder{color:var(--muted);text-align:center;max-width:30ch}#preview-canvas{display:block;width:min(100%,980px);height:auto;border-radius:18px;box-shadow:0 24px 60px #111b182e;background:#fff}.preview-notes{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}@media(max-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(max-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%}}