.size-matrix-scroll{border:2px solid var(--color-border);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-radius:14px;max-width:100%;overflow-x:auto}.size-matrix-scroll:focus-visible{outline:3px solid var(--color-drop-text);outline-offset:2px}.size-matrix-table{border-collapse:separate;border-spacing:0;min-width:100%;font-size:13px}.size-matrix-table th,.size-matrix-table td{border-bottom:1px solid var(--color-line);border-right:1px solid var(--color-line);text-align:center;white-space:nowrap;padding:0}.size-matrix-table tbody tr:last-child>*{border-bottom:0}.size-matrix-table thead th{background:var(--color-bg-elevated);z-index:1;position:sticky;top:0}.sm-sticky{z-index:2;background:var(--color-bg-card);box-shadow:2px 0 0 var(--color-border);position:sticky;left:0;text-align:left!important}thead .sm-sticky{z-index:3;background:var(--color-bg-elevated)}.sm-corner{color:var(--color-text-secondary);padding:8px 10px!important}.sm-color{width:220px;max-width:46vw;min-height:48px;color:var(--color-text);align-items:center;gap:8px;padding:4px 10px 4px 6px;font-weight:700;text-decoration:none;display:flex}.sm-color span{text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.sm-color:hover span{text-underline-offset:3px;text-decoration:underline}.sm-color img{object-fit:contain;border:1px solid var(--color-line);background:#fff;border-radius:8px;flex:none;width:40px;height:40px}.sm-size{font-variant-numeric:tabular-nums;min-width:52px;min-height:44px;color:var(--color-text);cursor:pointer;background:0 0;border:0;padding:0 8px;font-weight:800}.sm-size:hover{background:var(--color-bg-hover)}.size-matrix-table td>a{font-variant-numeric:tabular-nums;min-width:56px;min-height:48px;color:var(--color-text);justify-content:center;align-items:center;padding:0 6px;font-weight:700;text-decoration:none;display:flex}.size-matrix-table td>a:hover{background:var(--color-bg-hover);text-decoration:underline}.sm-empty{color:var(--color-text-muted);min-width:56px}.size-matrix-table .is-mine{background:var(--color-tag-soft)}.size-matrix-table thead th.is-mine{background:var(--color-tag)}.size-matrix-table thead th.is-mine .sm-size{color:var(--color-ink)}.size-matrix-table .is-active{box-shadow:inset 2px 0 0 var(--color-text), inset -2px 0 0 var(--color-text)}.size-matrix-table thead th.is-active .sm-size{background:var(--color-text);color:var(--color-bg)}.sp-cwc-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:.75rem;margin:0 -2px;padding:2px 2px 6px;list-style:none;display:flex;overflow-x:auto}.sp-cwc-track::-webkit-scrollbar{display:none}.sp-cwc-item{scroll-snap-align:start;flex:0 0 9.5rem}@media (width>=768px){.sp-cwc-item{flex-basis:10.5rem}}.sp-cwc-card{color:var(--color-text);outline-offset:3px;border-radius:14px;flex-direction:column;gap:.3rem;text-decoration:none;display:flex}.sp-cwc-tile{aspect-ratio:1;border:2px solid var(--color-border);border-radius:14px;width:100%;transition:border-color .15s,transform .15s}.sp-cwc-card:hover .sp-cwc-tile,.sp-cwc-card:focus-visible .sp-cwc-tile{border-color:var(--color-text);transform:translateY(-2px)}.sp-cwc-name{font-size:.9rem;font-weight:700;line-height:1.2}.sp-cwc-meta{color:var(--color-text-secondary);flex-direction:column;font-size:.8rem;line-height:1.3;display:flex}.sp-cwc-n{opacity:.8;font-size:.72rem}.sp-cwc-arrow{border:2px solid var(--color-text);background:var(--color-bg-card);width:2.5rem;height:2.5rem;color:var(--color-text);cursor:pointer;border-radius:999px;place-items:center;display:inline-grid}.sp-cwc-arrow:disabled{opacity:.35;cursor:default}@media (prefers-reduced-motion:no-preference){.sp-cwc-track{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){.sp-cwc-tile,.sp-cwc-card:hover .sp-cwc-tile{transition:none;transform:none}}.sp-colorchip{border:2px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.sp-colorchip:hover{border-color:var(--color-text)}.sp-colorchip[aria-current=true]{border-color:var(--color-text);background:var(--color-text);color:var(--color-bg)}.sp-colorchip-dot{border:1.5px solid;border-radius:999px;flex-shrink:0;width:.8rem;height:.8rem}.sp-colorchip-n{opacity:.7;font-size:.75rem;font-weight:500}