:root{--grapbi-midnight: #0d0f1f;--grapbi-purple: #5a38f5;--grapbi-blue: #2962ff;--grapbi-snow: #f7f8fc;--grapbi-muted: #676d80;--grapbi-border: #dde0ea;--grapbi-success: #168454;--grapbi-error: #b42318;color:var(--grapbi-midnight);background:var(--grapbi-snow);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:280px;min-height:100%;background:var(--grapbi-snow)}body{min-width:280px;min-height:100vh;min-height:100svh;margin:0}button,input{font:inherit}button,.file-button{-webkit-tap-highlight-color:transparent}.shell{display:grid;align-content:center;width:min(100% - 28px,520px);min-height:100vh;min-height:100svh;margin:0 auto;padding:28px 0}.brand{display:flex;align-items:center;gap:12px;margin:0 0 18px}.brand-logo{display:block;width:112px;height:auto;object-fit:contain}.brand span{padding-left:12px;border-left:1px solid #d6dae5;color:var(--grapbi-muted);font-size:13px;font-weight:650}.card{padding:28px;border:1px solid var(--grapbi-border);border-radius:16px;background:#fff;box-shadow:0 6px 12px #0d0f1f0f;text-align:center}.status-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;border-radius:14px;background:#eeeaff;color:var(--grapbi-purple)}.status-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.card[data-state=success] .status-icon,.card[data-state=already_received] .status-icon{background:#e9f8f0;color:var(--grapbi-success)}.card[data-state=failed] .status-icon,.card[data-state=unavailable] .status-icon,.card[data-state=expired] .status-icon,.card[data-state=invalid_link] .status-icon{background:#fff0ee;color:var(--grapbi-error)}.channel{margin:0 0 7px;color:var(--grapbi-purple);font-size:13px;font-weight:750}h1{margin:0 0 10px;color:var(--grapbi-midnight);font-size:28px;line-height:1.18;letter-spacing:-.025em;text-wrap:balance}.lead{max-width:430px;margin:0 auto 24px;color:#555d71;font-size:15px;line-height:1.55;text-wrap:pretty}.spinner{width:25px;height:25px;border:3px solid rgb(90 56 245 / 22%);border-top-color:var(--grapbi-purple);border-radius:50%;animation:spin .85s linear infinite}.preview{display:block;width:100%;max-height:48vh;margin:0 0 18px;border:1px solid var(--grapbi-border);border-radius:12px;background:var(--grapbi-snow);object-fit:contain}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.primary,.secondary{display:grid;place-items:center;min-height:50px;padding:13px 16px;border:1px solid transparent;border-radius:12px;font-weight:750;line-height:1.2;cursor:pointer;transition:background-color .18s ease-out,border-color .18s ease-out,transform .18s ease-out}.primary{background:var(--grapbi-purple);color:#fff}.primary:hover{background:#4c2ee0}.primary:active,.secondary:active{transform:translateY(1px)}.secondary{border-color:#cbd3e2;background:#fff;color:#263148}.secondary:hover{border-color:#aeb8cc;background:#fafaff}.primary:focus-visible,.secondary:focus-visible,.file-button:has(input:focus-visible){outline:3px solid rgb(41 98 255 / 30%);outline-offset:2px}.file-button{position:relative}.file-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.full-width,#retry{width:100%;margin-top:12px}.privacy{display:flex;align-items:flex-start;justify-content:center;gap:8px;max-width:460px;margin:16px auto 0;color:var(--grapbi-muted);font-size:13px;line-height:1.5;text-align:left}.privacy svg{flex:0 0 auto;width:17px;height:17px;margin-top:1px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:420px){.shell{align-content:start;width:min(100% - 20px,520px);padding:18px 0 24px}.brand{margin-bottom:14px}.brand-logo{width:102px}.card{padding:24px 18px;border-radius:14px}h1{font-size:25px}.actions{grid-template-columns:1fr}.primary,.secondary{width:100%;min-height:54px}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}.primary,.secondary{transition:none}}