.builder-card{background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.1);transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.builder-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-2px)}.builder-card.collapsed{box-shadow:0 1px 4px rgba(0,0,0,.04)}.builder-card.collapsed:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-1px)}.card-header{align-items:center;background:var(--bg-secondary);border-bottom:var(--border-width-medium) solid var(--border-default);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;min-height:var(--touch-target-min);padding:var(--space-lg);transition:background-color .2s ease,box-shadow .2s ease}
.card-header:active,.card-header:focus{border-bottom:var(--border-width-medium) solid var(--border-default);box-shadow:inset 0 0 0 3px var(--focus-ring-color);outline:none}.card-header-content{flex:1}.card-header-content-with-action{align-items:flex-start;display:flex;gap:var(--space-md);width:100%}.card-header-text{flex:1;min-width:0}.card-header-content-with-action .clear-selected-btn{flex-shrink:0;margin-top:2px}.card-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:var(--space-sm);margin:0}.card-subtitle{font-size:.875rem;line-height:1.4;margin:var(--space-xs) 0 0 0}.card-subtitle,.card-toggle{color:var(--text-secondary)}.card-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;margin-left:var(--space-md);min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-xs);transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none}.card-toggle:active,.card-toggle:focus{border:none;box-shadow:none;outline:none}.card-toggle:focus-visible{border:none;box-shadow:none;outline:none}.builder-card.collapsed .card-toggle{transform:rotate(0deg)}.builder-card:not(.collapsed) .card-toggle{transform:rotate(90deg)}.builder-card.always-visible .card-toggle{display:none}.builder-card.collapsed .card-toggle:hover{transform:rotate(0deg)}.builder-card:not(.collapsed) .card-toggle:hover{transform:rotate(90deg)}.card-body{opacity:1;overflow:hidden;padding:var(--space-lg);transform:scaleY(1);transform-origin:top;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.category-section .card-body{max-height:60vh;overflow:hidden auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.category-section .card-body,.subcategory-section .card-body{padding-bottom:var(--space-sm)}.category-section .card-body::-webkit-scrollbar{width:8px}.category-section .card-body::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.category-section .card-body::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.category-section .card-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.builder-card.collapsed .card-body{margin:0;opacity:0;overflow:hidden;padding:0;transform:scaleY(0)}.builder-card.always-visible .card-body{margin:0;opacity:1;overflow:visible;padding:0 var(--space-lg)}.builder-card.always-visible .card-header{border-bottom:var(--border-width-medium) solid var(--border-default);border-bottom-left-radius:0;border-bottom-right-radius:0}.builder-card.collapsed .card-header{border-bottom:none;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.card-actions{background:var(--bg-primary);border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-md);justify-content:flex-end;padding:var(--space-md) var(--space-lg)}.card-header-static{background:var(--bg-secondary);border-bottom:2px solid var(--border-default);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);padding:var(--space-lg)}.card-header-static .card-header-content-with-action{align-items:flex-start;display:flex;gap:var(--space-md);width:100%}.card-header-static .card-header-content-with-action .card-header-text{flex:1;min-width:0}.card-header-static .card-header-content-with-action .clear-selected-btn{flex-shrink:0;margin-top:2px}.dropdown-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-xs);pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none}.dropdown-toggle:active,.dropdown-toggle:focus{border:none;box-shadow:none;outline:none}.dropdown-toggle:focus-visible{border:none;box-shadow:none;outline:none}.custom-select-wrapper .dropdown-toggle{transform:translateY(-50%) rotate(0deg)}.category-header-text .card-title{line-height:1.2;margin:0}.category-header-text .card-subtitle{line-height:1.3;margin:0}.save-status-indicator{background:transparent;border:none;border-radius:0;margin-bottom:var(--space-lg);padding:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s ease}.action-section.ready .card-header-static{background:transparent;border-bottom-color:var(--state-success-border)}.action-section.ready .card-title{color:var(--state-success-text)}