.card-size-control { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin: 0 0 16px; color: #a9b9c9; font-size: 13px; }
.card-size-control__options { display: flex; padding: 3px; border: 1px solid #29445c; border-radius: 8px; background: #102131; }
.card-size-control__options button { padding: 7px 12px; border: 0; border-radius: 5px; background: transparent; color: #b8c7d5; cursor: pointer; font: inherit; }
.card-size-control__options button:hover { background: #20374b; color: #fff; }
.card-size-control__options button[aria-pressed="true"] { background: #263e54; color: #fff; }
.card-size-control__options button:focus-visible { outline: 1px solid #91a4b7; outline-offset: -1px; }
.resizable-card-grid[data-card-size] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--card-grid-width)), 1fr)); gap: 16px; }
.resizable-card-grid[data-card-size="small"] { --card-grid-width: 175px; gap: 12px; }
.resizable-card-grid[data-card-size="medium"] { --card-grid-width: 230px; }
.resizable-card-grid[data-card-size="large"] { --card-grid-width: 320px; }