:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{min-height:44px;padding:.7rem 1rem;border:1px solid #ccd3df;border-radius:.75rem;background:#fff;color:#172033;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible{outline:3px solid #9dbdff;outline-offset:2px}button.primary{border-color:#205fd8;background:#205fd8;color:#fff}button.danger{color:#ad1f2f}#app{width:min(720px,100%);margin:0 auto;padding:3rem 1rem}.intro{margin-bottom:1.5rem}.intro h1{margin:.15rem 0 .5rem;font-size:clamp(1.8rem,6vw,2.7rem)}.intro p{margin:0;color:#5c667a}.eyebrow{color:#205fd8!important;font-size:.78rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.upload-card{padding:clamp(1rem,4vw,2rem);border:1px solid #dde2eb;border-radius:1.25rem;background:#fff;box-shadow:0 16px 45px #17203314}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-heading h2,.section-heading p{margin:0}.muted{color:#687287;font-size:.9rem}.selection{margin-top:1.5rem}#local-preview{display:block;width:100%;max-height:50vh;border-radius:.9rem;background:#0f1420}.preview-note{margin:.5rem 0;color:#687287;font-size:.85rem}.file-details{display:grid;gap:.55rem;margin:1rem 0 0}.file-details div{display:grid;grid-template-columns:6rem 1fr;gap:.75rem;text-align:left}.file-details dt{color:#687287}.file-details dd{margin:0;overflow-wrap:anywhere}.progress-wrap{margin-top:1.5rem}.progress-label{display:flex;justify-content:space-between;margin-bottom:.4rem;font-size:.9rem}progress{display:block;width:100%;height:.8rem;accent-color:#205fd8}.actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.status{min-height:1.5em;margin:1rem 0 0;color:#566176}.status[data-tone=success]{color:#197241}.status[data-tone=error]{color:#ad1f2f}.share-result{margin-top:1rem;padding:1rem;border-radius:.85rem;background:#eef8f2}.share-result p{margin:0 0 .45rem;color:#197241;font-weight:650}.share-result a{color:#205fd8;overflow-wrap:anywhere}@media(max-width:520px){#app{padding-top:1.5rem}.section-heading{align-items:flex-start;flex-direction:column}.section-heading button{width:100%}.actions button{flex:1 1 8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
