*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--surface);min-height:100dvh;color:var(--neutral);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.2}p{margin:0}.page{place-items:center;min-height:100dvh;padding:24px;display:grid}.card{border:1px solid color-mix(in srgb, var(--neutral) 12%, transparent);background:var(--surface);border-radius:20px;gap:24px;width:100%;max-width:420px;padding:32px;display:grid}.brandRow{align-items:center;gap:12px;display:flex}.tagline{color:var(--muted);font-size:15px}.button{background:var(--primary);width:100%;color:var(--primary-contrast);font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-weight:500;transition:filter .12s;display:flex}.button:hover:not(:disabled){filter:brightness(1.08)}.button:disabled{opacity:.6;cursor:progress}.button:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 45%, transparent);outline-offset:2px}.note{color:var(--muted);font-size:14px}.error{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger);border-radius:12px;padding:12px 14px;font-size:14px}.balance{background:var(--accent-soft);color:var(--accent-contrast);border-radius:12px;align-items:baseline;gap:8px;padding:10px 16px;display:inline-flex}.balanceValue{font-size:22px;font-weight:700}.rows{gap:10px;font-size:15px;display:grid}.row{justify-content:space-between;gap:16px;display:flex}.rowLabel{color:var(--muted)}.linkButton{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.dropzone{border:2px dashed color-mix(in srgb, var(--neutral) 20%, transparent);text-align:center;border-radius:16px;justify-items:center;gap:10px;padding:28px 20px;transition:border-color .12s,background .12s;display:grid}.dropzoneActive{border-color:var(--primary);background:var(--primary-soft)}.dropzoneTitle{font-weight:500}.dropzone .button{width:auto;padding:10px 18px}.uploadList{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.uploadItem{align-items:center;gap:12px;display:flex}.thumb{object-fit:cover;background:var(--primary-soft);border-radius:10px;flex-shrink:0;width:56px;height:56px}.thumbEmpty{color:var(--primary);place-items:center;font-size:12px;display:grid}.uploadInfo{flex:1;gap:4px;min-width:0;display:grid}.uploadName{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.progress{background:color-mix(in srgb, var(--neutral) 12%, transparent);border-radius:999px;height:4px;overflow:hidden}.progressBar{background:var(--primary);height:100%;transition:width .15s}.errorText{color:var(--danger);font-size:14px}
