@property --um-beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.um-root{--um-accent:#5b5ef4;--um-accent-2:#a855f7;--um-bg:transparent;--um-surface:#fff;--um-surface-2:#f6f6fb;--um-text:#15151f;--um-muted:#6b6b80;--um-border:#e5e5ef;--um-success:#16a34a;--um-danger:#e5484d;--um-warning:#d97706;--um-radius:18px;--um-gap:12px;--um-font:inherit;--um-shadow:0 1px 2px #1414320a, 0 12px 32px -12px #14143229;--um-zone-h:220px;--um-time:1;--um-intensity:1;--um-particles:1;--um-tint:color-mix(in oklab, var(--um-accent) 7%, var(--um-surface));--um-tint-strong:color-mix(in oklab, var(--um-accent) 16%, var(--um-surface));--um-accent-soft:color-mix(in oklab, var(--um-accent) 22%, transparent);--um-gradient:linear-gradient(110deg, var(--um-accent), var(--um-accent-2));--um-ease:cubic-bezier(.22, 1, .36, 1);--um-ease-in-out:cubic-bezier(.65, 0, .35, 1);--um-spring:linear(0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1.004 83.8%, 1);--um-d-fast:calc(var(--um-time) * .18s);--um-d:calc(var(--um-time) * .36s);--um-d-slow:calc(var(--um-time) * .7s);font-family:var(--um-font);color:var(--um-text);background:var(--um-bg);-webkit-font-smoothing:antialiased;box-sizing:border-box;font-size:14px;line-height:1.45;position:relative;container-type:inline-size}.um-root *,.um-root :before,.um-root :after{box-sizing:border-box}.um-root[data-um-density=compact]{--um-gap:8px;font-size:13px}.um-root[data-um-density=spacious]{--um-gap:18px;font-size:15px}.um-root[data-um-theme=dark]{--um-surface:#15151d;--um-surface-2:#1c1c26;--um-text:#f2f2f7;--um-muted:#9a9ab0;--um-border:#2a2a38;--um-success:#34d399;--um-danger:#ff6b70;--um-accent:#7c7fff;--um-accent-2:#c084fc;--um-shadow:0 1px 2px #0000004d, 0 16px 40px -16px #0009;--um-tint:color-mix(in oklab, var(--um-accent) 12%, var(--um-surface));--um-tint-strong:color-mix(in oklab, var(--um-accent) 24%, var(--um-surface));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){.um-root[data-um-theme=system]{--um-surface:#15151d;--um-surface-2:#1c1c26;--um-text:#f2f2f7;--um-muted:#9a9ab0;--um-border:#2a2a38;--um-success:#34d399;--um-danger:#ff6b70;--um-accent:#7c7fff;--um-accent-2:#c084fc;--um-shadow:0 1px 2px #0000004d, 0 16px 40px -16px #0009;--um-tint:color-mix(in oklab, var(--um-accent) 12%, var(--um-surface));--um-tint-strong:color-mix(in oklab, var(--um-accent) 24%, var(--um-surface));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.um-root[data-um-motion=reduced] *,.um-root[data-um-motion=reduced] :before,.um-root[data-um-motion=reduced] :after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.um-root[data-um-motion=reduced] .um-burst,.um-root[data-um-motion=reduced] .um-deco{display:none!important}.um-root :focus-visible{outline:2px solid var(--um-accent);outline-offset:2px}.um-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.um-btn{appearance:none;font:inherit;cursor:pointer;color:var(--um-text);background:var(--um-surface-2);transition:transform var(--um-d-fast) var(--um-ease), background var(--um-d-fast), opacity var(--um-d-fast), color var(--um-d-fast);border:0;border-radius:999px;padding:.6em 1.2em;font-weight:600;line-height:1.2}.um-btn:hover:not(:disabled){transform:translateY(-1px)}.um-btn:active:not(:disabled){transform:translateY(0)scale(.97)}.um-btn:disabled{cursor:not-allowed;opacity:.55}.um-btn--solid{color:#fff;background:var(--um-gradient);box-shadow:0 6px 18px -8px color-mix(in oklab, var(--um-accent) 70%, transparent)}.um-btn--solid:disabled{color:var(--um-muted);background:var(--um-surface-2);box-shadow:none;opacity:1}.um-btn--soft{background:var(--um-tint-strong);color:var(--um-accent)}.um-btn--link{color:var(--um-accent);text-underline-offset:3px;background:0 0;border-radius:4px;padding:0;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.um-btn--link:hover:not(:disabled){text-decoration-thickness:2px;transform:none}.um-btn--icon{place-items:center;width:2.5em;height:2.5em;padding:0;display:inline-grid}.um-icon-btn{appearance:none;width:32px;height:32px;color:var(--um-muted);cursor:pointer;transition:background var(--um-d-fast), color var(--um-d-fast), transform var(--um-d-fast) var(--um-ease);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;display:inline-grid}.um-icon-btn:hover{background:var(--um-surface-2);color:var(--um-text)}.um-icon-btn:active{transform:scale(.9)}.um-icon-btn[data-tone=accent]{color:var(--um-accent)}.um-icon-btn[data-tone=danger]:hover{color:var(--um-danger);background:color-mix(in oklab, var(--um-danger) 10%, transparent)}.um-icon-btn:active .um-retry-icon{transition:transform var(--um-d) var(--um-ease);transform:rotate(-200deg)}.um-start-btn{isolation:isolate;min-width:9.5em;position:relative;overflow:hidden}.um-start-btn__fill{z-index:-1;transform-origin:0;transition:transform var(--um-d) var(--um-ease);background:oklab(100% 0 5.96046e-8/.28);position:absolute;inset:0;transform:scaleX(0)}.um-start-btn[data-state=uploading] .um-start-btn__fill{transform:scaleX(var(--um-p))}.um-start-btn[data-state=done],.um-start-btn[data-state=done]:disabled{color:#fff;background:var(--um-success);box-shadow:none}.um-zone{min-height:var(--um-zone-h);border-radius:var(--um-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.um-zone[data-um-disabled=true]{cursor:not-allowed;opacity:.6}.um-zone__content{min-height:inherit;text-align:center;align-content:center;justify-items:center;gap:6px;padding:24px;display:grid}.um-zone__icon{width:48px;height:48px;color:var(--um-accent);background:var(--um-tint-strong);transition:transform var(--um-d) var(--um-spring);border-radius:14px;place-items:center;margin-bottom:6px;display:grid}.um-zone[data-um-drag=accept] .um-zone__icon{transform:translateY(-4px)scale(1.08)}.um-zone__title{font-size:1.05em;font-weight:650}.um-hint{color:var(--um-muted);font-size:.86em}.um-ficon{--um-k:var(--um-muted);width:calc(var(--um-ficon-size) * .82);height:var(--um-ficon-size);flex:none;place-items:center;display:inline-grid;position:relative}.um-ficon__paper{color:var(--um-k);background:var(--um-surface);border:1.5px solid color-mix(in oklab, var(--um-k) 30%, var(--um-border));border-radius:calc(var(--um-ficon-size) * .14);clip-path:polygon(0 0,68% 0,100% 26%,100% 100%,0 100%);place-items:center;display:grid;position:absolute;inset:0}.um-ficon__paper:after{content:"";background:color-mix(in oklab, var(--um-k) 22%, var(--um-surface));border-bottom-left-radius:4px;width:34%;height:28%;position:absolute;top:-1px;right:-1px}.um-ficon__badge{font-size:max(8px, calc(var(--um-ficon-size) * .2));letter-spacing:.02em;color:#fff;background:var(--um-k);box-shadow:0 2px 6px -2px color-mix(in oklab, var(--um-k) 60%, transparent);border-radius:4px;padding:1px 4px;font-weight:800;line-height:1.3;position:absolute;bottom:12%;left:-12%}.um-ficon[data-kind=pdf]{--um-k:#e5484d}.um-ficon[data-kind=document]{--um-k:#3b82f6}.um-ficon[data-kind=spreadsheet]{--um-k:#16a34a}.um-ficon[data-kind=presentation]{--um-k:#f97316}.um-ficon[data-kind=image]{--um-k:#8b5cf6}.um-ficon[data-kind=video]{--um-k:#ec4899}.um-ficon[data-kind=audio]{--um-k:#f59e0b}.um-ficon[data-kind=archive]{--um-k:#a16207}.um-ficon[data-kind=code]{--um-k:#0ea5e9}.um-ficon[data-kind=data]{--um-k:#ca8a04}.um-ficon[data-kind=text]{--um-k:#64748b}.um-thumb{width:var(--um-thumb-size);height:var(--um-thumb-size);background:var(--um-surface-2);border-radius:10px;flex:none;display:block;position:relative;overflow:hidden}.um-thumb img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--um-d) var(--um-ease), transform var(--um-d-slow) var(--um-ease);display:block;transform:scale(1.08)}.um-thumb[data-loaded] img{opacity:1;transform:none}.um-progress{--um-pc:var(--um-accent);display:block;position:relative}.um-progress[data-status=success]{--um-pc:var(--um-success)}.um-progress[data-status=error]{--um-pc:var(--um-danger)}.um-progress[data-status=paused]{--um-pc:var(--um-warning)}.um-progress--bar,.um-progress--beam{background:color-mix(in oklab, var(--um-pc) 14%, var(--um-surface-2));border-radius:999px;height:4px;overflow:hidden}.um-progress__fill{border-radius:inherit;background:var(--um-pc);transform-origin:0;transform:scaleX(var(--um-p));transition:transform var(--um-d) var(--um-ease), background var(--um-d);position:absolute;inset:0}.um-progress--bar[data-status=queued] .um-progress__fill{animation:um-indeterminate calc(var(--um-time) * 1.3s) var(--um-ease-in-out) infinite;transform:scaleX(.18)}@keyframes um-indeterminate{0%{translate:-100%}to{translate:560%}}.um-progress--beam{height:6px;overflow:visible}.um-progress--beam .um-progress__fill{background:var(--um-gradient);box-shadow:0 0 12px color-mix(in oklab, var(--um-accent) 55%, transparent);overflow:hidden}.um-progress--beam .um-progress__fill:after{content:"";width:30%;animation:um-beam-sweep calc(var(--um-time) * 1.4s) linear infinite;background:linear-gradient(90deg,#0000,#ffffffbf,#0000);position:absolute;inset:0}.um-progress--beam[data-status=success] .um-progress__fill,.um-progress--beam[data-status=error] .um-progress__fill{background:var(--um-pc)}.um-progress--beam:not([data-status=uploading]) .um-progress__fill:after{opacity:0;animation:none}@keyframes um-beam-sweep{0%{translate:-110%}to{translate:380%}}.um-progress--wave{height:12px}.um-progress--wave:before{content:"";border-top:1.5px dashed color-mix(in oklab, var(--um-pc) 25%, transparent);position:absolute;top:50%;left:0;right:0}.um-progress__wave-clip{clip-path:inset(0 calc((1 - var(--um-p)) * 100%) 0 0);transition:clip-path var(--um-d) var(--um-ease);position:absolute;inset:0;overflow:hidden}.um-progress__wave{width:200%;height:100%;stroke:var(--um-pc);stroke-width:1.6px;fill:none;vector-effect:non-scaling-stroke;animation:um-wave-travel calc(var(--um-time) * 1.6s) linear infinite;transform-origin:50%;transition:transform var(--um-d-slow) var(--um-ease)}.um-progress__wave path{vector-effect:non-scaling-stroke}.um-progress--wave[data-status=success] .um-progress__wave{animation-play-state:paused;transform:scaleY(.05)}@keyframes um-wave-travel{0%{translate:0}to{translate:-50%}}.um-progress--ring{flex:none;place-items:center;display:inline-grid}.um-progress--ring svg{display:block;transform:rotate(-90deg)}.um-progress__track{fill:none;stroke:color-mix(in oklab, var(--um-pc) 16%, var(--um-surface-2))}.um-progress__arc{fill:none;stroke:var(--um-pc);stroke-linecap:round;transition:stroke-dashoffset var(--um-d) var(--um-ease), stroke var(--um-d)}.um-progress__label{font-variant-numeric:tabular-nums;font-size:9px;font-weight:700;position:absolute}.um-check__circle{fill:var(--um-success);stroke:none;transform-origin:50%;animation:um-pop var(--um-d) var(--um-spring) both}.um-check__mark{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:um-draw var(--um-d) var(--um-ease) calc(var(--um-time) * .12s) forwards}@keyframes um-draw{to{stroke-dashoffset:0}}@keyframes um-pop{0%{transform:scale(0)}to{transform:scale(1)}}.um-burst{pointer-events:none;z-index:3;width:0;height:0;position:absolute;top:50%;left:50%}.um-burst__p{background:var(--c);opacity:0;width:6px;height:6px;animation:um-burst calc(var(--um-time) * .76s) cubic-bezier(.15, .8, .3, 1) forwards;border-radius:50%;position:absolute;top:-3px;left:-3px}.um-burst[data-shape=petal] .um-burst__p{border-radius:50%/70% 70% 30% 30%;width:7px;height:14px;top:-7px;left:-3.5px}.um-burst[data-shape=spark] .um-burst__p{border-radius:2px;width:2px;height:12px;top:-6px;left:-1px}@keyframes um-burst{0%{opacity:1;transform:translate(0, 0) rotate(var(--r)) scale(.2)}70%{opacity:1}to{opacity:0;transform:translate(var(--x), var(--y)) rotate(var(--r)) scale(var(--s))}}.um-list{gap:calc(var(--um-gap) * .7);margin:0;padding:0;list-style:none;display:grid}.um-list[data-layout=grid]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.um-list__item{min-width:0;animation:um-enter var(--um-d) var(--um-ease) both;animation-delay:calc(min(var(--um-i,0), 8) * 40ms * var(--um-time));content-visibility:auto;contain-intrinsic-size:auto 64px}.um-list__item[data-exiting]{animation:um-exit calc(var(--um-time) * .32s) var(--um-ease) forwards;pointer-events:none}@keyframes um-enter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes um-exit{to{opacity:0;transform:translate(24px)scale(.96)}}@keyframes um-shake{0%,to{transform:translate(0)}20%{transform:translateX(calc(-6px * var(--um-intensity)))}40%{transform:translateX(calc(5px * var(--um-intensity)))}60%{transform:translateX(calc(-3px * var(--um-intensity)))}80%{transform:translateX(calc(2px * var(--um-intensity)))}}.um-card{border-radius:calc(var(--um-radius) * .7);background:var(--um-surface);border:1px solid var(--um-border);transition:border-color var(--um-d), background var(--um-d), box-shadow var(--um-d);align-items:center;gap:12px;padding:10px 10px 10px 12px;display:flex;position:relative}.um-card[data-status=error]{border-color:color-mix(in oklab, var(--um-danger) 45%, var(--um-border));background:color-mix(in oklab, var(--um-danger) 4%, var(--um-surface))}.um-card[data-status=success]{border-color:color-mix(in oklab, var(--um-success) 30%, var(--um-border))}.um-card[data-shake]{animation:um-shake calc(var(--um-time) * .48s) var(--um-ease)}.um-card[data-celebrate]{box-shadow:0 0 0 4px color-mix(in oklab, var(--um-success) 14%, transparent)}.um-card__media{flex:none;place-items:center;min-width:42px;display:grid;position:relative}.um-card__check{filter:drop-shadow(0 2px 4px #00000026);position:absolute;bottom:-4px;right:-6px}.um-card__body{flex:1;gap:5px;min-width:0;display:grid}.um-card__row{align-items:baseline;gap:8px;min-width:0;display:flex}.um-card__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.um-card__size{color:var(--um-muted);font-variant-numeric:tabular-nums;flex:none;font-size:.85em}.um-card .um-progress--ring{position:absolute;top:50%;left:22px;translate:0 -50%}.um-card:has(.um-progress--ring) .um-card__media{opacity:.15}:is(.um-card[data-status=success]:has(.um-progress--ring) .um-card__media,.um-card[data-status=error]:has(.um-progress--ring) .um-card__media){opacity:1}.um-card[data-status=success] .um-progress--ring,.um-card[data-status=error] .um-progress--ring{display:none}.um-status{min-width:0;color:var(--um-muted);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:.85em;display:flex}.um-status__text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.um-status[data-status=error]{color:var(--um-danger);font-weight:500}.um-status[data-status=success]{color:var(--um-success)}.um-status svg{flex:none}.um-actions{flex:none;align-items:center;gap:2px;display:flex}.um-summary{gap:2px;min-width:0;display:grid}.um-summary__title{font-weight:650}.um-summary__detail{color:var(--um-muted);font-variant-numeric:tabular-nums;font-size:.9em}.um-badge{letter-spacing:.01em;color:var(--um-warning);background:color-mix(in oklab, var(--um-warning) 12%, var(--um-surface));border:1px solid color-mix(in oklab, var(--um-warning) 25%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 7px;font-size:11px;font-weight:600;display:inline-flex}.um-badge__dot{width:6px;height:6px;animation:um-blink calc(var(--um-time) * 1.6s) ease-in-out infinite;background:currentColor;border-radius:50%}@keyframes um-blink{50%{opacity:.3}}.um-rejections{margin-top:var(--um-gap)}.um-rejection{color:var(--um-danger);background:color-mix(in oklab, var(--um-danger) 8%, var(--um-surface));border:1px solid color-mix(in oklab, var(--um-danger) 22%, transparent);border-radius:12px;align-items:center;gap:10px;padding:8px 6px 8px 12px;font-size:.88em;display:flex}.um-rejection__text{color:var(--um-text);flex:1}.um-rejection svg{flex:none}.um-panel{background:var(--um-surface);border:1px solid var(--um-border);border-radius:calc(var(--um-radius) * 1.2);box-shadow:var(--um-shadow);padding:calc(var(--um-gap) * 1.6)}.um-panel__header{margin-bottom:calc(var(--um-gap) * 1.3);justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.um-panel__title{letter-spacing:-.01em;margin:0;font-size:1.25em;font-weight:750}.um-panel__desc{color:var(--um-muted);margin:2px 0 0;font-size:.9em}.um-queue{margin-top:var(--um-gap)}.um-footer-row{margin-top:var(--um-gap);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}@container (width<=380px){.um-panel{padding:var(--um-gap)}.um-card{gap:8px;padding:8px}}.um-beam{gap:var(--um-gap);display:grid}.um-beam__zone{--um-zone-h:230px;--um-beam-speed:4s;isolation:isolate;background:radial-gradient(ellipse at 50% 0%, color-mix(in oklab, var(--um-accent) 14%, transparent), transparent 70%), var(--um-surface);border-radius:var(--um-radius);overflow:hidden}.um-beam[data-mode=active] .um-beam__zone{--um-beam-speed:2.4s}.um-beam[data-mode=accept] .um-beam__zone{--um-beam-speed:.9s}.um-beam__border{z-index:-1;border-radius:inherit;background:conic-gradient(from var(--um-beam-angle), transparent 0deg 250deg, var(--um-accent) 300deg, var(--um-accent-2) 340deg, transparent 360deg), linear-gradient(var(--um-border), var(--um-border));-webkit-mask-composite:xor;animation:um-beam-rotate calc(var(--um-time) * var(--um-beam-speed)) linear infinite;padding:1.5px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.um-beam[data-mode=accept] .um-beam__border{background:conic-gradient(from var(--um-beam-angle), var(--um-accent-2) 0deg, transparent 70deg 110deg, var(--um-accent) 180deg, transparent 250deg 290deg, var(--um-accent-2) 360deg), linear-gradient(var(--um-border), var(--um-border));padding:2px}.um-beam[data-mode=reject] .um-beam__border{background:linear-gradient(var(--um-danger), var(--um-danger));animation:none}@keyframes um-beam-rotate{to{--um-beam-angle:360deg}}.um-beam__grid{z-index:-1;background-image:linear-gradient(color-mix(in oklab, var(--um-text) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--um-text) 5%, transparent) 1px, transparent 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 40%,#000 20%,#0000 70%);mask-image:radial-gradient(at 50% 40%,#000 20%,#0000 70%)}.um-beam__content{min-height:inherit;text-align:center;align-content:center;justify-items:center;gap:8px;padding:28px;display:grid}.um-beam__icon{width:56px;height:56px;color:var(--um-accent);background:var(--um-surface-2);border:1px solid var(--um-border);box-shadow:0 0 0 6px color-mix(in oklab, var(--um-accent) 6%, transparent), 0 0 40px -8px var(--um-accent);transition:transform var(--um-d) var(--um-spring), box-shadow var(--um-d);border-radius:16px;place-items:center;margin-bottom:6px;display:grid}.um-beam[data-mode=accept] .um-beam__icon{box-shadow:0 0 0 8px var(--um-accent-soft), 0 0 60px -6px var(--um-accent);transform:translateY(-6px)scale(1.06)}.um-beam__title{letter-spacing:-.01em;font-size:1.15em}.um-beam__sub{margin:4px 0}.um-beam .um-card{background:color-mix(in oklab, var(--um-surface-2) 60%, var(--um-surface))}.um-beam .um-card[data-celebrate]:after{content:"";border-radius:inherit;background:linear-gradient(100deg, transparent 20%, color-mix(in oklab, var(--um-success) 25%, transparent) 50%, transparent 80%);animation:um-beam-flash calc(var(--um-time) * .9s) var(--um-ease) forwards;pointer-events:none;position:absolute;inset:0}@keyframes um-beam-flash{0%{transform:translate(-100%)}to{opacity:0;transform:translate(100%)}}.um-beam__badge{justify-self:start}.um-fan{gap:var(--um-gap);display:grid}.um-fan__zone{background:var(--um-tint);transition:background var(--um-d) var(--um-ease), transform var(--um-d) var(--um-spring)}.um-fan[data-mode=over] .um-fan__zone{background:var(--um-tint-strong);transform:scale(calc(1 + .008 * var(--um-intensity)))}.um-fan[data-mode=reject] .um-fan__zone{background:color-mix(in oklab, var(--um-danger) 7%, var(--um-surface))}.um-fan__border{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.um-fan__border rect{fill:none;stroke:color-mix(in oklab, var(--um-accent) 55%, transparent);stroke-width:1.5px;stroke-dasharray:5 5;transition:stroke var(--um-d)}.um-fan[data-mode=anticipate] .um-fan__border rect,.um-fan[data-mode=over] .um-fan__border rect{stroke:var(--um-accent);animation:um-ants calc(var(--um-time) * .7s) linear infinite}.um-fan[data-mode=reject] .um-fan__border rect{stroke:var(--um-danger)}@keyframes um-ants{to{stroke-dashoffset:-20px}}.um-fan__content{min-height:inherit;text-align:center;align-content:center;justify-items:center;padding:28px 20px 24px;display:grid}.um-fan__stage{justify-content:center;align-items:center;gap:18px;height:104px;margin-bottom:14px;display:flex}.um-fan__cards{width:150px;height:96px;position:relative}.um-fan__card{--rot:0deg;--tx:0px;--ty:0px;--sc:1;width:54px;height:66px;color:var(--um-accent);background:var(--um-surface);border:1.5px solid color-mix(in oklab, var(--um-text) 70%, transparent);transform:translate(var(--tx), var(--ty)) rotate(var(--rot)) scale(var(--sc));transition:transform calc(var(--um-time) * .56s) var(--um-spring), border-color var(--um-d), color var(--um-d);border-radius:9px;place-items:center;margin:-33px 0 0 -27px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 6px 16px -8px #14143259}.um-fan__card[data-pos=left]{--rot:calc(-14deg * var(--um-intensity));--tx:-40px;--ty:6px}.um-fan__card[data-pos=right]{--rot:calc(14deg * var(--um-intensity));--tx:40px;--ty:6px}.um-fan__card[data-pos=center]{z-index:1;--ty:-4px;width:60px;height:74px;margin:-37px 0 0 -30px}.um-fan__card[data-pos=left] svg,.um-fan__card[data-pos=right] svg{border-radius:50%}.um-fan[data-mode=idle] .um-fan__card{animation:um-fan-float calc(var(--um-time) * 3.2s) ease-in-out infinite}.um-fan[data-mode=idle] .um-fan__card[data-pos=center]{animation-delay:-1.1s}.um-fan[data-mode=idle] .um-fan__card[data-pos=right]{animation-delay:-2.2s}@keyframes um-fan-float{50%{translate:0 calc(-3px * var(--um-intensity))}}.um-fan[data-mode=anticipate] .um-fan__card[data-pos=left]{--rot:calc(-22deg * var(--um-intensity));--tx:-54px;--ty:2px}.um-fan[data-mode=anticipate] .um-fan__card[data-pos=right]{--rot:calc(22deg * var(--um-intensity));--tx:54px;--ty:2px}.um-fan[data-mode=anticipate] .um-fan__card[data-pos=center]{--ty:-10px;--sc:1.05}.um-fan[data-mode=over] .um-fan__card{border-color:var(--um-accent)}.um-fan[data-mode=over] .um-fan__card[data-pos=left]{--rot:calc(-28deg * var(--um-intensity));--tx:-64px;--ty:-4px}.um-fan[data-mode=over] .um-fan__card[data-pos=right]{--rot:calc(28deg * var(--um-intensity));--tx:64px;--ty:-4px}.um-fan[data-mode=over] .um-fan__card[data-pos=center]{--ty:-18px;--sc:1.12;box-shadow:0 14px 30px -10px color-mix(in oklab, var(--um-accent) 60%, transparent)}.um-fan[data-mode=reject] .um-fan__card{--tx:0px;--rot:0deg;color:var(--um-danger);border-color:var(--um-danger)}.um-fan[data-mode=reject] .um-fan__cards{animation:um-shake calc(var(--um-time) * .48s) var(--um-ease)}.um-fan__cards[data-dealt] .um-fan__card{animation:um-fan-deal calc(var(--um-time) * .72s) var(--um-spring) both}.um-fan__cards[data-dealt] .um-fan__card[data-pos=center]{animation-delay:calc(var(--um-time) * 60ms)}.um-fan__cards[data-dealt] .um-fan__card[data-pos=right]{animation-delay:calc(var(--um-time) * .12s)}@keyframes um-fan-deal{0%{opacity:0;transform:translateY(24px)rotate(0)scale(.6)}}.um-fan__arrow{color:var(--um-accent);transition:transform calc(var(--um-time) * .5s) var(--um-spring);flex:none}.um-fan__arrow[data-side=right]{transform:scaleX(-1)}.um-fan__arrow path{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.um-fan[data-mode=anticipate] .um-fan__arrow-line,.um-fan[data-mode=over] .um-fan__arrow-line{animation:um-fan-draw calc(var(--um-time) * .6s) var(--um-ease) both}.um-fan[data-mode=anticipate] .um-fan__arrow-head,.um-fan[data-mode=over] .um-fan__arrow-head{animation:um-fan-draw calc(var(--um-time) * .3s) var(--um-ease) calc(var(--um-time) * .45s) both}.um-fan[data-mode=over] .um-fan__arrow[data-side=left]{transform:translate(calc(8px * var(--um-intensity)), 0)}.um-fan[data-mode=over] .um-fan__arrow[data-side=right]{transform:scaleX(-1) translate(calc(8px * var(--um-intensity)), 0)}.um-fan[data-mode=idle] .um-fan__arrow[data-side=left]{animation:um-fan-nudge calc(var(--um-time) * 2.4s) ease-in-out infinite}.um-fan[data-mode=idle] .um-fan__arrow[data-side=right]{animation:um-fan-nudge-r calc(var(--um-time) * 2.4s) ease-in-out infinite}.um-fan[data-mode=reject] .um-fan__arrow{opacity:.25}@keyframes um-fan-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes um-fan-nudge{50%{transform:translate(calc(4px * var(--um-intensity)), 2px)}}@keyframes um-fan-nudge-r{0%,to{transform:scaleX(-1)}50%{transform:scaleX(-1) translate(calc(4px * var(--um-intensity)), 2px)}}.um-fan__title{letter-spacing:-.01em;max-width:22ch;margin:0;font-size:clamp(1.05em,3.6cqi,1.35em);font-weight:700;line-height:1.3}.um-fan__title em{color:var(--um-accent);font-style:normal}.um-fan[data-mode=reject] .um-fan__title{color:var(--um-danger)}.um-fan__sub{color:var(--um-muted);margin:10px 0 0;font-size:.92em}.um-fan__hint{opacity:.85;margin-top:6px;font-size:.8em}.um-fan__footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.um-fan__footer .um-badge{margin-right:auto}.um-fan__footer .um-start-btn{margin:0 auto}.um-fan__footer .um-badge+.um-start-btn{margin:0}@container (width<=380px){.um-fan__stage{gap:2px}.um-fan__arrow{width:30px;height:30px}.um-fan__cards{width:120px;scale:.85}.um-fan__content{padding:22px 12px 18px}}.um-essential__zone{--um-zone-h:180px;border:1.5px dashed color-mix(in oklab, var(--um-muted) 40%, var(--um-border));background:var(--um-surface);transition:border-color var(--um-d-fast), background var(--um-d-fast)}.um-essential__zone:hover{border-color:color-mix(in oklab, var(--um-accent) 45%, var(--um-border))}.um-essential__zone[data-um-drag=accept]{border-style:solid;border-color:var(--um-accent);background:var(--um-tint)}.um-essential__zone[data-um-drag=reject]{border-style:solid;border-color:var(--um-danger);background:color-mix(in oklab, var(--um-danger) 5%, var(--um-surface))}.um-essential__zone .um-zone__icon{background:var(--um-surface-2);width:40px;height:40px;color:var(--um-muted);border-radius:10px}.um-essential__zone[data-um-drag=accept] .um-zone__icon{color:var(--um-accent);background:var(--um-tint-strong)}.um-essential .um-card{box-shadow:none}.um-essential .um-list__item{animation-duration:calc(var(--um-time) * .24s)}.um-essential .um-progress--bar{height:3px}.um-hoop__pills{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.um-hoop__pill{background:var(--um-surface-2);border:1px solid var(--um-border);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.82em;font-weight:600;display:inline-flex}.um-hoop__pill--accent{background:var(--um-tint-strong);border-color:#0000}.um-hoop__pill[data-bump]{animation:um-pop-bump calc(var(--um-time) * .52s) var(--um-spring)}@keyframes um-pop-bump{40%{transform:scale(1.15)}}.um-hoop__court{--um-zone-h:360px;border:1.5px dashed color-mix(in oklab, var(--um-muted) 35%, transparent);background:radial-gradient(circle at 50% 120%, var(--um-tint) 0%, transparent 60%), var(--um-surface);cursor:default;-webkit-user-select:none;user-select:none;touch-action:none;transition:border-color var(--um-d), background var(--um-d);position:relative;overflow:hidden}.um-hoop__court[data-um-drag=accept]{border-color:var(--um-accent);background:var(--um-tint)}.um-hoop__court[data-um-drag=reject]{border-color:var(--um-danger)}.um-hoop__drop{text-align:center;color:var(--um-muted);justify-items:center;gap:2px;font-size:.9em;display:grid;position:absolute;top:22px;left:0;right:0}.um-hoop__drop svg{color:var(--um-accent);margin-bottom:4px}.um-hoop__drop strong{color:var(--um-text);font-size:1.05em}.um-hoop__drop .um-hint{font-size:.85em}.um-hoop__hoop{justify-items:center;width:124px;display:grid;position:absolute;top:46%;left:50%;translate:-50%}.um-hoop__board{background:var(--um-surface);border:1.5px solid color-mix(in oklab, var(--um-text) 22%, transparent);border-radius:10px;place-items:center;width:124px;height:80px;display:grid;position:relative;box-shadow:0 10px 24px -14px #14143266}.um-hoop__board-square{border:2px solid var(--um-accent);opacity:.8;border-radius:4px;width:44px;height:32px;margin-top:14px}.um-hoop__rim-svg{margin-top:-14px;overflow:visible}.um-hoop__rim{fill:none;stroke:var(--um-accent);stroke-width:3.5px}.um-hoop__clip{fill:var(--um-accent)}.um-hoop__net path{fill:none;stroke:color-mix(in oklab, var(--um-text) 40%, transparent);stroke-width:1px}.um-hoop__net{transform-origin:48px 12px}.um-hoop__net[data-swish]{animation:um-net-swish calc(var(--um-time) * .7s) var(--um-spring)}@keyframes um-net-swish{30%{transform:scaleY(1.28)scaleX(.86)}60%{transform:scaleY(.94)scaleX(1.04)}}.um-hoop__rim-target{pointer-events:none;height:1px;position:absolute;top:74px;left:22px;right:22px}.um-hoop__burst{top:calc(46% + 80px);left:50%}.um-hoop__callout{color:var(--um-accent);pointer-events:none;animation:um-callout calc(var(--um-time) * 1.1s) var(--um-ease) forwards;font-size:1.05em;font-weight:800;position:absolute;top:calc(46% - 28px);left:50%;translate:-50%}.um-hoop__callout[data-tone=bad]{color:var(--um-muted)}@keyframes um-callout{0%{opacity:0;transform:translateY(8px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.08)}70%{opacity:1;transform:translateY(-6px)scale(1)}to{opacity:0;transform:translateY(-16px)}}.um-hoop__dots{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.um-hoop__dots circle{fill:var(--um-accent)}.um-hoop__pad{width:44px;height:54px;position:absolute;bottom:52px;left:26px}.um-hoop__token{background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.um-hoop__token-face{background:var(--um-surface);border:1px solid var(--um-border);box-shadow:0 8px 18px -8px color-mix(in oklab, var(--um-accent) 45%, #14143266);border-radius:9px;place-items:end center;padding-bottom:6px;display:grid;position:absolute;inset:0}.um-hoop__token-lines{background:repeating-linear-gradient(to bottom, var(--um-border) 0 2px, transparent 2px 5px);border-radius:1px;height:14px;position:absolute;top:9px;left:9px;right:9px}.um-hoop__token-face .um-ficon{scale:.8}.um-hoop__token-face .um-ficon__paper{opacity:0}.um-hoop__token--top{cursor:grab;touch-action:none;z-index:2;transition:transform calc(var(--um-time) * .38s) var(--um-spring);animation:um-token-idle calc(var(--um-time) * 2.6s) ease-in-out infinite;border-radius:9px}.um-hoop__court[data-aiming] .um-hoop__token--top{cursor:grabbing;transition:none;animation:none}@keyframes um-token-idle{50%{translate:0 calc(-4px * var(--um-intensity))}}.um-hoop__token--stacked{transform:translate(calc(6px + var(--d) * 6px), calc(var(--d) * -4px + 6px)) rotate(calc(8deg + var(--d) * 4deg));opacity:.7}.um-hoop__token--empty{border:1.5px dashed color-mix(in oklab, var(--um-muted) 40%, transparent);border-radius:9px}.um-hoop__count{z-index:3;color:#fff;background:var(--um-accent);text-align:center;border-radius:999px;min-width:22px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:-10px;right:-14px}.um-hoop__ball{z-index:4;pointer-events:none;will-change:transform;width:44px;height:54px;position:absolute;top:0;left:0}.um-hoop__footer{justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;bottom:12px;left:16px;right:16px}.um-hoop__tip{text-align:center;color:var(--um-muted);flex:1;font-size:.78em}.um-hoop__actions{align-items:center;gap:4px;display:flex}.um-hoop__actions .um-btn{padding:.45em 1em;font-size:.85em}@container (width<=460px){.um-hoop__tip{display:none}.um-hoop__footer{justify-content:flex-end}}.um-liquid{gap:var(--um-gap);display:grid}.um-liquid__vessel{--um-zone-h:240px;--um-level:.1;--um-liquid:var(--um-accent);--um-liquid-2:var(--um-accent-2);isolation:isolate;background:var(--um-surface);border:1.5px solid var(--um-border);box-shadow:inset 0 2px 12px #1414320f, var(--um-shadow);border-radius:calc(var(--um-radius) * 1.4);transition:border-color var(--um-d);overflow:hidden}.um-liquid__vessel[data-um-drag=accept]{border-color:var(--um-accent)}.um-liquid__vessel[data-um-drag=reject]{--um-liquid:var(--um-danger);--um-liquid-2:var(--um-danger)}.um-liquid[data-done] .um-liquid__vessel{--um-liquid:var(--um-success);--um-liquid-2:color-mix(in oklab, var(--um-success) 70%, #38bdf8)}.um-liquid[data-error] .um-liquid__vessel{--um-liquid:var(--um-danger);--um-liquid-2:color-mix(in oklab, var(--um-danger) 70%, #f97316)}.um-liquid__fluid{z-index:-1;transform:translateY(calc((1 - var(--um-level)) * 100%));transition:transform calc(var(--um-time) * .9s) var(--um-ease);position:absolute;inset:0}.um-liquid__body{background:linear-gradient(180deg, var(--um-liquid-2), var(--um-liquid));transition:background var(--um-d-slow);position:absolute;inset:0;overflow:hidden}.um-liquid__wave{transform-origin:bottom;width:400%;height:20px;animation:um-wave-travel calc(var(--um-time) * 5s) linear infinite;transition:transform var(--um-d-slow) var(--um-spring);position:absolute;bottom:calc(100% - 1px);left:0}.um-liquid__wave path{transition:fill var(--um-d-slow)}.um-liquid__wave--front path{fill:var(--um-liquid-2)}.um-liquid__wave--back{opacity:.45;animation-duration:calc(var(--um-time) * 7s);animation-direction:reverse;bottom:calc(100% + 1px)}.um-liquid__wave--back path{fill:var(--um-liquid)}.um-liquid__vessel[data-um-drag=accept] .um-liquid__wave{transform:scaleY(calc(1 + .9 * var(--um-intensity)));animation-duration:calc(var(--um-time) * 1.6s)}.um-liquid[data-done] .um-liquid__wave{transform:scaleY(.3)}.um-liquid__bubble{opacity:0;background:#ffffff26;border:1.5px solid #fff9;border-radius:50%;position:absolute;bottom:-12px}.um-liquid[data-active] .um-liquid__bubble{animation:3s ease-in infinite um-bubble}@keyframes um-bubble{0%{opacity:0;transform:translateY(0)translate(0)}15%{opacity:1}to{transform:translateY(calc(-1 * var(--um-zone-h))) translateX(10px);opacity:0}}.um-liquid__layer{text-align:center;pointer-events:none;align-content:center;justify-items:center;gap:6px;padding:24px;display:grid;position:absolute;inset:0}.um-liquid__layer--inverse{color:#fff;clip-path:inset(calc((1 - var(--um-level)) * 100%) 0 0 0);transition:clip-path calc(var(--um-time) * .9s) var(--um-ease)}.um-liquid__layer--inverse .um-liquid__detail,.um-liquid__layer--inverse .um-liquid__icon{color:#ffffffd9}.um-liquid__layer--inverse .um-liquid__icon{background:#ffffff2e}.um-liquid__icon{width:56px;height:56px;color:var(--um-accent);background:var(--um-tint-strong);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.um-liquid__percent{letter-spacing:-.04em;font-variant-numeric:tabular-nums;place-items:center;min-height:48px;font-size:3em;font-weight:800;line-height:1;display:grid}.um-liquid__title{font-size:1.1em}.um-liquid__detail{color:var(--um-muted);font-variant-numeric:tabular-nums;font-size:.9em}.um-liquid__footer{margin-top:0}.um-liquid__footer-actions{align-items:center;gap:8px;display:flex}.um-liquid .um-queue{margin-top:0}.um-liquid .um-progress--bar{height:6px}.um-liquid .um-progress--bar .um-progress__fill{background:linear-gradient(90deg, var(--um-accent), var(--um-accent-2))}.um-liquid .um-progress--bar[data-status=success] .um-progress__fill{background:var(--um-success)}.um-magnetic{gap:var(--um-gap);display:grid}.um-magnetic__zone{--um-px:.5;--um-py:.5;--um-zone-h:250px;isolation:isolate;background:var(--um-surface);border:1px solid var(--um-border);box-shadow:var(--um-shadow);transition:border-color var(--um-d), box-shadow var(--um-d);overflow:hidden}.um-magnetic__field,.um-magnetic__glow{z-index:-1;pointer-events:none;position:absolute;inset:0}.um-magnetic__field{background-image:radial-gradient(circle, color-mix(in oklab, var(--um-text) 18%, transparent) 1.2px, transparent 1.6px);background-position:50%;background-size:18px 18px}.um-magnetic__field:after{content:"";background-image:radial-gradient(circle, var(--um-accent) 2.2px, transparent 2.8px);-webkit-mask-image:radial-gradient(circle 120px at calc(var(--um-px) * 100%) calc(var(--um-py) * 100%), #000 0%, transparent 100%);-webkit-mask-image:radial-gradient(circle 120px at calc(var(--um-px) * 100%) calc(var(--um-py) * 100%), #000 0%, transparent 100%);mask-image:radial-gradient(circle 120px at calc(var(--um-px) * 100%) calc(var(--um-py) * 100%), #000 0%, transparent 100%);opacity:0;transition:opacity var(--um-d);background-position:50%;background-size:18px 18px;position:absolute;inset:0}.um-magnetic__zone:hover .um-magnetic__field:after,.um-magnetic__zone[data-um-drag=accept] .um-magnetic__field:after{opacity:1}.um-magnetic__glow{background:radial-gradient(circle 220px at calc(var(--um-px) * 100%) calc(var(--um-py) * 100%), var(--um-accent-soft), transparent 70%);opacity:0;transition:opacity var(--um-d)}.um-magnetic__zone:hover .um-magnetic__glow{opacity:.6}.um-magnetic__zone[data-um-drag=accept]{border-color:var(--um-accent);box-shadow:0 0 0 4px var(--um-accent-soft), var(--um-shadow)}.um-magnetic__zone[data-um-drag=accept] .um-magnetic__glow{opacity:1}.um-magnetic__zone[data-um-drag=reject]{border-color:var(--um-danger)}.um-magnetic[data-window-drag] .um-magnetic__field{animation:um-mag-breathe calc(var(--um-time) * 1.2s) ease-in-out infinite}@keyframes um-mag-breathe{50%{background-size:20px 20px}}.um-magnetic__content{min-height:inherit;text-align:center;align-content:center;justify-items:center;gap:6px;padding:28px 20px;display:grid}.um-magnetic__core{color:#fff;background:var(--um-gradient);width:64px;height:64px;box-shadow:0 16px 30px -12px color-mix(in oklab, var(--um-accent) 70%, transparent);translate:calc((var(--um-px) - .5) * 70px * var(--um-intensity)) calc((var(--um-py) - .5) * 50px * var(--um-intensity));transition:translate calc(var(--um-time) * .52s) var(--um-spring), scale var(--um-d) var(--um-spring);border-radius:20px;place-items:center;margin-bottom:12px;display:grid;position:relative}.um-magnetic__zone[data-um-drag=accept] .um-magnetic__core{scale:1.12}.um-magnetic__core[data-snap]{animation:um-mag-snap calc(var(--um-time) * .64s) var(--um-spring)}@keyframes um-mag-snap{0%{transform:scale(1.35)rotate(-8deg)}to{transform:none}}.um-magnetic__ring{border:1.5px solid var(--um-accent);opacity:0;pointer-events:none;border-radius:28px;position:absolute;inset:-12px}.um-magnetic__zone[data-um-drag=accept] .um-magnetic__ring{animation:um-mag-ring calc(var(--um-time) * 1.4s) var(--um-ease) infinite}.um-magnetic__zone[data-um-drag=accept] .um-magnetic__ring--2{animation-delay:calc(var(--um-time) * .7s)}.um-magnetic__core[data-snap] .um-magnetic__ring{animation:um-mag-ring calc(var(--um-time) * .8s) var(--um-ease) 1}@keyframes um-mag-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}.um-magnetic__title{font-size:1.12em}.um-magnetic__sub{color:var(--um-muted)}.um-magnetic__queue .um-list__item{animation:um-mag-in calc(var(--um-time) * .62s) var(--um-spring) both;animation-delay:calc(min(var(--um-i,0), 8) * 50ms * var(--um-time))}.um-magnetic__queue .um-list__item[data-exiting]{animation:um-exit calc(var(--um-time) * .32s) var(--um-ease) forwards}@keyframes um-mag-in{0%{opacity:0;transform:translateY(-28px)scale(.92)}}.um-magnetic__badge{justify-self:start}.um-media{gap:var(--um-gap);display:grid}.um-media__grid{gap:var(--um-gap);grid-template-columns:repeat(auto-fill,minmax(132px,1fr));display:grid}.um-media__items{display:contents}.um-media__footer{align-items:center;gap:8px;display:flex}.um-media .um-footer-row{margin-top:0}.um-zonetile{--um-zone-h:0px;aspect-ratio:1;text-align:center;border:1.5px dashed color-mix(in oklab, var(--um-accent) 45%, var(--um-border));background:var(--um-tint);color:var(--um-muted);transition:transform var(--um-d) var(--um-spring), background var(--um-d), border-color var(--um-d);place-content:center;justify-items:center;gap:8px;padding:12px;font-size:.88em;font-weight:600;display:grid}.um-media--page .um-zonetile{aspect-ratio:.78}.um-zonetile:hover{background:var(--um-tint-strong)}.um-zonetile[data-um-drag=accept]{border-style:solid;border-color:var(--um-accent);background:var(--um-tint-strong);color:var(--um-accent);transform:scale(1.04)}.um-zonetile[data-um-drag=reject]{border-color:var(--um-danger);color:var(--um-danger)}.um-zonetile__icon{width:46px;height:46px;color:var(--um-accent);background:var(--um-surface);box-shadow:0 6px 16px -8px color-mix(in oklab, var(--um-accent) 60%, transparent);transition:transform var(--um-d) var(--um-spring);border-radius:50%;place-items:center;display:grid}.um-zonetile[data-um-drag=accept] .um-zonetile__icon{transform:rotate(90deg)scale(1.1)}.um-tile{gap:6px;display:grid;position:relative}.um-tile__visual{aspect-ratio:1;border-radius:var(--um-radius);background:var(--um-surface-2);border:1px solid var(--um-border);transition:transform var(--um-d) var(--um-spring), box-shadow var(--um-d);position:relative;overflow:hidden}.um-media--page .um-tile__visual{aspect-ratio:.78;background:0 0;border:0;overflow:visible}.um-tile[data-celebrate] .um-tile__visual{animation:um-tile-pop calc(var(--um-time) * .6s) var(--um-spring)}@keyframes um-tile-pop{40%{transform:scale(1.05)}}.um-tile[data-status=error] .um-tile__visual{box-shadow:0 0 0 2px var(--um-danger);animation:um-shake calc(var(--um-time) * .48s) var(--um-ease)}.um-tile__overlay{pointer-events:none;justify-content:space-between;align-items:flex-start;padding:6px;display:flex;position:absolute;top:0;left:0;right:0}.um-tile__badge{font-variant-numeric:tabular-nums;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a148c;border-radius:999px;min-height:22px;padding:2px 7px;font-size:11px;font-weight:700}.um-tile__badge:empty{visibility:hidden}.um-tile[data-status=success] .um-tile__badge{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:2px}.um-tile__actions{pointer-events:auto;background:color-mix(in oklab, var(--um-surface) 88%, transparent);opacity:0;transition:opacity var(--um-d-fast), transform var(--um-d-fast);border-radius:999px;transform:translateY(-4px);box-shadow:0 4px 12px -4px #00000040}.um-tile:hover .um-tile__actions,.um-tile:focus-within .um-tile__actions,.um-tile[data-status=error] .um-tile__actions,.um-tile[data-status=pending] .um-tile__actions,.um-tile[data-status=canceled] .um-tile__actions{opacity:1;transform:none}@media (hover:none){.um-tile__actions{opacity:1;transform:none}}.um-tile__actions .um-icon-btn{width:28px;height:28px}.um-tile__meta{min-width:0;padding:0 2px;display:grid}.um-tile__name{white-space:nowrap;text-overflow:ellipsis;font-size:.86em;font-weight:600;overflow:hidden}.um-tile .um-status{font-size:.78em}.um-tile .um-burst{top:40%}.um-bloom{display:block;position:absolute;inset:0}.um-bloom__under,.um-bloom__over{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.um-bloom__under{filter:blur(6px)grayscale()brightness(1.1);opacity:.55;transform:scale(1.08)}.um-bloom__over{clip-path:circle(calc(var(--um-p) * 72%) at 50% 50%);transition:clip-path calc(var(--um-time) * .5s) var(--um-ease)}.um-bloom[data-status=pending] .um-bloom__over,.um-bloom[data-status=queued] .um-bloom__over{clip-path:circle(0%)}.um-bloom[data-status=success] .um-bloom__over{clip-path:circle(75%)}.um-bloom[data-status=success] .um-bloom__under{opacity:0}.um-bloom__wash{color:var(--k);background:color-mix(in oklab, var(--k) 10%, var(--um-surface-2));place-items:center;display:grid}.um-bloom__wash--on{color:#fff;background:radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--k) 80%, #fff), var(--k));align-content:center;gap:4px}.um-bloom__ext{letter-spacing:.04em;font-size:11px;font-weight:800}.um-pixel{transition:gap var(--um-d-slow) var(--um-ease), padding var(--um-d-slow);grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);gap:1px;padding:1px;display:grid;position:absolute;inset:0}.um-pixel__cell{--v:clamp(0, (var(--um-p) - var(--o)) * 24, 1);opacity:var(--v);transform:translate(calc(var(--dx) * (1 - var(--v)) * var(--um-intensity)), calc(var(--dy) * (1 - var(--v)) * var(--um-intensity))) scale(calc(.3 + .7 * var(--v)));transition:opacity calc(var(--um-time) * .45s) var(--um-ease), transform calc(var(--um-time) * .65s) var(--um-spring);border-radius:1px}.um-pixel[data-status=success]{gap:0;padding:0}.um-pixel[data-status=success]:after{content:"";animation:um-pixel-shine calc(var(--um-time) * .9s) var(--um-ease) forwards;background:linear-gradient(115deg,#0000 30%,#fff9 50%,#0000 70%);position:absolute;inset:0}@keyframes um-pixel-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.um-pixel__glyph{opacity:calc(.25 + var(--um-p) * .75);transition:opacity var(--um-d);place-items:center;display:grid;position:absolute;inset:0}.um-pixel__glyph .um-ficon__paper{background:color-mix(in oklab, var(--um-surface) 90%, transparent)}.um-page{background:var(--um-surface);border:1px solid var(--um-border);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);border-radius:10px;padding:18px 12px 12px;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 24px -14px #14143259}.um-page__fold{background:linear-gradient(225deg, transparent 50%, color-mix(in oklab, var(--k) 25%, var(--um-surface-2)) 50%);width:22px;height:22px;transition:width var(--um-d) var(--um-spring), height var(--um-d) var(--um-spring);position:absolute;top:0;right:0}.um-page__lines{gap:6px;display:grid}.um-page__line{--ink:clamp(0, (var(--um-p) - var(--li)) * 14, 1);height:4px;width:var(--w);background:color-mix(in oklab, var(--um-text) calc(10% + var(--ink) * 55%), transparent);transition:background calc(var(--um-time) * .3s);border-radius:2px;display:block}.um-page__line:first-child{background:color-mix(in oklab, var(--k) calc(20% + var(--ink) * 80%), transparent);height:6px}.um-page[data-real] .um-page__lines{gap:2px}.um-page[data-real] .um-page__line{white-space:pre;width:auto;height:auto;color:color-mix(in oklab, var(--um-text) calc(18% + var(--ink) * 72%), transparent);background:0 0;font:500 6.5px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.um-page[data-real] .um-page__line:first-child{color:color-mix(in oklab, var(--k) calc(30% + var(--ink) * 70%), var(--um-text));font-weight:700}.um-page__scan{background:var(--um-accent);height:2px;box-shadow:0 0 14px 3px var(--um-accent-soft), 0 -18px 24px -6px var(--um-accent-soft);transform:translateY(calc(var(--um-p) * 100cqh));opacity:0;transition:transform calc(var(--um-time) * .4s) var(--um-ease), opacity var(--um-d);position:absolute;top:0;left:0;right:0}.um-tile__visual{container-type:size}.um-page[data-status=uploading] .um-page__scan{opacity:1}.um-page__tag{position:absolute;bottom:8px;left:8px}.um-page__stamp{border:2px solid var(--um-success);color:var(--um-success);letter-spacing:.06em;text-transform:uppercase;background:color-mix(in oklab, var(--um-success) 8%, var(--um-surface));animation:um-stamp calc(var(--um-time) * .52s) var(--um-spring) both;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:800;position:absolute;bottom:14px;right:8px;rotate:-12deg}@keyframes um-stamp{0%{opacity:0;transform:scale(2.4)}60%{opacity:1}to{opacity:1;transform:scale(1)}}.um-page[data-status=success] .um-page__fold{width:30px;height:30px}.um-page[data-status=error]{border-color:var(--um-danger)}.um-media__banner{--um-zone-h:0px;isolation:isolate;background:var(--um-surface);border:1.5px dashed color-mix(in oklab, var(--um-accent) 40%, var(--um-border));transition:border-color var(--um-d), background var(--um-d);align-items:center;gap:16px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.um-media__banner[data-um-drag=accept]{border-style:solid;border-color:var(--um-accent);background:var(--um-tint)}.um-media__banner[data-um-drag=reject]{border-color:var(--um-danger)}.um-media__banner-icon{color:#fff;background:var(--um-gradient);border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.um-media__banner-text{flex:1;gap:2px;min-width:0;display:grid}.um-media__banner-text>span{color:var(--um-muted);font-size:.9em}.um-media__deco{z-index:-1;opacity:.18;justify-content:flex-end;align-items:center;gap:4px;width:46%;padding-right:18px;display:flex;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 60%);mask-image:linear-gradient(90deg,#0000,#000 60%)}.um-media__deco>span{background:var(--um-accent);width:4px;height:40%;transform:scaleY(calc(.3 + mod(calc(var(--i) * 37), 10) / 14));border-radius:4px}.um-media__banner[data-um-drag=accept] .um-media__deco{opacity:.5}.um-media__banner[data-um-drag=accept] .um-media__deco>span{animation:um-eq calc(var(--um-time) * .7s) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -63ms)}@keyframes um-eq{0%{transform:scaleY(.2)}to{transform:scaleY(1.1)}}.um-media--film .um-media__deco>span{border-radius:2px;width:10px;height:14px;transform:none}.um-vrow{border-radius:calc(var(--um-radius) * .75);background:var(--um-surface);border:1px solid var(--um-border);align-items:center;gap:14px;padding:10px 10px 10px 12px;display:flex;position:relative}.um-vrow[data-status=error]{border-color:color-mix(in oklab, var(--um-danger) 45%, var(--um-border))}.um-vrow[data-shake]{animation:um-shake calc(var(--um-time) * .48s) var(--um-ease)}.um-vrow__visual{border-radius:10px;flex:none;width:64px;height:64px;position:relative;overflow:hidden}.um-vrow[data-visual=filmstrip] .um-vrow__visual{width:min(52%,300px);height:64px;overflow:visible}.um-vrow[data-visual=waveform] .um-vrow__visual{width:min(48%,280px);height:48px;overflow:visible}.um-vrow[data-visual=page] .um-vrow__visual{width:52px;height:66px;overflow:visible;container-type:size}.um-vrow[data-visual=page] .um-page{padding:12px 7px 7px}.um-vrow[data-visual=page] .um-page__lines{gap:3.5px}.um-vrow[data-visual=page] .um-page__line{height:2.5px}.um-vrow[data-visual=page] .um-page[data-real] .um-page__line{font-size:3.5px}.um-vrow[data-visual=page] .um-page__tag,.um-vrow[data-visual=page] .um-page__stamp{display:none}.um-vrow[data-visual=card] .um-vrow__visual{place-items:center;display:grid;overflow:visible}.um-vrow__body{flex:1;gap:4px;min-width:0;display:grid}.um-vrow__burst{left:40px}.um-film{background:#121218;border-radius:6px;padding:10px 6px;display:block;position:absolute;inset:0;overflow:hidden}.um-film:before,.um-film:after{content:"";opacity:.7;height:5px;animation:um-film-roll calc(var(--um-time) * 1s) linear infinite;background:repeating-linear-gradient(90deg,#0000 0 4px,#ffffff8c 4px 9px,#0000 9px 12px);animation-play-state:paused;position:absolute;left:0;right:0}.um-film:before{top:2.5px}.um-film:after{bottom:2.5px}.um-film[data-status=uploading]:before,.um-film[data-status=uploading]:after{animation-play-state:running}@keyframes um-film-roll{to{background-position:12px 0}}.um-film__strip{grid-template-columns:repeat(6,1fr);gap:3px;height:100%;display:grid}.um-film__frame{color:#fff6;filter:grayscale()brightness(.45);transition:filter calc(var(--um-time) * .38s) var(--um-ease), transform calc(var(--um-time) * .38s) var(--um-spring);background:#22222c;border-radius:2px;place-items:center;display:grid;overflow:hidden}.um-film__frame img{object-fit:cover;width:100%;height:100%;display:block}.um-film__frame[data-lit]{filter:none;color:#fff;background:color-mix(in oklab, var(--k) 60%, #22222c);animation:um-frame-lit calc(var(--um-time) * .38s) var(--um-spring)}@keyframes um-frame-lit{50%{transform:scale(1.08)}}.um-film__playhead{top:0;bottom:0;left:calc(6px + var(--um-p) * (100% - 12px));background:var(--um-accent-2);width:2px;box-shadow:0 0 10px var(--um-accent-2);transition:left calc(var(--um-time) * .4s) var(--um-ease);position:absolute}.um-film[data-status=success] .um-film__playhead,.um-film[data-status=pending] .um-film__playhead{opacity:0}.um-film[data-status=error]{box-shadow:0 0 0 2px var(--um-danger)}.um-wave{display:block;position:absolute;inset:0}.um-wave__layer{align-items:center;gap:2px;display:flex;position:absolute;inset:0}.um-wave__layer--fill{clip-path:inset(0 calc((1 - var(--um-p)) * 100%) 0 0);transition:clip-path calc(var(--um-time) * .4s) var(--um-ease)}.um-wave__bar{height:calc(var(--h) * 100%);background:color-mix(in oklab, var(--um-muted) 30%, transparent);border-radius:3px;flex:1;min-height:3px}.um-wave__layer--fill .um-wave__bar{background:linear-gradient(180deg, var(--um-accent-2), var(--um-accent))}.um-wave[data-status=success] .um-wave__layer--fill .um-wave__bar{background:var(--um-success)}.um-wave[data-status=error] .um-wave__layer--fill .um-wave__bar{background:var(--um-danger)}.um-wave__bar[data-head]{animation:um-eq calc(var(--um-time) * .26s) ease-in-out infinite alternate}.um-wave[data-ripple] .um-wave__layer--fill .um-wave__bar{animation:um-wave-ripple calc(var(--um-time) * .7s) var(--um-ease) both;animation-delay:calc(var(--bi) * .5s * var(--um-time))}@keyframes um-wave-ripple{40%{transform:scaleY(1.45)}}.um-wave__play{color:#fff;background:var(--um-gradient);flex:none}.um-wave__play:hover{color:#fff;background:var(--um-gradient);transform:scale(1.06)}.um-wave__play[aria-pressed=true]{box-shadow:0 0 0 4px var(--um-accent-soft)}@container (width<=520px){.um-vrow{flex-wrap:wrap}.um-vrow[data-visual=filmstrip] .um-vrow__visual,.um-vrow[data-visual=waveform] .um-vrow__visual{order:3;width:100%}.um-media__banner .um-badge{display:none}}.um-orbit{gap:var(--um-gap);display:grid}.um-orbit__zone{--um-zone-h:0px;background:radial-gradient(circle at 160px 50%, var(--um-tint-strong), transparent 180px), var(--um-surface);border:1px solid var(--um-border);box-shadow:var(--um-shadow);align-items:center;gap:24px;padding:16px 28px 16px 16px;display:flex;overflow:hidden}.um-orbit__zone[data-um-drag=accept]{border-color:var(--um-accent)}.um-orbit__zone[data-um-drag=reject]{border-color:var(--um-danger)}.um-orbit__system{flex:none;width:296px;height:296px;position:relative}.um-orbit__lane{width:calc(var(--r) * 2);height:calc(var(--r) * 2);border:1px dashed color-mix(in oklab, var(--um-accent) 25%, var(--um-border));transition:scale calc(var(--um-time) * .6s) var(--um-spring);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.um-orbit__zone[data-um-drag=accept] .um-orbit__lane{border-color:var(--um-accent);scale:1.08}.um-orbit__track{width:0;height:0;animation:um-spin calc(var(--um-time) * var(--speed)) linear infinite;animation-delay:var(--delay);position:absolute;top:50%;left:50%}.um-orbit[data-active] .um-orbit__track[data-status=uploading]{animation-duration:calc(var(--um-time) * var(--speed) * .55)}.um-orbit__track[data-status=error],.um-orbit__track[data-status=paused],.um-orbit__track[data-status=canceled]{animation-play-state:paused}.um-orbit__planet{transform:translateX(var(--r));transition:transform calc(var(--um-time) * .7s) var(--um-ease);position:absolute}.um-orbit__body{background:var(--um-surface);border:1.5px solid var(--k);box-shadow:0 6px 16px -6px color-mix(in oklab, var(--k) 60%, transparent);animation:um-spin calc(var(--um-time) * var(--speed)) linear infinite reverse;animation-delay:var(--delay);transition:scale calc(var(--um-time) * .7s) var(--um-ease), opacity calc(var(--um-time) * .7s);border-radius:12px;place-items:center;padding:4px;display:grid;position:absolute;translate:-50% -50%}.um-orbit__body .um-thumb{border-radius:8px}.um-orbit__track[data-status=error] .um-orbit__body,.um-orbit__track[data-status=paused] .um-orbit__body,.um-orbit__track[data-status=canceled] .um-orbit__body{animation-play-state:paused}.um-orbit__track[data-status=error] .um-orbit__body{border-color:var(--um-danger);box-shadow:0 0 0 4px color-mix(in oklab, var(--um-danger) 20%, transparent)}.um-orbit__track[data-status=canceled] .um-orbit__body,.um-orbit__track[data-status=pending] .um-orbit__body{opacity:.55}.um-orbit__track[data-exiting] .um-orbit__body{opacity:0;scale:.1}.um-orbit__core{color:#fff;background:var(--um-gradient);width:84px;height:84px;box-shadow:0 0 0 8px var(--um-accent-soft), 0 18px 40px -12px var(--um-accent);z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.um-orbit__core[data-pulse]{animation:um-orbit-pulse calc(var(--um-time) * .7s) var(--um-spring)}@keyframes um-orbit-pulse{30%{box-shadow:0 0 0 22px transparent, 0 18px 40px -12px var(--um-accent);transform:scale(1.18)}}.um-orbit__percent{font-variant-numeric:tabular-nums;font-size:1.35em;font-weight:800}.um-orbit__core .um-check__circle{fill:#fff3}.um-orbit__text{gap:6px;min-width:0;display:grid}.um-orbit__text strong{letter-spacing:-.01em;font-size:1.2em}.um-orbit__text>span{color:var(--um-muted);font-variant-numeric:tabular-nums}.um-orbit__text .um-badge{justify-self:start}@container (width<=560px){.um-orbit__zone{text-align:center;flex-direction:column;padding:16px}.um-orbit__system{width:260px;height:260px;scale:.88}.um-orbit__text .um-badge{justify-self:center}}.um-portal{gap:var(--um-gap);display:grid}.um-portal__zone{--um-zone-h:260px;isolation:isolate;background:radial-gradient(circle at 22% 50%, var(--um-tint-strong), transparent 55%), var(--um-surface);border:1px solid var(--um-border);box-shadow:var(--um-shadow);align-items:center;gap:28px;padding:24px 28px;display:flex;overflow:hidden}.um-portal__gate{flex:none;place-items:center;width:168px;height:168px;display:grid;position:relative}.um-portal__halo{background:radial-gradient(circle, color-mix(in oklab, var(--um-accent) 30%, transparent), transparent 70%);opacity:.5;transition:opacity var(--um-d), transform var(--um-d-slow) var(--um-spring);border-radius:50%;position:absolute;inset:-18px}.um-portal__ring{background:conic-gradient(from 0deg, var(--um-accent), var(--um-accent-2), transparent 40%, var(--um-accent) 60%, var(--um-accent-2), var(--um-accent));animation:um-spin calc(var(--um-time) * 6s) linear infinite;transition:inset var(--um-d-slow) var(--um-spring);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 calc(100% - 9px));mask:radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 calc(100% - 9px))}.um-portal__ring--inner{opacity:.7;animation-direction:reverse;animation-duration:calc(var(--um-time) * 4s);inset:18px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}.um-portal__core{background:repeating-conic-gradient(from 0deg, color-mix(in oklab, var(--um-accent) 22%, transparent) 0 12deg, transparent 12deg 30deg), radial-gradient(circle, color-mix(in oklab, var(--um-accent-2) 40%, #0b0b18) 0%, #0b0b18 70%);animation:um-spin calc(var(--um-time) * 10s) linear infinite reverse;border-radius:50%;place-items:center;display:grid;position:absolute;inset:26px;box-shadow:inset 0 0 30px #0009}.um-portal__core .um-check{animation:um-spin calc(var(--um-time) * 10s) linear infinite}.um-portal__progress{width:calc(100% + 20px);height:calc(100% + 20px);position:absolute;inset:-10px;overflow:visible;rotate:-90deg}.um-portal__progress circle{fill:none;stroke:var(--um-accent);stroke-width:2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--um-p));opacity:0;transition:stroke-dashoffset var(--um-d) var(--um-ease), opacity var(--um-d), stroke var(--um-d)}.um-portal[data-active] .um-portal__progress circle{opacity:1}.um-portal[data-active] .um-portal__ring{animation-duration:calc(var(--um-time) * 2.2s)}.um-portal__zone[data-um-drag=accept] .um-portal__ring{animation-duration:calc(var(--um-time) * 1.2s);inset:-10px}.um-portal__zone[data-um-drag=accept] .um-portal__halo{opacity:1;transform:scale(1.25)}.um-portal__zone[data-um-drag=reject] .um-portal__ring{filter:grayscale();animation-play-state:paused}.um-portal__gate[data-flash] .um-portal__halo{animation:um-portal-flash calc(var(--um-time) * 1.1s) var(--um-ease)}.um-portal[data-complete] .um-portal__progress circle{stroke:var(--um-success);opacity:1}@keyframes um-portal-flash{0%{opacity:.5;background:radial-gradient(circle, color-mix(in oklab, var(--um-success) 60%, transparent), transparent 70%);transform:scale(1)}40%{opacity:1;transform:scale(1.5)}to{opacity:.5;transform:scale(1)}}@keyframes um-spin{to{rotate:360deg}}.um-portal__ghost{z-index:2;pointer-events:none;width:0;height:0;animation:um-spiral calc(var(--um-time) * 1.15s) cubic-bezier(.55, 0, .6, 1) both;position:absolute;top:50%;left:50%}.um-portal__ghost .um-ficon{position:absolute;translate:-50% -50%}@keyframes um-spiral{0%{transform:rotate(var(--a)) translateX(var(--r)) scale(1);opacity:0}12%{opacity:1}to{transform:rotate(calc(var(--a) + 540deg)) translateX(0) scale(.05);opacity:.2}}.um-portal__text{gap:6px;min-width:0;display:grid}.um-portal__text strong{letter-spacing:-.01em;font-size:1.2em}.um-portal__text>span{color:var(--um-muted);font-variant-numeric:tabular-nums}.um-portal__text .um-badge{justify-self:start}@container (width<=500px){.um-portal__zone{text-align:center;flex-direction:column}.um-portal__text .um-badge{justify-self:center}}.um-ring{gap:var(--um-gap);display:grid}.um-ring__zone{--um-zone-h:0px;background:var(--um-surface);border:1px solid var(--um-border);box-shadow:var(--um-shadow);transition:border-color var(--um-d), background var(--um-d);align-items:center;gap:32px;padding:24px 28px;display:flex}.um-ring__zone[data-um-drag=accept]{border-color:var(--um-accent);background:var(--um-tint)}.um-ring__zone[data-um-drag=reject]{border-color:var(--um-danger)}.um-ring__dial{width:184px;height:184px;transition:transform var(--um-d) var(--um-spring);flex:none;position:relative}.um-ring__zone[data-um-drag=accept] .um-ring__dial{transform:scale(1.05) rotate(calc(6deg * var(--um-intensity)))}.um-ring__dial svg{display:block;overflow:visible}.um-ring__base{fill:none;stroke:var(--um-surface-2);stroke-dasharray:3 7}.um-ring__segment{transform-origin:92px 92px;transition:rotate calc(var(--um-time) * .6s) var(--um-spring);animation:um-ring-seg-in calc(var(--um-time) * .6s) var(--um-ease) both}@keyframes um-ring-seg-in{0%{opacity:0}}.um-ring__track{fill:none;stroke:color-mix(in oklab, var(--k) 18%, var(--um-surface-2));stroke-linecap:round;transition:stroke-dasharray calc(var(--um-time) * .6s) var(--um-ease)}.um-ring__fill{fill:none;stroke:var(--k);stroke-linecap:round;transition:stroke-dasharray var(--um-d) var(--um-ease), stroke var(--um-d)}.um-ring__segment[data-status=error] .um-ring__fill,.um-ring__segment[data-status=error] .um-ring__track{stroke:var(--um-danger);stroke-dasharray:2 4}.um-ring__segment[data-status=pending] .um-ring__track{stroke-dasharray:2 5}.um-ring[data-done] .um-ring__fill{stroke:var(--um-success)}.um-ring[data-done] .um-ring__dial svg{animation:um-ring-merge calc(var(--um-time) * .9s) var(--um-spring)}@keyframes um-ring-merge{40%{transform:scale(.92)rotate(-20deg)}}.um-ring__center{color:var(--um-accent);text-align:center;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.um-ring__percent{color:var(--um-text);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2.2em;font-weight:800;line-height:1}.um-ring__count{color:var(--um-muted);margin-top:4px;font-size:.82em}.um-ring__text{gap:6px;min-width:0;display:grid}.um-ring__text strong{letter-spacing:-.01em;font-size:1.2em}.um-ring__detail{color:var(--um-muted);font-variant-numeric:tabular-nums}.um-ring__browse{margin:6px 0 2px}.um-ring__text .um-badge{justify-self:start}@container (width<=520px){.um-ring__zone{text-align:center;flex-direction:column}.um-ring__text .um-badge{justify-self:center}}.um-stack__layout{gap:calc(var(--um-gap) * 1.5);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid}@container (width<=560px){.um-stack__layout{grid-template-columns:1fr}}.um-stack__deck{--um-zone-h:300px;perspective:900px;perspective-origin:50% -20%;border-radius:calc(var(--um-radius) * 1.2);background:radial-gradient(ellipse at 50% 100%, var(--um-tint-strong), transparent 70%), var(--um-surface-2);border:1px solid var(--um-border);cursor:default;transition:border-color var(--um-d), background var(--um-d);position:relative}.um-stack__deck[data-count="0"]{cursor:pointer}.um-stack__deck[data-um-drag=accept]{border-color:var(--um-accent);background:radial-gradient(ellipse at 50% 100%, var(--um-accent-soft), transparent 70%), var(--um-tint)}.um-stack__deck[data-um-drag=reject]{border-color:var(--um-danger)}.um-stack__card,.um-stack__ghost,.um-stack__placeholder{--d:0;transform-origin:50% 100%;width:min(300px,82%);translate:-50%;transform:translateY(calc(var(--d) * -16px)) translateZ(calc(var(--d) * -40px)) rotateX(calc(var(--d) * 4deg));transition:transform calc(var(--um-time) * .56s) var(--um-spring), opacity var(--um-d), filter var(--um-d);z-index:calc(10 - var(--d));border-radius:16px;position:absolute;bottom:34px;left:50%}.um-stack__card{background:var(--um-surface);border:1px solid var(--um-border);box-shadow:0 calc(10px - var(--d) * 2px) 30px -14px #14143259;filter:brightness(calc(1 - var(--d) * .04));animation:um-stack-in calc(var(--um-time) * .62s) var(--um-spring) both;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px;padding:14px;display:grid}.um-stack__card>.um-progress,.um-stack__card>.um-stack__foot{grid-column:1/-1}.um-stack__card:not([data-front])>:not(.um-thumb,.um-ficon,.um-stack__meta){visibility:hidden}@keyframes um-stack-in{0%{opacity:0;transform:translateY(-120px)rotateX(-30deg)scale(.9)}}.um-stack__card[data-status=error]{border-color:color-mix(in oklab, var(--um-danger) 50%, var(--um-border));animation:um-shake calc(var(--um-time) * .48s) var(--um-ease)}.um-stack__card[data-exit=land]{animation:um-stack-land calc(var(--um-time) * .7s) var(--um-ease) forwards;z-index:20}.um-stack__card[data-exit=discard]{animation:um-stack-discard calc(var(--um-time) * .5s) var(--um-ease) forwards}@keyframes um-stack-land{0%{opacity:1;transform:none}40%{opacity:1;transform:translate(40px,-40px)rotate(8deg)scale(1.02)}to{opacity:0;transform:translate(140%,-10px)rotate(18deg)scale(.4)}}@keyframes um-stack-discard{to{opacity:0;transform:translateY(60px)rotate(-6deg)scale(.9)}}.um-stack__deck:hover .um-stack__card:not([data-front]):not([data-exit]),.um-stack__deck:focus-within .um-stack__card:not([data-front]):not([data-exit]){transform:translateY(calc(var(--d) * -26px)) translateX(calc(var(--d) * 14px * var(--um-intensity))) rotate(calc(var(--d) * 4deg * var(--um-intensity))) translateZ(calc(var(--d) * -30px))}.um-stack__meta{min-width:0;display:grid}.um-stack__name{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.um-stack__size{color:var(--um-muted);font-size:.85em}.um-stack__foot{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.um-stack__empty{position:absolute;inset:0}.um-stack__ghost{border:1.5px dashed color-mix(in oklab, var(--um-muted) 30%, transparent);background:color-mix(in oklab, var(--um-surface) 60%, transparent);height:120px}.um-stack__placeholder{text-align:center;background:var(--um-surface);border:1.5px dashed color-mix(in oklab, var(--um-accent) 45%, transparent);min-height:150px;color:var(--um-muted);align-content:center;justify-items:center;gap:4px;padding:16px;display:grid}.um-stack__placeholder svg{color:var(--um-accent)}.um-stack__placeholder strong{color:var(--um-text)}.um-stack__deck[data-um-drag=accept] .um-stack__ghost{transform:translateY(calc(var(--d) * -28px)) rotate(calc(var(--d) * -5deg))}.um-stack__deck[data-um-drag=accept] .um-stack__placeholder{border-color:var(--um-accent);transform:translateY(-10px)scale(1.04)}.um-stack__more{background:var(--um-surface);border:1px solid var(--um-border);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:14px;left:14px}.um-stack__add{position:absolute;top:10px;right:10px}.um-stack__tray{border-radius:calc(var(--um-radius) * 1.2);border:1px solid var(--um-border);background:var(--um-surface);align-content:start;gap:8px;min-height:120px;padding:14px;display:grid}.um-stack__tray-title{color:var(--um-muted);font-size:.85em}.um-stack__tray-title strong{color:var(--um-success)}.um-stack__tray-empty{color:var(--um-muted);opacity:.7;font-size:.85em}.um-stack__done{gap:6px}.um-stack__done .um-list__item{animation:um-stack-tray-in calc(var(--um-time) * .6s) var(--um-spring) both}@keyframes um-stack-tray-in{0%{opacity:0;transform:translate(-60px)rotate(-10deg)scale(.8)}}.um-stack__chip{background:var(--um-surface-2);border-radius:10px;align-items:center;gap:8px;padding:5px 8px 5px 5px;font-size:.85em;display:flex}.um-stack__chip .um-ficon{scale:.8}.um-stack__chip-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.um-stack__toggle{margin-left:auto}.um-wavebar{gap:10px;display:grid}.um-wavebar__bar{--um-zone-h:0px;border-radius:calc(var(--um-radius) * 1.35);background:var(--um-surface);border:1px solid var(--um-border);min-height:96px;box-shadow:var(--um-shadow);isolation:isolate;transition:transform var(--um-d) var(--um-spring), box-shadow var(--um-d), border-color var(--um-d);align-items:center;gap:16px;padding:18px 20px 22px 28px;display:flex;position:relative;overflow:hidden}.um-wavebar[data-state=idle] .um-wavebar__bar{cursor:pointer}.um-wavebar[data-state=idle] .um-wavebar__bar:hover{border-color:color-mix(in oklab, var(--um-accent) 35%, var(--um-border))}.um-wavebar[data-drag=accept] .um-wavebar__bar{transform:scale(calc(1 + .02 * var(--um-intensity)));border-color:var(--um-accent);box-shadow:0 0 0 4px var(--um-accent-soft), var(--um-shadow)}.um-wavebar[data-drag=reject] .um-wavebar__bar{border-color:var(--um-danger);animation:um-shake calc(var(--um-time) * .48s) var(--um-ease)}.um-wavebar__fill{z-index:-1;background:var(--um-tint);transform-origin:0;transform:scaleX(var(--um-p));transition:transform calc(var(--um-time) * .6s) var(--um-ease), background var(--um-d-slow);position:absolute;inset:0}.um-wavebar__edge{top:0;bottom:0;left:calc(var(--um-p) * 100%);z-index:-1;background:color-mix(in oklab, var(--um-accent) 18%, var(--um-border));width:1px;transition:left calc(var(--um-time) * .6s) var(--um-ease), opacity var(--um-d);position:absolute}.um-wavebar[data-state=idle] .um-wavebar__fill,.um-wavebar[data-state=idle] .um-wavebar__edge{opacity:0}.um-wavebar[data-state=idle][data-drag=accept] .um-wavebar__fill{opacity:1;background:var(--um-tint-strong);transform:scaleX(1)}.um-wavebar[data-state=done] .um-wavebar__fill{background:color-mix(in oklab, var(--um-success) 8%, var(--um-surface))}.um-wavebar[data-state=done] .um-wavebar__edge{opacity:0}.um-wavebar[data-state=error] .um-wavebar__fill{background:color-mix(in oklab, var(--um-danger) 7%, var(--um-surface))}.um-wavebar[data-state=paused] .um-wavebar__fill{background:color-mix(in oklab, var(--um-warning) 8%, var(--um-surface))}.um-wavebar__text{flex:1;gap:4px;min-width:0;display:grid}.um-wavebar__title{letter-spacing:-.01em;align-items:center;gap:8px;min-width:0;font-size:1.12em;font-weight:650;display:flex}.um-wavebar__check{flex:none}.um-wavebar__badge{margin-left:2px}.um-wavebar__detail{color:var(--um-muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:.95em;overflow:hidden}.um-wavebar__hint{font-size:1em}.um-wavebar__controls{flex:none;align-items:center;gap:10px;display:flex}.um-wavebar__controls .um-icon-btn{background:color-mix(in oklab, var(--um-text) 6%, var(--um-surface));width:40px;height:40px;color:var(--um-text)}.um-wavebar__controls .um-icon-btn:hover{background:color-mix(in oklab, var(--um-text) 11%, var(--um-surface))}.um-wavebar__controls .um-icon-btn[data-tone=accent]{color:var(--um-accent)}.um-wavebar__browse{color:var(--um-accent);background:var(--um-tint-strong)}.um-wavebar__wave-clip{height:16px;clip-path:inset(0 calc((1 - var(--um-p)) * 100% - 12px) 0 0);transition:clip-path calc(var(--um-time) * .6s) var(--um-ease), opacity var(--um-d);pointer-events:none;position:absolute;bottom:10px;left:4px;right:4px;overflow:hidden}.um-wavebar__wave{fill:none;width:200%;height:100%;stroke:var(--um-accent);stroke-width:1.6px;stroke-linecap:round;transform-origin:50%;animation:um-wave-travel calc(var(--um-time) * 2.4s) linear infinite;transition:transform calc(var(--um-time) * .9s) var(--um-spring), stroke var(--um-d-slow);display:block}.um-wavebar__wave path{vector-effect:non-scaling-stroke}.um-wavebar[data-state=idle] .um-wavebar__wave-clip{opacity:0}.um-wavebar[data-state=idle][data-drag=accept] .um-wavebar__wave-clip{opacity:1;clip-path:inset(0)}.um-wavebar[data-drag=accept] .um-wavebar__wave{transform:scaleY(calc(1 + .8 * var(--um-intensity)));animation-duration:calc(var(--um-time) * .9s)}.um-wavebar[data-state=paused] .um-wavebar__wave{stroke:var(--um-warning);animation-play-state:paused}.um-wavebar[data-state=done] .um-wavebar__wave{stroke:var(--um-success);animation-play-state:paused;transform:scaleY(.04)}.um-wavebar[data-state=error] .um-wavebar__wave{stroke:var(--um-danger);animation-play-state:paused;transform:scaleY(1.6)}.um-wavebar__burst{left:40px}.um-wavebar__drawer{animation:um-drawer calc(var(--um-time) * .42s) var(--um-ease);grid-template-rows:1fr;display:grid}.um-wavebar__drawer[hidden]{display:none}.um-wavebar__drawer-inner{border-radius:calc(var(--um-radius) * 1.1);background:var(--um-surface);border:1px solid var(--um-border);min-height:0;box-shadow:var(--um-shadow);padding:10px}.um-wavebar__drawer-inner .um-queue{margin-top:0}.um-wavebar__drawer-inner .um-rejections{margin:0 0 10px}@keyframes um-drawer{0%{opacity:0;grid-template-rows:0fr;transform:translateY(-8px)}}.um-menu{position:relative}.um-menu__list{z-index:20;background:var(--um-surface);border:1px solid var(--um-border);min-width:200px;animation:um-menu-in calc(var(--um-time) * .2s) var(--um-ease);transform-origin:100% 0;border-radius:14px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px -12px #1414324d}.um-menu[data-align=start] .um-menu__list{transform-origin:0 0;left:0;right:auto}.um-menu__item{appearance:none;font:inherit;text-align:left;color:var(--um-text);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 12px}.um-menu__item:hover:not(:disabled),.um-menu__item:focus-visible{background:var(--um-surface-2);outline:none}.um-menu__item:disabled{color:var(--um-muted);opacity:.6;cursor:default}.um-menu__item[data-tone=danger]:not(:disabled){color:var(--um-danger)}@keyframes um-menu-in{0%{opacity:0;transform:scale(.94)translateY(-4px)}}@container (width<=520px){.um-wavebar__bar{flex-wrap:wrap;row-gap:10px;padding:16px 16px 30px 18px}.um-wavebar__text{flex-basis:100%}.um-wavebar__title{flex-wrap:wrap}.um-wavebar__controls{gap:6px;margin-left:auto}.um-wavebar__controls .um-icon-btn{width:36px;height:36px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f7f5;--bg-elev:#fff;--bg-sunken:#f1f0ed;--bg-hover:#18181b0b;--border:#e7e5e0;--border-strong:#d7d4cd;--text:#18181b;--text-2:#4b4b53;--text-3:#6b6b74;--accent:#7357ff;--accent-ink:#5537e6;--accent-soft:#7357ff1a;--warn:#b45309;--good:#15803d;--bad:#c2410c;--primary-bg:#18181b;--primary-text:#fafafa;--code-bg:#111114;--code-border:#26262c;--shadow-sm:0 1px 2px #1010140d;--shadow-md:0 1px 2px #1010140a, 0 8px 24px -8px #1010141a;--shadow-lg:0 2px 4px #1010140a, 0 24px 60px -20px #10101438;--radius:14px;--radius-sm:9px;--font:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1)}@media (prefers-color-scheme:dark){:root:not([data-mode=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0d;--bg-elev:#141417;--bg-sunken:#0f0f12;--bg-hover:#ffffff0d;--border:#25252b;--border-strong:#34343c;--text:#f4f4f5;--text-2:#b4b4bc;--text-3:#8e8e98;--accent-ink:#b3a6ff;--accent-soft:#8f7bff24;--warn:#fbbf24;--good:#4ade80;--bad:#fb923c;--primary-bg:#fafafa;--primary-text:#18181b;--shadow-sm:0 1px 2px #0006;--shadow-md:0 1px 2px #0006, 0 8px 24px -8px #00000080;--shadow-lg:0 2px 4px #0006, 0 24px 60px -20px #000000b3}}:root[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0d;--bg-elev:#141417;--bg-sunken:#0f0f12;--bg-hover:#ffffff0d;--border:#25252b;--border-strong:#34343c;--text:#f4f4f5;--text-2:#b4b4bc;--text-3:#8e8e98;--accent-ink:#b3a6ff;--accent-soft:#8f7bff24;--warn:#fbbf24;--good:#4ade80;--bad:#fb923c;--primary-bg:#fafafa;--primary-text:#18181b;--shadow-sm:0 1px 2px #0006;--shadow-md:0 1px 2px #0006, 0 8px 24px -8px #00000080;--shadow-lg:0 2px 4px #0006, 0 24px 60px -20px #000000b3}#root .um-root{--um-font:var(--font);--um-accent:#7357ff;--um-accent-2:#9b87ff}#root .um-root[data-um-theme=dark]{--um-accent:#8f7bff;--um-accent-2:#b3a6ff}@media (prefers-color-scheme:dark){#root .um-root[data-um-theme=system]{--um-accent:#8f7bff;--um-accent-2:#b3a6ff}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:72px}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.55;overflow-x:hidden}h1,h2,h3{letter-spacing:-.025em;margin:0;line-height:1.12}p{margin:0}a{color:inherit}code,kbd,pre{font-family:var(--mono)}:not(pre)>code{background:var(--bg-sunken);border:1px solid var(--border);white-space:nowrap;border-radius:6px;padding:.12em .4em;font-size:.86em}kbd{border:1px solid var(--border-strong);background:var(--bg-elev);white-space:nowrap;border-bottom-width:2px;border-radius:6px;padding:.1em .5em;font-size:.8em;display:inline-block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--text-3)}.skip-link{z-index:100;background:var(--primary-bg);color:var(--primary-text);border-radius:8px;padding:8px 12px;text-decoration:none;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}.btn{height:40px;font:inherit;white-space:nowrap;cursor:pointer;transition:background .15s, border-color .15s, color .15s, transform .15s var(--ease-out);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-bg);color:var(--primary-text)}.btn-primary:hover:not(:disabled){opacity:.88}.btn-ghost{background:var(--bg-elev);border-color:var(--border);color:var(--text)}.btn-ghost:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-hover)}.btn-sm{border-radius:8px;height:32px;padding:0 11px;font-size:13px}.btn-xs{border-radius:7px;height:26px;padding:0 9px;font-size:12px}.copy-btn[data-state=copied]{color:var(--good)}.hdr{z-index:50;background:color-mix(in oklab, var(--bg) 94%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);transition:box-shadow .2s;position:sticky;top:0;box-shadow:inset 0 -1px #0000}.hdr[data-scrolled]{box-shadow:inset 0 -1px 0 var(--border)}.hdr-inner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;max-width:1200px;height:56px;margin:0 auto;padding:0 24px;display:grid}.hdr-crumbs{white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.hdr-parent{color:var(--text-3);text-decoration:none;transition:color .15s}.hdr-parent:hover{color:var(--text)}.hdr-sep{color:var(--border-strong)}.hdr-brand{letter-spacing:-.015em;align-items:center;gap:7px;font-weight:650;text-decoration:none;display:inline-flex}.hdr-mark{flex:none}.hdr-version{color:var(--text-3);font-family:var(--mono);font-size:12px}.hdr-links{scrollbar-width:none;justify-self:center;min-width:0;position:relative;overflow-x:auto}.hdr-links::-webkit-scrollbar{display:none}.hdr-links-nav{gap:22px;display:flex}.hdr-links-nav a{color:var(--text-3);white-space:nowrap;padding:18px 0 17px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.hdr-links-nav a:hover,.hdr-links-nav a[aria-current]{color:var(--text)}.hdr-links-nav a:focus-visible{outline-offset:-2px}.hdr-indicator{background:var(--text);height:2px;transition:transform .35s var(--ease-out), width .35s var(--ease-out), opacity .2s;border-radius:2px 2px 0 0;position:absolute;bottom:0;left:0}.hdr-actions{align-items:center;gap:4px;display:flex}.hdr-install{border:1px solid var(--border);background:var(--bg-elev);height:32px;color:var(--text-2);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin-right:6px;padding:0 8px 0 11px;transition:border-color .15s,color .15s;display:inline-flex}.hdr-install:hover{border-color:var(--border-strong);color:var(--text)}.hdr-install code{background:0 0;border:0;padding:0;font-size:12.5px}.hdr-install-prompt{color:var(--text-3);font-family:var(--mono);font-size:12.5px}.hdr-install-icon{width:20px;height:20px;color:var(--text-3);border-radius:5px;place-items:center;display:grid}.hdr-install-icon[data-copied]{color:var(--good)}.hdr-icon{width:34px;height:34px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;transition:background .15s,color .15s;display:inline-grid}.hdr-icon:hover{background:var(--bg-hover);color:var(--text)}@media (width<=1080px){.hdr-install{display:none}}@media (width<=820px){.hdr-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"crumbs actions""links links";gap:0 12px;height:auto}.hdr-crumbs{grid-area:crumbs;height:52px}.hdr-actions{grid-area:actions}.hdr-links{box-shadow:inset 0 1px 0 var(--border);grid-area:links;justify-self:stretch;margin:0 -24px;padding:0 24px}.hdr-links-nav a{padding:11px 0 10px}html{scroll-padding-top:104px}}@media (width<=560px){.hdr-links{margin:0 -16px;padding:0 16px}}@media (width<=420px){.hdr-parent,.hdr-sep{display:none}}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:56px;max-width:1200px;margin:0 auto;padding:72px 24px 88px;display:grid}.hero-copy{justify-items:start;gap:24px;display:grid}.hero h1{letter-spacing:-.045em;font-size:clamp(2.5rem,5.4vw,4rem);font-weight:700;line-height:1.02}.hero-accent{color:var(--accent-ink)}.hero-lead{max-width:34rem;color:var(--text-2);font-size:1.08rem;line-height:1.6}.install{background:var(--code-bg);border:1px solid var(--code-border);color:#e4e4e7;border-radius:12px;width:min(100%,440px);overflow:hidden}.install-tabs{gap:2px;padding:6px 6px 0;display:flex}.install-tabs button{color:#8e8e98;font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-radius:7px 7px 0 0;padding:5px 10px;font-size:12px}.install-tabs button[aria-pressed=true]{color:#fafafa;box-shadow:inset 0 -2px #fafafa}.install-cmd{border-top:1px solid var(--code-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 8px 10px 14px;display:flex}.install-cmd code{color:inherit;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:0;font-size:13.5px;overflow:hidden}.prompt{color:#6b6b74}.install .btn-ghost{color:#e4e4e7;background:#1c1c21;border-color:#2e2e35}.hero-ctas{flex-wrap:wrap;gap:10px;display:flex}.facts{color:var(--text-3);flex-wrap:wrap;gap:6px 20px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.facts b{color:var(--text);font-weight:650}.hero-demo{min-width:0}.hero-card{background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:20px;overflow:hidden}.hero-card-head{border-bottom:1px solid var(--border);padding:12px 14px}.hero-panel{background:radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--text) 9%, transparent) 1px, transparent 0) 0 0 / 18px 18px, var(--bg-sunken);gap:14px;padding:18px 20px 16px;display:grid}.hero-card-kicker{color:var(--text-3);font-size:13px}.hero-stage{align-content:center;min-height:300px;display:grid}.hero-card-foot,.showcase-stage-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.hero-card-actions{gap:6px;display:flex}.sim-note{color:var(--text-3);align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.sim-dot{background:var(--warn);border-radius:50%;width:7px;height:7px}.tabs{background:var(--bg-sunken);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.tab{height:30px;color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 12px;font-size:13.5px;font-weight:550}.tab[aria-selected=true]{background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-sm), 0 0 0 1px var(--border)}.section{border-top:1px solid var(--border);padding:88px 0}.section-inner{max-width:1200px;margin:0 auto;padding:0 24px}.section-head{gap:12px;max-width:44rem;margin-bottom:36px;display:grid}.eyebrow{color:var(--accent-ink);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:500}.section-head h2{font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:700}.section-lead{color:var(--text-2);font-size:1.02rem}.code{border-radius:var(--radius);background:var(--code-bg);border:1px solid var(--code-border);color:#e4e4e7;min-width:0;overflow:hidden}.code-head{border-bottom:1px solid var(--code-border);justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex}.code-title{color:#a1a1aa;font-family:var(--mono);font-size:12px}.code-actions{gap:6px;display:flex}.code .btn-ghost{color:#e4e4e7;background:#1c1c21;border-color:#2e2e35}.code-body{tab-size:2;max-height:460px;margin:0;padding:16px 18px;font-size:12.8px;line-height:1.7;overflow:auto}.code-tabs{gap:2px;display:flex}.code-tabs button{color:#8e8e98;font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:3px 8px;font-size:12px}.code-tabs button[aria-selected=true]{color:#fafafa;background:#23232a}.tok-k{color:#c4b5fd}.tok-s{color:#86efac}.tok-n{color:#fcd34d}.tok-t{color:#93c5fd}.tok-a{color:#67e8f9}.tok-c{color:#6b6b74;font-style:italic}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--bg-elev);height:30px;color:var(--text-2);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.chip:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.chip:disabled{opacity:.55;cursor:progress}.chip[aria-pressed=true]{background:var(--primary-bg);border-color:var(--primary-bg);color:var(--primary-text)}.chip-count{font-family:var(--mono);opacity:.7;font-size:11px}.chip-accent{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000;font-weight:600}.chip-warn{color:var(--warn)}.field{border:0;gap:7px;min-width:0;margin:0;padding:0;display:grid}.field-row{justify-content:space-between;align-items:baseline;display:flex}.field-label{color:var(--text-2);padding:0;font-size:12.5px;font-weight:600}.field-value{font-family:var(--mono);color:var(--text-3);font-size:12px}.field-hint{color:var(--text-3);font-size:12px;display:block}.segmented{background:var(--bg-sunken);border:1px solid var(--border);border-radius:9px;flex-wrap:wrap;gap:2px;padding:3px;display:flex}.segment{min-width:max-content;color:var(--text-3);text-align:center;cursor:pointer;border-radius:6px;flex:1;padding:5px 8px;font-size:12.5px;font-weight:550;position:relative}.segment input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segment:has(input:focus-visible){outline:2px solid var(--accent)}.segment[data-active]{background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-sm), 0 0 0 1px var(--border)}.select{border:1px solid var(--border);background:var(--bg-elev);width:100%;height:36px;color:var(--text);font:inherit;border-radius:9px;padding:0 10px;font-size:14px}.range{appearance:none;background:linear-gradient(90deg, var(--text) var(--fill), var(--border-strong) var(--fill));border-radius:999px;width:100%;height:4px;margin:6px 0}.range::-webkit-slider-thumb{appearance:none;background:var(--bg-elev);border:1.5px solid var(--text);width:16px;height:16px;box-shadow:var(--shadow-sm);border-radius:50%}.range::-moz-range-thumb{background:var(--bg-elev);border:1.5px solid var(--text);border-radius:50%;width:14px;height:14px}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.toggle input{opacity:0;cursor:pointer;width:36px;height:20px;margin:0;position:absolute;right:0}.switch{background:var(--border-strong);border-radius:999px;flex:none;width:36px;height:20px;transition:background .2s;position:relative}.switch:after{content:"";width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle input:checked+.switch{background:var(--text)}.toggle input:checked+.switch:after{transform:translate(16px)}.toggle input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:2px}.swatches{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.swatch{border:2px solid var(--bg-elev);width:22px;height:22px;box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;border-radius:50%}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--text)}.swatch-input{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:7px;width:26px;height:26px;padding:0}.playground{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.pg-main{gap:16px;min-width:0;display:grid}.pg-preview{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev);box-shadow:var(--shadow-md);overflow:hidden}.pg-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 12px 12px 14px;display:flex}.pg-samples{flex-wrap:wrap;gap:6px;display:flex}.pg-stage{background:radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--text) 8%, transparent) 1px, transparent 0) 0 0 / 18px 18px, var(--bg-sunken);min-height:400px;padding:clamp(16px,4vw,36px)}.pg-stage[data-theme=dark]{background:radial-gradient(circle at 1px 1px,#ffffff12 1px,#0000 0) 0 0/18px 18px,#0d0d10}.pg-log{border-top:1px solid var(--border);min-height:44px;padding:10px 14px;font-size:12.5px}.pg-log ol{font-family:var(--mono);gap:3px;margin:0;padding:0;list-style:none;display:grid}.pg-log li{min-width:0;animation:log-in .35s var(--ease-out);gap:8px;display:flex}@keyframes log-in{0%{opacity:0;transform:translateY(-3px)}}.pg-log-type{min-width:64px;color:var(--text-3);flex:none}.pg-log li[data-type=success] .pg-log-type{color:var(--good)}.pg-log li[data-type=error] .pg-log-type,.pg-log li[data-type=rejected] .pg-log-type{color:var(--bad)}.pg-log-text{text-overflow:ellipsis;white-space:nowrap;color:var(--text-2);overflow:hidden}.pg-controls{scrollbar-width:thin;gap:8px;max-height:calc(100vh - 92px);display:grid;position:sticky;top:76px;overflow-y:auto}.panel{border:1px solid var(--border);background:var(--bg-elev);border-radius:12px}.panel summary{cursor:pointer;justify-content:space-between;align-items:center;padding:11px 14px;font-size:13.5px;font-weight:650;list-style:none;display:flex}.panel summary::-webkit-details-marker{display:none}.panel summary:after{content:"";border-right:1.5px solid var(--text-3);border-bottom:1.5px solid var(--text-3);width:7px;height:7px;transition:rotate .2s;translate:0 -2px;rotate:45deg}.panel[open] summary:after{translate:0 2px;rotate:225deg}.panel-body{gap:14px;padding:0 14px 14px;display:grid}.pg-reset{justify-self:start}.showcase{gap:16px;display:grid}.showcase-grid{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:20px;display:grid}.showcase-list{gap:2px;max-height:680px;padding:2px;display:grid;overflow-y:auto}.showcase-item{color:var(--text-2);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:baseline;gap:8px;padding:9px 11px;transition:background .15s,color .15s;display:flex}.showcase-item:hover{background:var(--bg-hover);color:var(--text)}.showcase-item[aria-selected=true]{background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-sm), 0 0 0 1px var(--border)}.showcase-name{font-size:14px;font-weight:600}.showcase-cat{color:var(--text-3);font-size:11.5px}.showcase-panel{border:1px solid var(--border);background:var(--bg-elev);min-width:0;box-shadow:var(--shadow-md);border-radius:18px;gap:18px;padding:22px;display:grid}.showcase-meta{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.showcase-meta h3{flex-wrap:wrap;align-items:center;gap:8px;font-size:1.25rem;display:flex}.showcase-meta h3 code{font-size:12px;font-weight:500}.showcase-meta p{max-width:58ch;color:var(--text-2);margin-top:6px;font-size:14.5px}.tags{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--border);color:var(--text-3);border-radius:999px;padding:2px 9px;font-size:12px}.tags .tag-strong{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000}.showcase-stage{background:radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--text) 8%, transparent) 1px, transparent 0) 0 0 / 18px 18px, var(--bg-sunken);border-radius:14px;align-content:start;gap:14px;min-height:720px;padding:18px;display:grid}.lab{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.lab-panel{border:1px solid var(--border);background:var(--bg-elev);min-width:0;box-shadow:var(--shadow-md);border-radius:18px;gap:14px;padding:18px;display:grid}.lab-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.lab-summary{gap:10px;display:grid}.lab-total{background:var(--bg-sunken);border-radius:999px;height:6px;overflow:hidden}.lab-total span{background:var(--text);transform-origin:0;height:100%;transform:scaleX(var(--p));transition:transform .35s var(--ease-out);display:block}.lab-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;display:grid}.lab-stats div{background:var(--bg-sunken);border-radius:10px;padding:8px 10px}.lab-stats dt{color:var(--text-3);font-size:11.5px}.lab-stats dd{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:14px;font-weight:500}.lab-queue{border:1px dashed var(--border-strong);background:var(--bg-sunken);border-radius:12px;min-height:300px;transition:border-color .15s,background .15s}.lab-queue[data-drag=accept]{border-color:var(--accent);background:var(--accent-soft)}.lab-empty{text-align:center;min-height:300px;color:var(--text-2);place-content:center;gap:4px;padding:24px;font-size:14px;display:grid}.lab-rows{gap:1px;margin:0;padding:6px;list-style:none;display:grid}.lab-row{background:var(--bg-elev);border-radius:9px;grid-template-columns:82px minmax(0,1fr) auto;grid-template-areas:"status name actions""status detail actions""bar bar bar";align-items:center;gap:2px 12px;padding:9px 10px;display:grid}.lab-status{font-family:var(--mono);background:var(--bg-sunken);color:var(--text-3);border-radius:999px;grid-area:status;justify-self:start;padding:2px 8px;font-size:11px}.lab-row[data-status=uploading] .lab-status{background:var(--accent-soft);color:var(--accent-ink)}.lab-row[data-status=success] .lab-status{color:var(--good)}.lab-row[data-status=error] .lab-status{color:var(--bad)}.lab-row[data-status=retrying] .lab-status,.lab-row[data-status=paused] .lab-status{color:var(--warn)}.lab-name{white-space:nowrap;text-overflow:ellipsis;grid-area:name;font-size:13.5px;font-weight:600;overflow:hidden}.lab-detail{color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;grid-area:detail;font-size:12px;overflow:hidden}.lab-row[data-status=error] .lab-detail{color:var(--bad)}.lab-actions{grid-area:actions}.lab-bar{background:var(--bg-sunken);border-radius:999px;grid-area:bar;height:3px;margin-top:6px;position:relative;overflow:hidden}.lab-bar:after{content:"";background:var(--accent);transform-origin:0;transform:scaleX(var(--p));transition:transform .3s var(--ease-out), background .2s;position:absolute;inset:0}.lab-row[data-status=success] .lab-bar:after{background:var(--good)}.lab-row[data-status=error] .lab-bar:after{background:var(--bad)}.lab-actions-bar{flex-wrap:wrap;gap:6px;display:flex}.lab-side{gap:18px;min-width:0;display:grid}.checklist{color:var(--text-2);gap:10px;margin:0;padding:0;font-size:14.5px;list-style:none;display:grid}.checklist li{padding-left:22px;position:relative}.checklist li:before{content:"";border-left:1.8px solid var(--accent);border-bottom:1.8px solid var(--accent);width:9px;height:5px;position:absolute;top:.55em;left:2px;rotate:-45deg}.checklist b{color:var(--text);font-weight:650}.usage{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;display:grid}.usage>*,.a11y-grid>*,.lab>*{min-width:0}.usage-tabs{gap:8px;display:grid}.checklist code{white-space:normal}.usage-tab{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;gap:12px;padding:14px;transition:border-color .15s,box-shadow .15s;display:flex}.usage-tab:hover{border-color:var(--border-strong)}.usage-tab[aria-selected=true]{border-color:var(--text);box-shadow:var(--shadow-md)}.usage-tab b{font-size:14.5px;display:block}.usage-num{color:var(--text-3);font-family:var(--mono);padding-top:2px;font-size:12px}.usage-blurb{color:var(--text-3);font-size:13.5px}.usage-notes{margin-top:10px;font-size:13.5px}.a11y-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.keys,.props{border-collapse:collapse;width:100%;font-size:14px}.keys{background:var(--bg-elev);box-shadow:0 0 0 1px var(--border);border-radius:12px;overflow:hidden}.keys th,.keys td,.props th,.props td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:10px 14px}.keys thead th,.props thead th{background:var(--bg-sunken);color:var(--text-3);font-size:12px;font-weight:600}.keys tbody tr:last-child td,.props tbody tr:last-child td{border-bottom:0}.keys td:first-child{white-space:nowrap}.table-wrap{background:var(--bg-elev);box-shadow:0 0 0 1px var(--border);border-radius:12px;overflow-x:auto}.props td:first-child code{white-space:nowrap}.props .type{white-space:normal;color:var(--accent-ink);background:0 0;border:0;padding:0}.props td:last-child{color:var(--text-2);min-width:260px}.api-more{color:var(--text-2);margin-top:16px;font-size:14px;line-height:1.9}.footer{border-top:1px solid var(--border)}.footer-inner{max-width:1200px;color:var(--text-3);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin:0 auto;padding:28px 24px 40px;font-size:13.5px;display:flex}.footer-links{flex-wrap:wrap;gap:6px 20px;display:flex}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--text);text-decoration:underline}@media (width<=1020px){.hero,.playground,.lab,.usage,.a11y-grid{grid-template-columns:1fr}.hero{gap:40px;padding-top:48px}.pg-controls{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;max-height:none;position:static}}@media (width<=820px){.showcase-grid{grid-template-columns:1fr}.showcase-list{max-height:none;display:flex;overflow-x:auto}.showcase-item{flex:none}.showcase-cat{display:none}.showcase-meta{flex-direction:column}.lab-controls{grid-template-columns:1fr}.lab-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.hdr-inner,.hero,.section-inner,.footer-inner{padding-left:16px;padding-right:16px}.section{padding:64px 0}.hero-panel,.showcase-panel,.lab-panel{padding:14px}.showcase-stage{padding:12px}.lab-row{grid-template-columns:74px minmax(0,1fr) auto}.pg-toolbar{flex-direction:column}.hero-stage{min-height:220px}.pg-stage{min-height:280px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}