:root{--demo-font: system-ui, -apple-system, "Segoe UI", sans-serif;--demo-text: #4b443b;--demo-background: #f5f1e8;--demo-surface: #fffaf0;--ink: #1c1a16;--muted: #766d61;--line: #d8ccba;--accent: #d76f1f;--accent-hover: #e1843e;--accent-text: #964412;--tint: #ebe3d5;--demo-focus: #964412;--demo-radius: 10px;--demo-grid: linear-gradient(#fffaf00e 1px, transparent 1px), linear-gradient(90deg, #fffaf00e 1px, transparent 1px)}.demo-masthead{color:var(--demo-surface);border-top:3px solid var(--accent);background:var(--demo-grid) 0 0 / 24px 24px,var(--ink)}.demo-brand{display:flex;align-items:center;gap:.55rem;font-size:.88rem;font-weight:750}.demo-brand svg{width:1.25rem;height:1.25rem;flex:none;color:#e58a43}.demo-brand b{color:#e58a43}.demo-brand-label{padding-left:.55rem;border-left:1px solid #766d61;color:#d8ccba;font-size:.78rem;font-weight:550}.demo-warning{display:flex;align-items:flex-start;gap:.55rem;padding:.7rem .85rem;border:1px solid #ecd6a6;border-radius:.75rem;background:#fff7e8;color:#67460e;font-size:.83rem}.demo-warning p{margin:0}.demo-warning svg{width:1.15rem;height:1.15rem;flex:none}:root{font-family:var(--demo-font);color:var(--demo-text);background:var(--demo-background);line-height:1.5}*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}h2{font-size:clamp(1.16rem,3vw,1.42rem);line-height:1.25}h3{font-size:1.14rem}svg{width:1.25rem;height:1.25rem;flex:none}a{color:var(--accent-text)}:focus-visible{outline:3px solid var(--demo-focus);outline-offset:3px}.workspace{width:min(100%,68rem);margin:0 auto;padding:clamp(.75rem,2.7vw,2rem);display:grid;gap:.85rem;overflow-wrap:anywhere}.hero{position:relative;overflow:hidden;border-radius:var(--demo-radius);padding:clamp(1.25rem,3.7vw,2.35rem)}.hero-copy{margin-top:clamp(1rem,2.4vw,1.55rem);max-width:66%}.eyebrow{color:#e9a36f;font-size:.73rem;font-weight:750;text-transform:uppercase;letter-spacing:.12em}.hero h1{margin-block:.25rem .5rem;font-size:clamp(2rem,6vw,3.45rem);line-height:1.03;letter-spacing:-.045em}.hero-copy>p:last-child{max-width:46ch;color:#e7ded1}.hero-diagram{position:absolute;right:clamp(1rem,4vw,3.25rem);bottom:2.25rem;display:flex;align-items:center;gap:.75rem;color:#e9a36f}.hero-file,.hero-issues{display:grid;gap:.35rem;padding:.75rem;border:1px solid #8b725e;background:#342b22;border-radius:.7rem;box-shadow:0 12px 30px #120d075c}.hero-file{justify-items:center;font-size:.72rem;font-weight:700}.hero-file svg{width:1.8rem;height:1.8rem}.hero-issues span{display:flex;align-items:center;gap:.4rem}.hero-issues svg{width:.85rem;height:.85rem;color:#eed9ad}.hero-issues i{width:2rem;height:.23rem;border-radius:var(--demo-radius);background:#a68d72}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;list-style:none;margin:0;padding:0}.steps li{display:flex;align-items:center;gap:.65rem;padding:.62rem .72rem;background:var(--demo-surface);border:1px solid var(--line);border-radius:.8rem;min-width:0}.steps li.current{border-color:var(--accent);background:var(--demo-surface);box-shadow:inset 0 -2px 0 var(--accent)}.step-icon,.connect-icon{display:grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:.65rem;background:var(--tint);color:var(--accent-text);flex:none}.steps .current .step-icon{background:var(--accent);color:var(--ink)}.steps small,.account-bar small,.import-row small{display:block;color:var(--muted);font-size:.72rem;font-weight:650}.steps strong{display:block;font-size:.87rem;line-height:1.2}.panel,.account-bar{background:var(--demo-surface);border:1px solid var(--line);border-radius:var(--demo-radius)}.panel{padding:clamp(.9rem,2.7vw,1.5rem);box-shadow:0 4px 16px #3325170c}.connect-panel{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.85rem}.connect-icon{width:2.65rem;height:2.65rem}.panel h2+p,.section-heading p,.helper{color:var(--muted);margin-top:.35rem}.actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.85rem}.button,button,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.48rem;min-height:2.65rem;max-width:100%;border:1px solid transparent;padding:.53rem .85rem;border-radius:.6rem;background:var(--accent);color:var(--ink);font:inherit;font-size:.89rem;font-weight:700;cursor:pointer;text-decoration:none;text-align:center}.button:hover,button:hover{background:var(--accent-hover)}.button-secondary{background:var(--demo-surface);border-color:var(--line);color:var(--accent-text)}.button-secondary:hover{background:var(--tint)}button:disabled{opacity:.52;cursor:not-allowed}.button svg,button svg,.button-secondary svg{width:1rem;height:1rem}.helper{font-size:.83rem}.connect-panel .helper{margin-top:.65rem}.notice,[role=alert]{margin-block:.7rem;padding:.65rem .75rem;border:1px solid var(--line);border-radius:.55rem;background:#f4ede1;font-size:.87rem}[role=alert]{color:#822829;background:#fff3f2;border-color:#ecc7c6}.embed-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;color:var(--muted);font-size:.8rem}.embed-footer a{display:inline-flex;align-items:center;gap:.25rem;font-weight:650}.embed-footer svg{width:.88rem;height:.88rem}.account-bar{display:flex;align-items:center;gap:.6rem;padding:.65rem .8rem;flex-wrap:wrap}.account-bar p{flex:1 1 9rem}.section-heading{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.6rem;margin-bottom:.8rem}.section-heading>div{flex:1 1 12rem}.project-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:.7rem;margin-block:.6rem .85rem}.project-fields>p{grid-column:1 / -1;font-size:.86rem}.project-fields label,.upload-field{display:block;font-weight:650;font-size:.87rem;min-width:0}select,input[type=file]{display:block;width:100%;min-height:2.7rem;margin-top:.35rem;padding:.5rem .6rem;border:1px solid var(--line);border-radius:.55rem;color:var(--ink);background:var(--demo-surface);font:inherit}.project-help{margin-block:.7rem;padding:.55rem .7rem;background:#f4ede1;border-radius:.55rem;font-size:.86rem}summary{cursor:pointer;font-weight:650}.project-help p{margin-top:.45rem}.file-prep{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap;font-size:.9rem}.file-prep p{flex:1 1 16rem}.upload-field{padding:.8rem;margin-block:.75rem;background:#f6efe3;border:1px dashed #ae9176;border-radius:.75rem}input[type=file]::file-selector-button{font:inherit;font-weight:700;padding:.35rem .6rem;margin-right:.55rem;color:var(--accent-text);background:var(--tint);border:0;border-radius:.3rem;cursor:pointer}.batch-review{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.batch-metrics{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:.6rem 0;padding:0}.batch-metrics li{background:var(--tint);color:var(--ink);padding:.35rem .55rem;border-radius:.45rem;font-size:.83rem}.import-row{margin-top:.5rem;border:1px solid var(--line);border-radius:.65rem}.import-row summary{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;padding:.65rem .8rem}.import-row summary:before{content:"▸";color:var(--accent-text)}.import-row[open] summary:before{content:"▾"}.import-row summary>span:first-of-type{flex:1 1 9rem}.row-state{padding:.21rem .45rem;border-radius:.35rem;background:var(--tint);color:#584a3b;font-size:.73rem}.row-state[data-state=blocked],.row-state[data-state=rejected],.row-state[data-state=uncertain]{background:#fff0dc;color:#793b10}.row-state[data-state=succeeded]{background:#ddf6ea;color:#145b44}.row-details{padding:.65rem .8rem;border-top:1px solid var(--line);font-size:.87rem}.row-details p+p{margin-top:.3rem}.confirm-check{display:flex;align-items:flex-start;gap:.5rem;background:#f4ede1;padding:.65rem;border-radius:.55rem;margin-top:.85rem;font-size:.87rem}input[type=checkbox]{accent-color:var(--accent);margin-top:.25rem;flex:none}@media(max-width:580px){.hero-copy{max-width:none}.hero-diagram{display:none}.steps li{flex-direction:column;align-items:flex-start;gap:.35rem;padding:.5rem}.steps strong{font-size:.75rem}.steps .step-icon{width:1.75rem;height:1.75rem}.steps svg{width:1rem;height:1rem}.connect-panel{grid-template-columns:minmax(0,1fr)}.connect-panel .connect-icon{display:none}.connect-panel .actions>*{flex:1 1 100%}.project-fields{grid-template-columns:minmax(0,1fr)}}.workspace--embedded{padding:clamp(.5rem,1.8vw,1rem)}.workspace--embedded .hero{padding:clamp(1rem,2.6vw,1.55rem)}.workspace--embedded .hero h1{font-size:clamp(1.9rem,5.5vw,2.65rem)}.workspace--embedded .hero-diagram{bottom:1.55rem}