@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4efe6;--bg-accent:#f0c48b;--surface:#fff8eed6;--surface-strong:#fff9f1;--ink:#17252f;--ink-soft:#17252fb3;--line:#17252f1f;--accent:#cf5d2e;--accent-strong:#a9461d;--teal:#21606b;--success:#1e7d4d;--error:#a3342f;--shadow:0 24px 80px #3e311824;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:radial-gradient(circle at top left, #facc8a8c, transparent 28%), radial-gradient(circle at top right, #4b8e9738, transparent 24%), linear-gradient(180deg, #f8f3ea 0%, var(--bg) 100%);margin:0}body:before,body:after{content:"";pointer-events:none;filter:blur(24px);opacity:.65;border-radius:999px;position:fixed;inset:auto}body:before{background:#e06e4042;width:18rem;height:18rem;top:5rem;right:-4rem}body:after{background:#21606b2e;width:12rem;height:12rem;bottom:6rem;left:-2rem}.page-shell{width:min(1120px,100% - 2rem);margin:0 auto;padding:3rem 0 4rem}.hero,.panel{animation:.6s both rise-in}.hero{max-width:52rem;margin-bottom:2rem}.eyebrow{color:var(--accent-strong);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .8rem;font-size:.82rem;font-weight:700}.hero h1{letter-spacing:-.04em;text-wrap:balance;margin:0;font-family:Instrument Serif,Georgia,serif;font-size:clamp(2.8rem,7vw,5.4rem);font-weight:400;line-height:.94}.hero-copy{max-width:38rem;color:var(--ink-soft);margin:1rem 0 0;font-size:1.05rem;line-height:1.65}.layout{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:1.25rem;display:grid}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.75rem;position:relative}.tool{gap:1rem;padding:1.35rem;display:grid}.mode-switch{border:1px solid var(--line);background:#fffcf7bd;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:.35rem;display:grid}.mode-button{min-height:3rem;color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;font-weight:700;transition:background .18s,color .18s,transform .18s,box-shadow .18s}.mode-button:hover{color:var(--ink)}.mode-button.is-active{color:#fff7f0;background:linear-gradient(135deg, var(--teal) 0%, #163f47 100%);box-shadow:0 10px 22px #163f472e}.mode-button:disabled{cursor:wait}.dropzone{cursor:pointer;background:linear-gradient(160deg,#ffffffb3,#f4eadca8),repeating-linear-gradient(135deg,#cf5d2e09,#cf5d2e09 12px,#0000 12px 24px);border:1.5px dashed #21606b47;border-radius:1.35rem;gap:.5rem;min-height:15rem;padding:1.5rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative}.dropzone:hover,.dropzone.is-dragging{border-color:#cf5d2e85;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #cf5d2e14}.dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.dropzone-kicker,.field-label,.note-label{letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;font-weight:700}.dropzone strong,.field-title{font-size:1.15rem}.dropzone-copy,.file-meta,.note-body{color:var(--ink-soft);line-height:1.6}.file-meta{margin-top:auto;font-size:.95rem}.field{border:1px solid var(--line);background:#fffcf7d9;border-radius:1.2rem;gap:.4rem;padding:1rem 1rem 1.1rem;display:grid}.field input{width:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding:.35rem 0 0;font-size:1rem}.field input::placeholder{color:#17252f73}.submit-button,.download-link{color:#fff7f0;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);min-height:3.5rem;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.95rem 1.25rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex}.submit-button:hover,.download-link:hover{transform:translateY(-1px);box-shadow:0 12px 26px #a9461d3d}.submit-button:disabled{cursor:wait;opacity:.7}.status{border:1px solid var(--line);background:#fffcf7b8;border-radius:1rem;margin:0 1.35rem 1.35rem;padding:1rem 1.1rem;line-height:1.55}.status[data-state=working]{color:var(--teal);border-color:#21606b3d}.status[data-state=success]{color:var(--success);border-color:#1e7d4d38}.status[data-state=error]{color:var(--error);border-color:#a3342f33}.download-link{background:linear-gradient(135deg, var(--teal) 0%, #163f47 100%);width:calc(100% - 2.7rem);margin:0 1.35rem 1.35rem}.notes{align-content:start;gap:1rem;padding:1.35rem;display:grid}.note-card{border:1px solid var(--line);background:#fffaf3c7;border-radius:1.2rem;padding:1.15rem}.note-label{color:var(--accent-strong);margin:0 0 .5rem}.note-body{margin:0}.pill-row{flex-wrap:wrap;gap:.6rem;display:flex}.pill{color:var(--ink);background:#17252f0d;border-radius:999px;padding:.65rem .9rem;font-size:.9rem}.hidden{display:none}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.page-shell{width:min(100% - 1rem,720px);padding-top:1.25rem}.layout{grid-template-columns:1fr}}@media (width<=640px){.page-shell{width:calc(100% - 1rem);padding-bottom:2rem}.hero h1{font-size:clamp(2.35rem,15vw,3.4rem)}.tool,.notes{padding:1rem}.status,.download-link{width:calc(100% - 2rem);margin-left:1rem;margin-right:1rem}}