.card-grid-root{display: flex;flex-direction: column;height: 100%;overflow: auto}.card-grid{display: flex;flex-wrap: wrap;gap: var(--lumo-space-l);padding: var(--lumo-space-l);align-content: flex-start}.card-grid>vaadin-card{flex: 1 1 320px;max-width: 480px}.card-grid-empty{display: flex;align-items: center;justify-content: center;flex: 1;color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-l);padding: var(--lumo-space-xl);text-align: center}.designer-root{display: grid;grid-template-columns: 320px 1fr 320px;gap: var(--lumo-space-m);height: 100%;overflow: hidden;padding: var(--lumo-space-m);box-sizing: border-box}.designer-panel{display: flex;flex-direction: column;overflow: hidden;background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l)}.designer-panel-header{padding: var(--lumo-space-m);border-bottom: 1px solid var(--lumo-contrast-10pct)}.designer-panel-body{flex: 1;overflow-y: auto;padding: var(--lumo-space-s)}.designer-library-chips{display: flex;flex-wrap: wrap;gap: 6px;padding: 0 var(--lumo-space-m) var(--lumo-space-s)}.designer-chip{display: inline-flex;align-items: center;padding: 2px 10px;border-radius: var(--lumo-border-radius-m);font-size: var(--lumo-font-size-xs);font-weight: 500;border: 1px solid currentColor;background: transparent;cursor: pointer;user-select: none}.designer-chip[data-active="true"]{color: var(--lumo-primary-contrast-color);background: currentColor}.designer-chip[data-active="true"]>span{color: var(--lumo-primary-contrast-color)}.designer-library-card{margin-bottom: var(--lumo-space-s);cursor: grab}vaadin-card[theme~="category-warmup"]{border-left: 3px solid oklch(0.72 0.15 30)}vaadin-card[theme~="category-basics"]{border-left: 3px solid oklch(0.62 0.16 220)}vaadin-card[theme~="category-coordination"]{border-left: 3px solid oklch(0.62 0.18 270)}vaadin-card[theme~="category-passing"]{border-left: 3px solid oklch(0.62 0.13 180)}vaadin-card[theme~="category-scrimmage"]{border-left: 3px solid oklch(0.62 0.15 140)}vaadin-card[theme~="category-custom"]{border-left: 3px solid oklch(0.62 0.18 0)}.designer-category-tag{display: inline-block;font-size: 10px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;padding: 2px 6px;border-radius: 4px}.designer-category-tag[data-cat="warmup"]{color: oklch(0.45 0.15 30);background: oklch(0.95 0.04 30)}.designer-category-tag[data-cat="basics"]{color: oklch(0.45 0.16 220);background: oklch(0.95 0.04 220)}.designer-category-tag[data-cat="coordination"]{color: oklch(0.45 0.18 270);background: oklch(0.95 0.04 270)}.designer-category-tag[data-cat="passing"]{color: oklch(0.45 0.13 180);background: oklch(0.95 0.04 180)}.designer-category-tag[data-cat="scrimmage"]{color: oklch(0.45 0.15 140);background: oklch(0.95 0.04 140)}.designer-category-tag[data-cat="custom"]{color: oklch(0.45 0.18 0);background: oklch(0.95 0.04 0)}.designer-timeline-block{margin-bottom: var(--lumo-space-m);cursor: grab}.designer-timeline-block:active{cursor: grabbing}.designer-dropzone{min-height: 10px;margin: 2px 0;border-radius: var(--lumo-border-radius-m);transition: all 120ms ease}.designer-dropzone-active{min-height: 48px;background: var(--lumo-primary-color-10pct);border: 1px dashed var(--lumo-primary-color)}.designer-dropzone-empty{min-height: 120px;display: flex;align-items: center;justify-content: center;border: 1px dashed var(--lumo-contrast-20pct);color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);padding: var(--lumo-space-l);text-align: center}.designer-time-column{display: flex;flex-direction: column;align-items: flex-start;min-width: 72px;font-family: var(--lumo-font-family)}.designer-time-main{font-size: var(--lumo-font-size-m);font-weight: 600}.designer-time-sub{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color)}.designer-meta-chips{display: flex;flex-wrap: wrap;gap: 6px;margin-top: var(--lumo-space-xs)}.designer-meta-chip{display: inline-flex;align-items: center;gap: 4px;padding: 2px 6px;border-radius: 4px;font-size: 11px;color: var(--lumo-secondary-text-color);background: var(--lumo-contrast-5pct)}.designer-ai-result{padding: var(--lumo-space-s) var(--lumo-space-m);white-space: pre-wrap;color: var(--lumo-body-text-color);font-size: var(--lumo-font-size-s)}.designer-ai-action-card{margin-bottom: var(--lumo-space-s);cursor: pointer}.designer-empty-state{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--lumo-space-xl);color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);border: 1px dashed var(--lumo-contrast-20pct);border-radius: var(--lumo-border-radius-m);text-align: center}