.model-group-controls{display:flex;align-items:center;gap:8px;flex:none}.model-group-controls p{margin-right:4px}.model-group-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--model-line);border-radius:8px;background:var(--model-surface);color:var(--model-ink);font-size:22px;line-height:1;cursor:pointer}.model-group-arrow:hover:not(:disabled){border-color:var(--model-blue);background:var(--model-soft)}.model-group-arrow:disabled{cursor:default;opacity:.35}.model-group-arrow:focus-visible,.model-group-grid:focus-visible{outline:2px solid var(--model-blue);outline-offset:3px}
.model-group-grid{padding:4px 3px 10px;scrollbar-width:thin;scrollbar-color:var(--model-muted) var(--model-soft);cursor:grab;touch-action:pan-x pan-y}.model-group-grid::-webkit-scrollbar{display:block;height:7px}.model-group-grid::-webkit-scrollbar-track{background:var(--model-soft);border-radius:99px}.model-group-grid::-webkit-scrollbar-thumb{background:var(--model-muted);border-radius:99px}.model-group-grid.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.model-group-grid.is-dragging *{cursor:grabbing;user-select:none}.model-group-grid.is-dragging .model-group-tile:hover{transform:none}
.model-group-scroll-hint{font-size:11px;color:var(--model-muted);margin:5px 0 0}.group-touch-hint{display:none}@media(pointer:coarse){.group-touch-hint{display:inline}.group-mouse-hint{display:none}}@media(max-width:700px){.model-group-controls p{display:none}.model-group-arrow{width:30px;height:30px}}