:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1b1a17;--muted:#6e6a62;--paper:#f8f3ea;--sunset:#f2b07a;--gold:#f4c95d;--coral:#f27b5b;--shadow:#211a1426;font-family:Space Grotesk,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at top,#f4c95d73,#0000 55%),radial-gradient(circle at 20% 30%,#f27b5b59,#0000 50%),linear-gradient(140deg,#fff8ef 0%,#f6efe4 45%,#f2e2d1 100%);margin:0}.page{place-items:center;min-height:100vh;padding:48px 20px;display:grid}.card{background:var(--paper);width:min(720px,100%);box-shadow:0 30px 60px var(--shadow);border:1px solid #1b1a1714;border-radius:28px;padding:48px;animation:.8s both rise}.header{gap:8px;margin-bottom:28px;display:grid}.eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--muted);font-size:12px}h1{margin:0;font-family:Fraunces,Times New Roman,serif;font-size:clamp(32px,5vw,44px)}.subtitle{color:var(--muted);margin:0;font-size:16px}.dropzone{cursor:pointer;background:linear-gradient(135deg,#f4c95d33,#f27b5b1f);border:2px dashed #1b1a1733;border-radius:20px;padding:36px;transition:transform .2s,border-color .2s,box-shadow .2s}.dropzone:hover{border-color:#f27b5b80;transform:translateY(-2px);box-shadow:0 20px 35px #f27b5b2e}.dropzone.dragging{border-color:#1b1a1799;transform:scale(1.01);box-shadow:0 20px 40px #1b1a1733}.drop-content{text-align:center;color:var(--ink);gap:10px;display:grid}.icon{font-size:32px;font-weight:700}.drop-title{margin:0;font-size:20px}.drop-hint{color:var(--muted);margin:0;font-size:14px}.status{color:var(--muted);margin-top:20px;font-size:14px}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.card{padding:32px}}