@property --inspector-progress{syntax:"<number>";inherits:true;initial-value:0}.mobile-inspector{--drawer-frame:calc(100dvh - max(1rem, env(safe-area-inset-top)) - max(.5rem, env(safe-area-inset-bottom)));--inspector-progress:0;box-sizing:border-box;height:var(--drawer-frame);padding-bottom:max(0px, calc(var(--drawer-snap-point-offset,0px) + var(--drawer-swipe-movement-y,0px)));transform:translateY(calc(var(--drawer-snap-point-offset,0px) + var(--drawer-swipe-movement-y,0px)));transition:transform .3s cubic-bezier(.32,.72,0,1),padding-bottom .3s cubic-bezier(.32,.72,0,1),--inspector-progress .3s cubic-bezier(.32,.72,0,1)}.mobile-inspector[data-starting-style],.mobile-inspector[data-ending-style]{padding-bottom:0;transform:translateY(100%)}.mobile-inspector[data-ending-style]{transition-duration:calc(.3s * var(--drawer-swipe-strength,1))}.mobile-inspector[data-swiping]{-webkit-user-select:none;user-select:none;transition:none}.mobile-inspector-frame{--compact-copy-width:4.5rem;--row-separation:clamp(0, calc(var(--inspector-progress) * 3), 1);--spread:clamp(0, calc((var(--inspector-progress) - .25) / .75), 1);height:100%;position:relative}.mobile-inspector-heading{height:calc(56px * var(--row-separation))}.mobile-inspector-hero{padding-bottom:calc(18px - 6px * var(--row-separation));display:flow-root;container-type:inline-size}.mobile-inspector-preview{margin-top:calc(12px * (1 - var(--row-separation)));padding:calc(16px * var(--inspector-progress)) 16px}.mobile-inspector-preview>[data-slot=inspector-preview-controls]{opacity:var(--spread)}.mobile-inspector-preview>[data-slot=inspector-preview-art]{height:calc(48px + 96px * var(--spread));justify-content:flex-start}.mobile-inspector-art{transform-origin:0 0;width:144px;height:144px;transform:translateX(calc((100cqw - 32px - 144px) * .5 * var(--spread))) scale(calc(.333333 + .666667 * var(--spread)));outline-width:calc(3px - 2px * var(--spread));outline-offset:calc(-3px + 2px * var(--spread));border-radius:calc(24px - 12px * var(--spread));flex-shrink:0}.mobile-inspector-metadata{z-index:1;left:calc(80px - 64px * var(--spread));right:calc(16px + (var(--compact-copy-width) + 8px) * (1 - var(--spread)));top:calc(12px - 8px * var(--row-separation));height:48px;position:absolute}.mobile-inspector-releases{max-height:calc(2.5rem * var(--row-separation));opacity:var(--row-separation);overflow:clip}.mobile-inspector-releases:focus-within{overflow:visible}.mobile-inspector-actions{--action-gap:calc(8px * var(--spread));margin:calc(-46px + 58px * var(--row-separation)) 16px 0;gap:var(--action-gap)}.mobile-inspector-copy{width:calc(var(--compact-copy-width) + ((100% - var(--action-gap)) / 2 - var(--compact-copy-width)) * var(--spread))}.mobile-inspector-download{--label-reveal:clamp(0, calc((var(--spread) - .45) / .55), 1);width:calc((100% - var(--action-gap)) / 2 * var(--spread));opacity:var(--spread)}.mobile-inspector-download-button{column-gap:calc(.5rem * var(--label-reveal))}.mobile-inspector-download-label{max-width:calc(6rem * var(--label-reveal));clip-path:inset(0 calc((1 - var(--label-reveal)) * 100%) 0 0);filter:blur(calc(4px * (1 - var(--label-reveal))));opacity:var(--label-reveal);transform:translateY(calc(4px * (1 - var(--label-reveal))));overflow:clip}.inspector-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}@media (prefers-reduced-motion:reduce){.mobile-inspector{transition-duration:0s}.mobile-inspector-download-label{filter:none;transform:none}}.mobile-inspector-art .preview-canvas>span:first-child,.mobile-inspector-art .preview-canvas>span:last-child:after{opacity:clamp(0, calc((var(--inspector-progress) - .2) * 3), 1)}