.size-sys-switch{display:flex;gap:var(--space-1);padding:10px var(--space-3);border-bottom:var(--border-control) solid var(--color-border);background:var(--color-bg-subtle)}.size-sys-btn{flex:1;padding:6px var(--space-1);border:none;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-semibold);cursor:pointer;font-family:var(--font-family);letter-spacing:.04em;background:transparent;color:var(--color-text-muted);transition:var(--transition-fast)}.size-sys-btn:hover:not(.is-active){color:var(--color-text-primary)}.size-sys-btn.is-active{background:var(--color-accent);color:var(--color-text-inverse)}.size-grid{display:flex;flex-wrap:wrap;gap:6px;padding:var(--space-3);max-height:calc(var(--input-height-md) * 5 + 6px * 4 + var(--space-3) * 2);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.size-grid::-webkit-scrollbar{width:8px}.size-grid::-webkit-scrollbar-track{background:transparent}.size-grid::-webkit-scrollbar-thumb{background:var(--color-border-strong);border:2px solid var(--color-bg-card);border-radius:var(--radius-full)}.size-grid::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.size-btn{min-width:44px;height:var(--input-height-md);padding:0 var(--space-2);display:flex;align-items:center;justify-content:center;border:var(--border-control) solid var(--color-border-input);border-radius:var(--radius-md);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;background:var(--color-bg-page);font-family:var(--font-family);transition:var(--transition-fast)}.size-btn:hover:not(:disabled):not(.size-btn--active){border-color:var(--color-accent);color:var(--color-accent)}.size-btn--active{border-width:var(--border-active);border-color:var(--color-text-primary);background:var(--color-bg-subtle);color:var(--color-text-primary)}.size-btn--out{color:var(--color-border-strong);text-decoration:line-through;cursor:not-allowed;border-color:var(--color-border);opacity:.5}.size-equiv{display:flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-3);border-top:var(--border-surface) solid var(--color-border);background:var(--color-bg-subtle);font-size:11px}.size-equiv[hidden]{display:none}.size-equiv__label{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.size-equiv__values{color:var(--color-text-secondary)}.size-equiv__values strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.size-equiv__sep{color:var(--color-border-strong);margin:0 var(--space-1)}.cf-popover--size{min-width:280px;max-width:340px}.size-chart-overlay{position:fixed;inset:0;background:var(--color-bg-overlay);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-5);overflow-y:auto}.size-chart-wrap{background:var(--color-bg-page);border-radius:var(--radius-lg);border:var(--border-surface) solid var(--color-border);overflow:hidden;max-width:420px;width:100%}.size-chart-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:var(--border-surface) solid var(--color-border)}.size-chart-title{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.size-chart-close{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;transition:var(--transition-fast)}.size-chart-close:hover{color:var(--color-text-primary)}.size-chart-close svg{width:16px;height:16px}.size-chart-scroll{overflow-x:auto;max-height:70vh;overflow-y:auto}.size-chart-table{width:100%;border-collapse:collapse}.size-chart-table th{padding:var(--space-2) 14px;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-contrast);background:var(--color-bg-contrast);letter-spacing:.1em;text-align:center}.size-chart-table th:first-child{background:var(--color-accent)}.size-chart-table td{padding:10px 14px;font-size:12px;color:var(--color-text-secondary);border-bottom:var(--border-surface) solid var(--color-border);text-align:center}.size-chart-table tr:last-child td{border-bottom:none}.size-chart-table tr:nth-child(2n) td{background:var(--color-bg-subtle)}.size-chart-table td:first-child{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.size-chart-table tr.size-chart-table__row--active td{background:var(--color-accent);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold)}.size-chart-table tr.size-chart-table__row--active td:first-child{color:var(--color-text-inverse)}@media(max-width:47.9em){.cf-popover--size{min-width:260px;max-width:calc(100vw - 32px)}.size-chart-table th,.size-chart-table td{padding:var(--space-2) 10px;font-size:11px}}