:root{--bg:#f8f1e8;--panel:#fffbf6d1;--line:#3f291a17;--line-strong:#3f291a29;--text:#5d4d42;--text-strong:#21170f;--text-muted:#6b5d50;--accent:#b35424;--danger:#9c3c2f;--danger-soft:#9c3c2f1f;--success-soft:#1f6b591f;--shadow:0 28px 60px #5a3a221f;--sans:"Avenir Next", "Segoe UI", sans-serif;--heading:"Iowan Old Style", "Palatino Linotype", serif;--mono:"SFMono-Regular", "SF Mono", "Cascadia Code", monospace;font:18px/1.5 var(--sans);letter-spacing:.01em;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffaf7b59,#0000 32%),radial-gradient(circle at 100%,#36756626,#0000 26%),linear-gradient(#fbf6f0 0%,#f4e8da 100%)}*{box-sizing:border-box}html,body,#root{min-height:100svh}body{margin:0}body,button,input,textarea,select{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--text-strong);font-family:var(--heading);letter-spacing:-.04em;font-weight:600;line-height:.98}h1{font-size:clamp(3rem,4vw,5.6rem)}a{color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}::selection{background:#b354242e}.app-shell{grid-template-columns:minmax(0,26rem) minmax(0,38rem);align-items:center;gap:3rem;min-height:100svh;padding:3rem;display:grid;position:relative;overflow:hidden}.app-shell__glow{filter:blur(18px);opacity:.55;pointer-events:none;border-radius:999px;width:24rem;height:24rem;position:absolute}.app-shell__glow--left{background:radial-gradient(circle,#ff995952,#0000 70%);top:4rem;left:-6rem}.app-shell__glow--right{background:radial-gradient(circle,#1b584a38,#0000 72%);bottom:2rem;right:-3rem}.hero-copy{z-index:1;gap:1.5rem;animation:.6s both fade-up;display:grid;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:var(--accent);margin:0;font-size:.8rem}.hero-copy h1{max-width:11ch;margin:0}.hero-copy__body{max-width:34rem;color:var(--text-muted);font-size:1.06rem}.metrics{flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.metrics li{border:1px solid var(--line-strong);color:var(--text-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff8f0c7;border-radius:999px;padding:.72rem .95rem;font-size:.94rem}.drop-surface{z-index:1;min-height:40rem;box-shadow:var(--shadow);cursor:pointer;background:linear-gradient(#fffcf7f0,#f9f0e6e6);border:1px solid #ffffff8c;border-radius:2rem;padding:1.1rem;transition:transform .18s,border-color .18s,box-shadow .18s;animation:.7s both fade-up;position:relative}.drop-surface:hover,.drop-surface:focus-visible,.drop-surface.is-drag-active{border-color:#b3542473;transform:translateY(-2px);box-shadow:0 34px 70px #5a3a2229}.drop-surface:focus-visible{outline-offset:2px;outline:3px solid #b3542438}.drop-surface__input{display:none}.drop-surface__ornament{pointer-events:none;background:linear-gradient(90deg,#ffb7913d,#fcf3eb00);border-radius:1.45rem;height:5rem;position:absolute;left:1.1rem;right:1.1rem}.drop-surface__ornament--top{top:1.1rem}.drop-surface__ornament--bottom{bottom:1.1rem;transform:rotate(180deg)}.drop-surface__content{z-index:1;border:1px solid var(--line);background:linear-gradient(#fffcf7eb,#fff8f1b8),radial-gradient(circle at 100% 0,#b354241a,#0000 26%);border-radius:1.4rem;flex-direction:column;justify-content:center;gap:1.25rem;min-height:37.8rem;padding:2.2rem;display:flex;position:relative}.drop-surface__kicker{color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:.74rem}.drop-surface__content h2{max-width:12ch;font-size:clamp(2rem,2.5vw,3.4rem)}.drop-surface__helper{max-width:36rem;color:var(--text-muted)}.drop-surface__file-row{background:var(--panel);border:1px solid var(--line);border-radius:1.1rem;gap:.3rem;padding:1rem 1.1rem;display:grid}.drop-surface__file-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.8rem}.drop-surface__progress-block{gap:.7rem;display:grid}.drop-surface__progress-meta{color:var(--text-strong);justify-content:space-between;gap:1rem;font-weight:600;display:flex}.drop-surface__track{background:#5d4d421c;border-radius:999px;height:.9rem;overflow:hidden}.drop-surface__bar{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #df7b44);height:100%;transition:width .16s;display:block}.drop-surface__error{background:var(--danger-soft);color:var(--danger);border:1px solid #9c3c2f26;border-radius:1.1rem;margin:0;padding:1rem 1.1rem}.drop-surface__actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.drop-surface__download,.drop-surface__clear{border-radius:999px;justify-content:center;align-items:center;min-height:3.4rem;padding:.95rem 1.25rem;text-decoration:none;transition:transform .16s,background .16s,color .16s,border-color .16s;display:inline-flex}.drop-surface__download{background:var(--text-strong);color:#fff7f0}.drop-surface__download:hover{transform:translateY(-1px)}.drop-surface__clear{border:1px solid var(--line-strong);color:var(--text-strong);background:0 0}.drop-surface__clear:hover{background:#ffffff8c}.drop-surface--ready .drop-surface__content{background:linear-gradient(#fffcf7eb,#f4fffac2),radial-gradient(circle at 100% 0,#1f6b591f,#0000 30%)}.drop-surface--ready .drop-surface__file-row{background:var(--success-soft);border-color:#1f6b5929}.drop-surface--error .drop-surface__content{background:linear-gradient(#fffcf7eb,#fff4f0d1),radial-gradient(circle at 100% 0,#9c3c2f1f,#0000 26%)}@media (width<=960px){.app-shell{grid-template-columns:1fr;gap:1.75rem;padding:1.25rem}.hero-copy h1{max-width:12ch}.drop-surface,.drop-surface__content{min-height:auto}.drop-surface__content{padding:1.6rem}}@media (width<=640px){.metrics li,.drop-surface__download,.drop-surface__clear{width:100%}.drop-surface__actions{flex-direction:column;align-items:stretch}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}