.cs-page[data-v-34f9c82b]{flex-direction:column;gap:8px;padding-bottom:60px;display:flex}.cs-header[data-v-34f9c82b]{background-color:var(--bg-color);border:1px solid var(--border-color-split);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.cs-header__back[data-v-34f9c82b]{color:var(--text-color-secondary);flex-shrink:0}.cs-header__titles[data-v-34f9c82b]{flex:1;min-width:0}.cs-header__title[data-v-34f9c82b]{color:var(--text-color-heading);margin:0;font-size:16px;font-weight:600;line-height:22px}.cs-header__subtitle[data-v-34f9c82b]{color:var(--text-color-tertiary);margin:2px 0 0;font-size:12px}.cs-selected[data-v-34f9c82b]{background-color:var(--bg-color);border:1px solid var(--border-color-split);border-radius:12px;padding:10px 14px 12px}.cs-selected__head[data-v-34f9c82b]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cs-selected__title[data-v-34f9c82b]{color:var(--text-color-heading);font-size:14px;font-weight:600}.cs-selected__meta[data-v-34f9c82b]{align-items:center;gap:10px;display:inline-flex}.cs-selected__drag-tip[data-v-34f9c82b]{color:var(--text-color-tertiary);font-size:12px}.cs-selected__count[data-v-34f9c82b]{color:var(--text-color-secondary);font-size:12px}.cs-selected__grid[data-v-34f9c82b]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;min-height:60px;display:grid}.cs-selected__empty[data-v-34f9c82b]{grid-column:1/-1;padding:16px 0}.cs-available[data-v-34f9c82b]{background-color:var(--bg-color);border:1px solid var(--border-color-split);border-radius:12px;padding:10px 14px 12px}.cs-available__head[data-v-34f9c82b]{color:var(--text-color-heading);margin-bottom:8px;font-size:14px;font-weight:600}.cs-available__body[data-v-34f9c82b]{flex-direction:column;gap:8px;display:flex}.cs-available__empty[data-v-34f9c82b]{padding:16px 0}.cs-group__name[data-v-34f9c82b]{color:var(--text-color-secondary);padding:4px 4px 6px;font-size:12px;font-weight:600}.cs-group__grid[data-v-34f9c82b]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.cs-tile[data-v-34f9c82b]{background-color:var(--bg-color-elevated);border:1px solid var(--border-color-split);color:var(--text-color);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.cs-tile[data-v-34f9c82b]:hover{border-color:var(--color-primary);box-shadow:0 2px 6px var(--color-primary-bg-subtle)}.cs-tile__handle[data-v-34f9c82b]{cursor:grab;color:var(--text-color-placeholder);flex-shrink:0}.cs-tile__icon[data-v-34f9c82b]{width:26px;height:26px;color:var(--color-primary);background-color:var(--color-primary-bg-subtle);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.cs-tile__name[data-v-34f9c82b]{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.cs-tile__remove[data-v-34f9c82b],.cs-tile__add[data-v-34f9c82b]{border:1px solid var(--border-color-split);background-color:var(--bg-color-elevated);width:22px;height:22px;color:var(--text-color-secondary);cursor:pointer;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:12px;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}.cs-tile__remove[data-v-34f9c82b]:hover:not(:disabled),.cs-tile__add[data-v-34f9c82b]:hover:not(:disabled){color:#fff;border-color:var(--color-primary);background-color:var(--color-primary)}.cs-tile__remove[data-v-34f9c82b]:disabled,.cs-tile__add[data-v-34f9c82b]:disabled{cursor:not-allowed;opacity:.5}.cs-tile__remove[data-v-34f9c82b]:hover{color:#fff;border-color:var(--color-danger);background-color:var(--color-danger)}.cs-tile--available[data-v-34f9c82b]{background-color:var(--bg-color)}.cs-footer[data-v-34f9c82b]{z-index:10;background-color:var(--bg-color);border-top:1px solid var(--border-color-split);justify-content:flex-end;align-items:center;gap:12px;padding:10px 24px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000a}.cs-footer__hint[data-v-34f9c82b]{color:var(--color-warning);flex:1;font-size:12px}.cs-footer__actions[data-v-34f9c82b]{gap:8px;display:flex}@media (max-width:768px){.cs-footer[data-v-34f9c82b]{padding:10px 16px}.cs-selected__grid[data-v-34f9c82b],.cs-group__grid[data-v-34f9c82b]{grid-template-columns:1fr}}