#root{width:100%;min-height:100%}*{box-sizing:border-box}body{margin:0}html,body{color:#192033;background:radial-gradient(circle at 0 0,#6f5bff38,#0000 34rem),linear-gradient(135deg,#f8fbff 0%,#eef3ff 45%,#f8fafc 100%);min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.document{flex-direction:column;gap:32px;width:min(1120px,100% - 32px);min-height:100vh;margin:0 auto;padding:48px 0;display:flex}.document-upload{cursor:pointer;background:linear-gradient(#ffffffd1,#ffffff9e),radial-gradient(circle at 50% 0,#505cff29,#0000 28rem);border:2px dashed #505cff73;border-radius:32px;justify-content:center;align-items:center;width:100%;min-height:360px;margin:auto 0;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;display:flex;box-shadow:0 24px 70px #232a5c24}.document-upload h1{text-align:center;letter-spacing:-.08em;color:#12182b;pointer-events:none;max-width:680px;margin:0;padding:24px;font-size:clamp(2.2rem,7vw,5rem);line-height:.98;animation:1s ease-in-out fadeIn}.document-upload-dragging{background:#ffffffe6;border-color:#6f5bff;transform:translateY(-3px)scale(1.01);box-shadow:0 32px 90px #505cff3d}.documents-render{flex-direction:column;gap:24px;width:100%;display:flex}.document-render{background:#ffffffdb;border:1px solid #757f982e;border-radius:28px;padding:28px;box-shadow:0 18px 55px #232a5c1a}.document-header{align-items:center;gap:16px;display:flex}.r2-button{color:#fff;font:inherit;letter-spacing:-.03em;cursor:pointer;background:linear-gradient(135deg,#ff7a1a,#ff4f8b 52%,#6f5bff);border:0;border-radius:999px;margin-left:auto;padding:.85rem 1.15rem;font-weight:800;transition:box-shadow .16s,transform .16s,filter .16s;animation:1s ease-in-out fadeIn;box-shadow:0 12px 28px #ff4f8b42,inset 0 1px #ffffff59}.r2-button:hover{filter:saturate(1.08)brightness(1.04);transform:translateY(-2px);box-shadow:0 16px 36px #ff4f8b52,inset 0 1px #fff6}.r2-button:active{transform:translateY(0)}.r2-button:focus-visible{outline-offset:3px;outline:3px solid #6f5bff4d}.document-render h1,.document-render h2{letter-spacing:-.04em;margin:0 0 16px}.document-render h1{font-size:clamp(1.6rem,3vw,2.4rem)}.document-render h2{color:#596179;text-transform:uppercase;letter-spacing:.08em;margin-top:28px;font-size:.95rem;font-weight:700}.document-render img{object-fit:contain;background:#fff;border-radius:18px;width:100%;max-height:640px;box-shadow:0 12px 40px #232a5c1f}.code{color:#fff;letter-spacing:-.04em;word-break:normal;background:#12182b;border-radius:.18em;padding:.08em .16em .12em;line-height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=720px){.document{width:min(100% - 24px,1120px);padding:24px 0}.document-upload{border-radius:24px;min-height:280px}.document-render{border-radius:22px;padding:18px}.document-header{flex-direction:column;align-items:flex-start}.r2-button{width:100%;margin-left:0}}