.tile-board{max-width:100%;padding-top:var(--space-lg);flex-direction:column;align-items:stretch;margin-inline:auto;display:flex;container:tile-board/inline-size}html:not([data-tiles-ready]) .tile-board{visibility:hidden}.tile-grid{margin:var(--space) 0 0;position:relative}.tile-grid[data-flow-setup=true]{margin-top:calc(var(--space-lg) + var(--space-md))}.tile-section-panel{box-sizing:border-box;pointer-events:none;width:100%;position:absolute;top:0;left:0}@keyframes tile-rise-fade{0%{opacity:0}to{opacity:1}}@keyframes tile-rise-y{0%{translate:0 10px}to{translate:0}}.tile-rise{animation:tile-rise-fade .52s var(--ease-out) both;animation-delay:var(--dur-fast)}.tile-rise .tile-item,.tile-rise .tile-section-panel{animation:tile-rise-y .52s var(--ease-out) both;animation-delay:var(--dur-fast)}.tile-item{box-sizing:border-box;touch-action:none;min-width:0;position:absolute;top:0;left:0;container:tile/inline-size}.tile-drop{box-sizing:border-box;border-radius:var(--radius);background:var(--black-5);pointer-events:none;position:absolute;top:0;left:0}.tile-item[data-dragging=true]{z-index:var(--z-sticky);cursor:grabbing}.tile-item[data-dragging=true] .tile{box-shadow:var(--shadow-strong)}.tile[data-open=true]{scale:var(--press);transition:background-color var(--fade) ease, box-shadow var(--fade) ease, outline-color var(--fade) ease, scale 0s}.tile{box-sizing:border-box;appearance:none;outline-offset:0;background:var(--white);border-radius:var(--radius);width:100%;height:130px;min-height:130px;box-shadow:var(--shadow-subtle);font:inherit;color:inherit;transition:background-color var(--fade) ease, box-shadow var(--fade) ease, outline-color var(--fade) ease, scale var(--dur-fast) ease;border:0;outline:1px solid #0000;margin:0;padding:0;display:block}.tile-item[data-section=belong] .tile{--tile-edge:color-mix(in srgb, var(--title) 20%, transparent);background:var(--white);outline-offset:-1px;height:100%;min-height:0;box-shadow:var(--shadow-subtle);outline:1px solid #0000}.tile-shell .tile:hover,.tile-shell .tile:focus-visible{outline:var(--border);box-shadow:var(--shadow-strong)}.tile-shell .tile:has(:focus-visible){outline:var(--border);box-shadow:var(--shadow-strong)}.tile-item[data-section=belong] .tile-shell .tile:hover,.tile-item[data-section=belong] .tile-shell .tile:focus-visible{outline:1px solid var(--tile-edge);box-shadow:var(--shadow-subtle)}.tile-item[data-section=belong] .tile-shell .tile:has(:focus-visible){outline:1px solid var(--tile-edge);box-shadow:var(--shadow-subtle)}.tile-item[data-section=belong] .tile-shell .tile:is(:hover,:focus-visible,:has(:focus-visible)){background:color-mix(in srgb, var(--tile-tone) 8%, var(--white))}.tile-face{isolation:isolate;align-items:center;column-gap:var(--space-sm);row-gap:var(--space);box-sizing:border-box;width:100%;height:100%;min-height:100%;padding:var(--space);color:var(--title);text-align:left;pointer-events:none;grid-template-rows:auto auto auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.tile-face>.desk-icon,.tile-face>.icon{width:32px;height:32px;color:var(--title);flex-shrink:0;grid-area:1/1;align-self:center}.tile-face-body{display:contents}.tile-face-row{grid-area:1/2;min-width:0}.tile-item[data-section=belong] .tile-face{align-content:center;justify-items:start;row-gap:var(--space-xs);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);display:grid}.tile-item[data-section=belong] .tile-face>.desk-icon,.tile-item[data-section=belong] .tile-face>.icon{grid-area:1/1}.tile-item[data-section=belong] .tile-face-body{display:contents}.tile-item[data-section=belong] .tile-face-row{grid-area:2/1;max-width:100%}.tile-face-aside{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.tile-face>:not(.tile-face-aside){position:relative}.tile-face-aside .vinyl{aspect-ratio:1;width:auto;height:74%;position:absolute;top:50%;right:7%;translate:0 -50%}.tile-face[data-aside=true]{grid-template-columns:auto minmax(0,1fr) minmax(0,42%)}.tile-item[data-section=belong] .tile-face-aside .vinyl{height:min(70%,40cqw);right:5%}.tile-face-row{align-items:baseline;gap:6px;min-width:0;display:flex}.tile-face-value{color:var(--title);font-size:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.03em;flex-shrink:0;font-weight:600}.tile-face[data-accent=true] .tile-face-value{color:var(--tile-tone-ink)}.tile-face-value-soft{color:var(--content-strong);font-weight:400;line-height:1}.tile-face-label{min-width:0;color:var(--title);font-size:var(--text-sm);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.2;overflow:hidden}.tile-shell{width:100%;height:100%;position:relative}.tile-item[data-section=belong] .tile-pick-face{grid-template-rows:auto auto auto auto;row-gap:2px}.tile-item[data-section=belong] .tile-pick-face>.desk-icon{margin-bottom:3px}.tile-pick-face .tile-face-row{align-items:center;gap:var(--space-xs)}.tile-pick-state{color:var(--content);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:500}.tile-pick-state[data-picked=true]{border-radius:var(--radius-full);background:var(--ink-5);color:var(--title);padding:1px 6px}.tile-pick-detail,.tile-pick-meta{text-overflow:ellipsis;white-space:nowrap;grid-column:1;min-width:0;max-width:100%;overflow:hidden}.tile-pick-detail{color:var(--title);font-size:var(--text-xs);grid-row:3;line-height:1.35}.tile-pick-detail[data-empty=true]{color:var(--content)}.tile-pick-meta{color:var(--content);grid-row:4;font-size:11px;line-height:1.3}.tile-pick-face[data-aside=true] .tile-face-row,.tile-pick-face[data-aside=true] .tile-pick-detail,.tile-pick-face[data-aside=true] .tile-pick-meta{max-width:calc(100% - 84px)}.tile-pick-thumb{top:50%;right:var(--space);border-radius:var(--radius-xs);object-fit:cover;width:68px;height:68px;position:absolute;translate:0 -50%}.tile-pick-mark{background:var(--ink-5);color:var(--content-strong);font-size:var(--text-xs);letter-spacing:.02em;place-items:center;font-weight:600;display:grid}