#cartDialog{width:min(960px,94vw);height:auto;max-height:86dvh;border-radius:14px;box-shadow:0 18px 70px #0003}#cartDialog[open]{display:flex;flex-direction:column}#cartDialog .collection-scope{margin-top:20px}.cart-open{display:inline-flex;gap:8px;align-items:center}#cartCount{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:20px;background:var(--ink);color:var(--sheet);font-size:11px}.cart-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 0}#cartSummary{margin-right:auto;font-size:15px}.cart-empty{text-align:center;padding:70px 15px;color:var(--muted)}.cart-empty h3{font-size:28px;font-weight:300;color:var(--ink);margin:0 0 14px}.cart-empty p{line-height:1.7}.gallery .tile-action.in-cart{opacity:1;background:var(--ink);color:var(--sheet);font-size:20px}#cartMore{margin:22px auto;display:block}#cartDialog .collection-message{padding:12px 15px;background:#e7e5df;border-radius:5px}#cartDialog .collection-message:empty{display:none}#cartCloud[aria-pressed=true],#cartLocal[aria-pressed=true]{background:var(--ink);color:var(--sheet)}@media(max-width:720px){#cartDialog{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0}.cart-actions{gap:12px}#cartSaveForm button{width:100%}.cart-open{margin-right:0}}

/* Compact basket, with a single toolbar and content-driven dialog height. */
#cartDialog .collection-top{padding:16px 20px;gap:12px}
#cartDialog .collection-top h2{font-size:22px;line-height:1.2;letter-spacing:-.025em;margin:0}
#cartDialog #cartClose{font-size:12px;padding:8px 0 8px 8px}
#cartDialog .collection-content{flex:0 1 auto;padding:16px 20px 20px;overscroll-behavior:contain}
.cart-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
#cartDialog .collection-scope{margin:0;gap:4px;padding:3px;border:1px solid var(--line);border-radius:24px}
#cartDialog .collection-scope .outline{padding:7px 11px;border:0;font-size:11px}
#cartDialog .cart-actions{flex:1;gap:12px;padding:0}
#cartDialog #cartSummary{font-size:12px;white-space:nowrap}
#cartDialog .cart-actions .pill{font-size:11px;padding:9px 13px}
#cartDialog #cartClear{font-size:11px;color:var(--muted);white-space:nowrap}
#cartDialog .collection-intro{font-size:11px;line-height:1.5;margin:10px 0 12px}
#cartDialog .collection-help{font-size:10px;line-height:1.5;margin:6px 0}
#cartArchiveStatus:empty{display:none}
#cartZipLink{display:inline-flex;align-items:center;padding:7px 11px;font-size:11px;margin:2px 0 4px}
#cartDialog .collection-message{font-size:11px;padding:8px 10px;margin:8px 0}
#cartDialog #cartGrid{--tile:190px;--masonry-gap:12px;padding-top:12px}
#cartDialog .cart-empty{padding:34px 12px}
#cartDialog .cart-empty h3{font-size:21px;margin-bottom:8px}
#cartDialog .cart-empty p{font-size:12px;margin:0}
.gallery .tile-action>.tile-action-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:0;pointer-events:none}
.gallery .tile-action-icon svg{display:block;width:20px;height:20px;flex:none}
.gallery .tile-action[aria-busy=true]{opacity:1}
@media(max-width:720px){#cartDialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);height:auto;max-height:90dvh;border-radius:12px}#cartDialog .collection-top{padding:12px 16px}#cartDialog .collection-content{padding:12px 16px 16px}.cart-toolbar{gap:12px}#cartDialog .cart-actions{flex-basis:100%}#cartDialog #cartGrid{--tile:140px;--masonry-gap:10px}}

/* Removal stays on the small basket tile, outside the enlarged preview. */
#cartGrid .tile-hover-zoom>.tile-action{display:none}

#cartGrid .cart-origin{position:absolute;left:9px;top:9px;z-index:3;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#252525b8;color:white;pointer-events:none}
#cartGrid .cart-origin svg{display:block}
#cartGrid .video-badge{left:41px}
#cartGrid .tile-hover-zoom .cart-origin{top:calc(9px * var(--hover-ui-scale,1));left:calc(9px * var(--hover-ui-scale,1));transform:scale(var(--hover-ui-scale,1));transform-origin:left top}

#cartGrid .tile-hover-zoom .video-badge{left:calc(41px * var(--hover-ui-scale,1))}

.gallery .tile-action .cart-remove-mark{display:none}
.gallery .tile-action.in-cart:is(:hover,:focus-visible) .cart-check-mark{display:none}
.gallery .tile-action.in-cart:is(:hover,:focus-visible) .cart-remove-mark{display:block}