.pool-workspace { padding: clamp(16px, 3vw, 28px); }
.pool-workspace-intro strong { font-size: 17px; }
.pool-workspace-intro p, .pool-form-note { color: var(--text-muted, #94a3b8); line-height: 1.7; font-size: 13px; }
.pool-category-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 24px 0; }
.pool-category-tab { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid #26384e; border-radius: 12px; padding: 16px; background: #101d2d; color: #a9bbcf; cursor: pointer; }
.pool-category-tab strong { font-size: 15px; white-space: nowrap; }
.pool-category-tab span { font-size: 12px; }
.pool-category-tab.active { background: #102f43; border-color: #33bad9; color: #c2f5ff; }
.pool-category-tab:focus-visible { outline: 2px solid #67e8f9; outline-offset: 3px; }
.pool-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 20px; }
.pool-toolbar label { width: min(420px, 100%); }
#pool-result-count { color: #91a8bf; font-size: 13px; white-space: nowrap; }
.pool-vehicle-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 215px), 1fr)); gap: 16px; }
.pool-vehicle-card { min-width: 0; border: 1px solid #28394c; border-radius: 14px; overflow: hidden; background: #0d1b2b; }
.pool-image-frame { aspect-ratio: 16 / 10; display: flex; align-items: center; justify-content: center; background: radial-gradient(ellipse at center, #243449, #0b1522); overflow: hidden; width: 100%; color: #9caec3; }
.pool-image-frame img { display: block; width: 100%; height: 100%; object-fit: contain; }
.pool-vehicle-copy { padding: 16px; }
.pool-vehicle-copy > span { color: #70c6dc; font-size: 11px; letter-spacing: .08em; }
.pool-vehicle-copy h3 { margin: 8px 0 16px; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
.pool-vehicle-copy .btn { width: 100%; }
.pool-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 12px; color: #9cb0c5; font-size: 12px; }
.pool-drag-handle { border: 1px solid #354b63; border-radius: 7px; padding: 7px 10px; background: #182a3e; color: #bfeeff; font: inherit; cursor: grab; }
.pool-drag-handle:active { cursor: grabbing; }
.pool-drag-handle:disabled { opacity: .4; cursor: not-allowed; }
.pool-drag-handle:focus-visible { outline: 2px solid #67e8f9; outline-offset: 2px; }
.pool-vehicle-card.is-dragging { opacity: .45; }
.pool-vehicle-card.is-drop-target { border-color: #67e8f9; box-shadow: 0 0 0 2px #67e8f933; }
.pool-card-actions, .pool-order-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.pool-order-actions { margin-top: 8px; }
.pool-card-actions .btn, .pool-order-actions .btn { min-width: 0; padding-left: 4px; padding-right: 4px; }
.pool-sort-note { color: var(--text-muted, #94a3b8); line-height: 1.7; font-size: 12px; margin: 0 0 16px; }
#pool-image-preview { max-width: 380px; margin: 0 auto 20px; border: 1px solid #28394c; border-radius: 12px; overflow: hidden; }
.pool-form-error { color: #fca5a5; font-size: 13px; line-height: 1.5; }
.pool-form-error:empty { display: none; }
@media (max-width: 600px) {
  .pool-category-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .pool-category-tab { padding: 13px; }
  .pool-toolbar { flex-wrap: wrap; gap: 8px; }
  .pool-toolbar label { width: 100%; }
  .pool-vehicle-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .pool-vehicle-copy { padding: 12px; }
  .pool-vehicle-copy h3 { font-size: 13px; }
}
@media (max-width: 350px) { .pool-vehicle-grid { grid-template-columns: minmax(0, 1fr); } }