#root{min-height:100vh}:root{color:#21303b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#f4cd8447,#0000 26%),radial-gradient(circle at 100% 0,#75b4aa3d,#0000 22%),linear-gradient(#fcfaf4 0%,#f2efe5 100%);font:16px/1.5 Aptos,Segoe UI Variable,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:min(1380px,100% - 40px);margin:0 auto;padding:28px 0 48px}.hero-panel,.panel-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8e0;border:1px solid #21303b1f;border-radius:28px;box-shadow:0 20px 45px #3a474e14}.hero-panel{grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:24px;margin-bottom:24px;padding:28px;display:grid}.hero-copy h1,.section-heading h2,.empty-state h3{color:#14212b;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif}.hero-copy h1{margin-top:6px;font-size:clamp(2.5rem,5vw,4.6rem);line-height:.95}.hero-text,.support-text,.empty-copy,.empty-state p{color:#50606b;margin:0}.hero-text{max-width:60ch;margin-top:16px;font-size:1.02rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#ab5f2c;margin:0;font-size:.72rem;font-weight:700}.hero-metrics{gap:14px;display:grid}.hero-metrics article{background:linear-gradient(#fff4e1f2,#f1f8f6e6);border:1px solid #ab5f2c24;border-radius:22px;padding:18px 20px}.hero-metrics span{color:#687782;font-size:.88rem;display:block}.hero-metrics strong{color:#172632;margin-top:6px;font-size:2rem;display:block}.workspace-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.control-panel,.preview-panel{gap:18px;display:grid}.panel-card{padding:22px}.section-heading{margin-bottom:16px}.section-heading h2{margin-top:4px;font-size:1.55rem}.field-stack{gap:8px;display:grid}.field-stack span,.field-stack small{color:#5a6973}.field-stack.compact{gap:6px}.mapping-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.upload-box,select,input[type=range]{width:100%}select,input[type=range]{color:#1d2b34;background:#fffdfa;border:1px solid #21303b2e;border-radius:14px}select{min-height:46px;padding:0 14px}input[type=range]{margin:0}.upload-box{color:#53636d;background:linear-gradient(#fff6e7cc,#ffffffeb);border:1px dashed #21303b47;border-radius:20px;gap:8px;padding:20px;display:grid}.upload-box strong{color:#16232d}input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pill-row,.status-strip{flex-wrap:wrap;gap:10px;display:flex}.pill{color:#244d49;background:#75b4aa29;border-radius:999px;align-items:center;padding:8px 12px;font-size:.9rem;display:inline-flex}.pill.warning{color:#8f5a1a;background:#dea15a2e}.field-list{gap:10px;display:grid}.field-row,.checkbox-row,.preview-actions,.inline-actions{align-items:center;display:flex}.field-row{background:#f4f1e9cc;border-radius:18px;justify-content:space-between;gap:12px;padding:10px 12px}.checkbox-row{color:#22313c;gap:10px}.inline-actions,.preview-actions{flex-wrap:wrap;gap:8px}button{color:#1f2c35;background:#ffffffe6;border:1px solid #21303b2e;border-radius:999px;padding:10px 14px;transition:transform .18s,border-color .18s,background-color .18s}button:hover:not(:disabled){border-color:#21303b52;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}.primary-button{color:#fffefb;background:linear-gradient(135deg,#1b6f67,#274d73);border-color:#0000}.preview-header{justify-content:space-between;gap:20px;display:flex}.page-indicator{text-align:center;color:#55656f;min-width:72px}.notice-banner{color:#1b5a54;background:#75b4aa24;border-radius:16px;margin:0;padding:12px 14px}.notice-banner.error{color:#8f2d29;background:#b6473e24}.notice-banner.subtle{color:#4f5f69;background:#21303b12}.sheet-frame{padding:20px}.sheet-page{background:linear-gradient(#fffffffa,#fbf9f4fa),repeating-linear-gradient(90deg,#202b3905,#202b3905 24px,#0000 24px 48px);border-radius:20px;width:min(100%,780px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 40px #2632381a}.sheet-page:before{content:"";border:1px dashed #30435224;border-radius:16px;position:absolute;inset:18px}.sheet-label{color:#10202a;border:1px solid #1a2b361f;flex-direction:column;gap:.2em;display:flex;position:absolute;overflow:hidden}.sheet-label.overflow{background:#ffe8d673;border-color:#ab5f2c7a}.empty-state{text-align:center;place-items:center;min-height:340px;display:grid}@media (width<=1080px){.workspace-grid,.hero-panel,.preview-header{grid-template-columns:1fr;display:grid}.preview-header{gap:16px}}@media (width<=720px){.app-shell{width:min(100%,100% - 24px);padding-top:16px}.mapping-grid,.form-grid{grid-template-columns:1fr}.hero-panel,.panel-card{border-radius:22px}}