.browse-chrome{background:#333338;border-radius:10px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a}.browse-chrome-title{background:#333338;border-top-left-radius:12px;border-top-right-radius:12px;align-items:center;padding:10px;display:flex}.browse-chrome-media{padding:0 4px 5px}.browse-canvas-card{width:100%;height:100%;display:block;position:relative}.browse-canvas-card>a{cursor:pointer}.browse-card{--card-radius:8px;isolation:isolate;border-radius:var(--card-radius);background-color:var(--background);border:1px solid #ffffff24;display:block;position:relative;overflow:hidden}.browse-pin .browse-card{width:100%}.browse-pin>a{cursor:pointer}.browse-pin>a:focus-visible .browse-chrome{outline:2px solid color-mix(in oklab,var(--foreground)70%,transparent);outline-offset:3px}.browse-preview{z-index:0;pointer-events:none;background:var(--background);position:absolute;inset:0;overflow:hidden}.browse-preview img,.browse-preview video{object-fit:cover;width:100%;height:100%;display:block}.browse-preview video{position:absolute;inset:0}.browse-pin .browse-preview{position:relative;inset:auto}.browse-pin .browse-preview img{height:100%}.browse-masonry{overflow-anchor:none;width:100%;position:relative}.browse-card-hit{z-index:3;cursor:pointer;position:absolute;inset:0}.browse-pin{width:100%;display:block;position:relative}.browse-pin-media{width:100%}.browse-dock{filter:drop-shadow(0 8px 18px #00000052)}.browse-dock-modes{background:var(--muted);box-shadow:0 0 0 1px var(--secondary);border-radius:12px;align-items:center;padding:2px;display:flex;overflow:hidden}.browse-dock-btn,.browse-dock-pause{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:10px;transition:transform .15s;display:flex;position:relative}.browse-dock-btn{color:var(--muted-foreground);border-radius:10px}.browse-dock-btn[aria-pressed=true]{color:var(--foreground)}.browse-dock-btn:active,.browse-dock-pause:active{transform:scale(.98)}.browse-dock-btn-fill{background:linear-gradient(180deg,#0000 0%,#00000005 100%),var(--accent);border-radius:10px;position:absolute;inset:0;box-shadow:inset 0 .5px #ffffff1c}.browse-dock-join{pointer-events:none;width:13.787px;height:24.128px;margin-right:-.9px;display:block}.browse-dock-pause{color:var(--foreground);background:linear-gradient(180deg,#0000 0%,#0000000f 100%),var(--secondary);border-radius:10px;overflow:hidden;box-shadow:inset 0 .5px #ffffff1c}.browse-dock-pause[aria-pressed=true]{color:var(--foreground)}.canvas-viewport{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;position:absolute;inset:0;overflow:hidden}.canvas-viewport[data-dragging=true],.canvas-viewport[data-dragging=true] .canvas-tile{cursor:grabbing}.canvas-stage{position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.canvas-viewport[data-dragging=true] .canvas-stage{will-change:transform}}.canvas-tile{cursor:pointer;transform-origin:50%;position:absolute;top:0;left:0}.canvas-tile .browse-chrome{transition:transform .18s cubic-bezier(.23,1,.32,1);box-shadow:0 0 0 1px #ffffff1a,0 1px 2px #1111132e,0 8px 20px #11111347}[data-quality=low] .canvas-tile .browse-chrome{transition:none;box-shadow:0 0 0 1px #ffffff1a}.canvas-tile:hover{z-index:4}@media (hover:hover) and (pointer:fine){.canvas-tile:hover .browse-chrome{transform:scale(1.015)}.canvas-tile:active .browse-chrome{transform:scale(.98)}.canvas-viewport[data-dragging=true] .canvas-tile .browse-chrome,.canvas-viewport[data-dragging=true] .canvas-tile:hover .browse-chrome,.canvas-viewport[data-dragging=true] .canvas-tile:active .browse-chrome{transform:none}}@media (prefers-reduced-motion:reduce){.canvas-tile .browse-chrome{transition-duration:1ms}}.canvas-vignette{pointer-events:none;background:radial-gradient(96% 94%,#0000 72%,#11111338 100%);position:absolute;inset:0}