:root{--color-primary:#0f172a;--color-primary-light:#1e293b;--color-primary-dark:#020617;--color-secondary:#06b6d4;--color-secondary-light:#67e8f9;--color-secondary-dark:#0891b2;--color-accent:#f59e0b;--color-accent-light:#fcd34d;--color-accent-dark:#d97706;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-neutral-50:#020617;--color-neutral-100:#0f172a;--color-neutral-200:#1e293b;--color-neutral-300:#334155;--color-neutral-400:#475569;--color-neutral-500:#64748b;--color-neutral-600:#94a3b8;--color-neutral-700:#cbd5e1;--color-neutral-800:#e2e8f0;--color-neutral-900:#f1f5f9;--color-surface-base:#020617;--color-surface-raised:#0f172a;--color-surface-overlay:#1e293b;--color-surface-elevated:#334155;--color-table-header:#0f172a;--color-table-row-even:#020617;--color-table-row-odd:#0b1120;--color-table-row-hover:#1e293b;--color-table-border:#1e293b;--color-glow-primary:#06b6d440;--color-glow-accent:#f59e0b40;--skeleton-base:#1e293b;--skeleton-shimmer:#334155;--font-family-primary:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-family-mono:"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--radius-sm:.25rem;--radius-base:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-base:0 1px 3px 0 #0006, 0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d;--transition-fast:.15s ease-in-out;--transition-base:.25s ease-in-out;--transition-slow:.35s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.loading-shimmer{background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-shimmer) 50%, var(--skeleton-base) 75%);background-size:600px 100%;animation:1.5s linear infinite shimmer}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);color:var(--color-neutral-800);background-color:var(--color-surface-base);-webkit-font-smoothing:antialiased;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-base)}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.app-layout{height:100vh;display:flex;overflow:hidden}.app-sidebar{background-color:var(--color-surface-raised);border-right:1px solid var(--color-neutral-200);width:320px;min-width:320px;height:100vh;padding:var(--spacing-4);gap:var(--spacing-4);flex-direction:column;display:flex;overflow-y:auto}.app-content{height:100vh;padding:var(--spacing-6);flex:1;overflow-y:auto}.app-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.app-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900)}.app-title span{color:var(--color-secondary)}.result-count{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.mode-toggle{background:var(--color-neutral-300);border-radius:var(--radius-base);gap:1px;display:flex;overflow:hidden}.mode-toggle-btn{padding:var(--spacing-1) var(--spacing-3);background:var(--color-surface-overlay);color:var(--color-neutral-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none}.mode-toggle-btn:hover{background:var(--color-neutral-100)}.mode-toggle-btn--active{background:var(--color-secondary);color:#fff}.mode-toggle-btn--active:hover{background:var(--color-secondary)}.mode-toggle-btn--testing,.mode-toggle-btn--testing:hover{background:var(--color-accent)}.testing-banner{background:color-mix(in srgb, var(--color-accent) 15%, transparent);color:var(--color-accent);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center;margin-bottom:var(--spacing-4)}.welcome-screen{text-align:center;height:60vh;color:var(--color-neutral-500);flex-direction:column;justify-content:center;align-items:center;display:flex}.welcome-screen h2{font-size:var(--font-size-2xl);color:var(--color-neutral-700);margin-bottom:var(--spacing-2)}.welcome-screen p{font-size:var(--font-size-lg)}@media (width<=768px){.app-layout{flex-direction:column}.app-sidebar{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--color-neutral-200);height:auto;max-height:50vh}.app-content{flex:1;height:auto;overflow-y:auto}}.sidebar-header{justify-content:space-between;align-items:center;display:flex}.sidebar-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900)}.sidebar-title span{color:var(--color-secondary)}.filters-header{justify-content:space-between;align-items:center;display:flex}.filters-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700);text-transform:uppercase;letter-spacing:.05em}.clear-btn{border:1px solid var(--color-neutral-300);color:var(--color-neutral-600);font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0}.clear-btn:hover{border-color:var(--color-error);color:var(--color-error)}.filter-section{gap:var(--spacing-2);flex-direction:column;display:flex}.filter-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:.05em}.filter-select,.search-input,.filter-search{background:var(--color-surface-overlay);border:1px solid var(--color-neutral-300);color:var(--color-neutral-800);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-base);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);outline:none;width:100%;font-family:inherit}.filter-select:focus,.search-input:focus,.filter-search:focus{border-color:var(--color-secondary);box-shadow:0 0 0 2px var(--color-glow-primary)}.filter-select option,.filter-select optgroup{background:var(--color-surface-overlay);color:var(--color-neutral-800)}.type-grid{gap:var(--spacing-1);flex-wrap:wrap;display:flex}.type-btn{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-neutral-300);background:var(--color-surface-overlay);color:var(--color-neutral-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.type-btn:hover{border-color:var(--color-secondary-dark);color:var(--color-secondary)}.type-btn--active{background:color-mix(in srgb, var(--color-secondary) 20%, transparent);border-color:var(--color-secondary);color:var(--color-secondary)}.selected-tags{gap:var(--spacing-1);flex-wrap:wrap;display:flex}.selected-tag{background:color-mix(in srgb, var(--color-secondary) 20%, transparent);color:var(--color-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:4px;padding:1px 8px;display:inline-flex}.selected-tag:hover{background:color-mix(in srgb, var(--color-error) 25%, transparent);color:var(--color-error)}.filter-options{flex-direction:column;gap:2px;max-height:200px;display:flex;overflow-y:auto}.filter-option{align-items:center;gap:var(--spacing-2);padding:2px var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-neutral-700);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);display:flex}.filter-option:hover{background:var(--color-surface-overlay)}.filter-option input[type=checkbox]{accent-color:var(--color-secondary)}.show-more-btn{color:var(--color-secondary);font-size:var(--font-size-xs);cursor:pointer;padding:var(--spacing-1);text-align:left;background:0 0;border:none}.show-more-btn:hover{text-decoration:underline}.hier-item{flex-direction:column;display:flex}.variant-hint{color:var(--color-neutral-400);margin-left:auto;font-size:.65rem;font-style:italic}.variant-options{gap:var(--spacing-1);padding:var(--spacing-1) 0 var(--spacing-1) var(--spacing-6);flex-wrap:wrap;animation:.15s ease-out fadeIn;display:flex}.variant-btn{border:1px solid var(--color-neutral-300);background:var(--color-surface-overlay);color:var(--color-neutral-600);font-size:.65rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);padding:1px 8px}.variant-btn:hover{border-color:var(--color-accent-dark);color:var(--color-accent)}.variant-btn--active{background:color-mix(in srgb, var(--color-accent) 20%, transparent);border-color:var(--color-accent);color:var(--color-accent)}.stat-filters-grid{flex-direction:column;gap:4px;display:flex}.stat-filter-row,.cost-filter-row{align-items:center;gap:var(--spacing-2);display:flex}.stat-filter-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-secondary);font-family:var(--font-family-mono);flex-shrink:0;width:32px}.stat-filter-comp{background:var(--color-surface-overlay);border:1px solid var(--color-neutral-300);color:var(--color-neutral-800);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-family-mono);outline:none;width:48px;padding:2px 4px}.stat-filter-comp:focus{border-color:var(--color-secondary)}.stat-filter-value{background:var(--color-surface-overlay);border:1px solid var(--color-neutral-300);color:var(--color-neutral-800);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-family-mono);outline:none;width:48px;padding:2px 4px}.stat-filter-value:focus{border-color:var(--color-secondary)}.cost-value,.swc-select{width:56px}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.collapsible-header:hover .filter-label{color:var(--color-neutral-800)}.collapsible-chevron{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid var(--color-neutral-500);width:0;height:0;transition:transform var(--transition-fast);flex-shrink:0;display:inline-block}.collapsible-chevron--open{transform:rotate(90deg)}.logic-toggle{border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);letter-spacing:.05em;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);padding:1px 6px;font-size:.6rem;font-weight:700}.logic-toggle--and{background:color-mix(in srgb, var(--color-secondary) 15%, transparent);color:var(--color-secondary);border-color:var(--color-secondary)}.logic-toggle--or{background:color-mix(in srgb, var(--color-accent) 15%, transparent);color:var(--color-accent);border-color:var(--color-accent)}.logic-toggle:hover{opacity:.8}.same-profile-toggle{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-neutral-600);cursor:pointer;padding:var(--spacing-1) 0;display:flex}.same-profile-toggle input{margin:0}.same-profile-toggle:has(input:checked) span{color:var(--color-secondary);font-weight:var(--font-weight-semibold)}.unit-list-grid{gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.unit-list-empty{text-align:center;color:var(--color-neutral-500);padding:var(--spacing-12);font-size:var(--font-size-lg)}.unit-card{background:var(--color-surface-raised);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-4);cursor:pointer;transition:all var(--transition-fast);animation:fadeIn var(--transition-base) ease-out}.unit-card:hover{border-color:var(--color-secondary-dark);box-shadow:0 0 12px var(--color-glow-primary);transform:translateY(-1px)}.unit-card--selected{border-color:var(--color-secondary);box-shadow:0 0 16px var(--color-glow-primary)}.unit-card--expanded{border-color:var(--color-secondary-dark);box-shadow:0 0 12px var(--color-glow-primary)}.unit-card--expanded:hover{transform:none}.unit-card-header{justify-content:space-between;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1);display:flex}.unit-card-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.unit-card-badges{align-items:center;gap:var(--spacing-1);flex-shrink:0;display:flex}.unit-card-type{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 15%, transparent);border-radius:var(--radius-sm);flex-shrink:0;padding:1px 6px}.unit-card-faction-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-secondary);background:color-mix(in srgb, var(--color-secondary) 15%, transparent);border-radius:var(--radius-sm);white-space:nowrap;padding:1px 6px}.unit-card-meta{margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.unit-card-faction{font-size:var(--font-size-xs);color:var(--color-neutral-500);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.unit-card-points{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-secondary);font-family:var(--font-family-mono);flex-shrink:0}.unit-card-stats{gap:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-neutral-500);font-family:var(--font-family-mono);flex-wrap:wrap;display:flex}.faction-picker{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-neutral-200);animation:fadeIn var(--transition-fast) ease-out}.faction-picker-label{font-size:var(--font-size-xs);color:var(--color-neutral-500);margin-bottom:var(--spacing-2)}.faction-picker-grid{gap:var(--spacing-1);flex-wrap:wrap;max-height:180px;display:flex;overflow-y:auto}.faction-pill{border:1px solid var(--color-neutral-200);border-radius:var(--radius-sm);background:var(--color-surface-overlay);color:var(--color-neutral-700);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;padding:2px 8px;display:inline-flex}.faction-pill:hover{border-color:var(--color-secondary);color:var(--color-secondary);background:color-mix(in srgb, var(--color-secondary) 10%, transparent)}.profile-card{background:var(--color-surface-raised);border:1px solid var(--color-neutral-200);border-top:3px solid var(--color-secondary);border-radius:var(--radius-lg);padding:var(--spacing-6);animation:fadeIn var(--transition-base) ease-out;margin-bottom:var(--spacing-6)}.profile-card-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:flex-start;display:flex}.profile-card-title h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin:0}.profile-faction{font-size:var(--font-size-sm);color:var(--color-secondary)}.modified-badge{background:color-mix(in srgb, var(--color-accent) 20%, transparent);color:var(--color-accent);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);vertical-align:middle;margin-left:.5rem;padding:1px 6px;display:inline-block}.modified-by{font-size:var(--font-size-xs);color:var(--color-neutral-400);display:block}.profile-close{color:var(--color-neutral-500);font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-1);transition:color var(--transition-fast);background:0 0;border:none;line-height:1}.profile-close:hover{color:var(--color-neutral-800)}.profile-group{margin-bottom:var(--spacing-4)}.profile-group:last-child{margin-bottom:0}.profile-section{margin-bottom:var(--spacing-3)}.profile-meta{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);display:flex}.profile-logo{object-fit:contain;filter:brightness(0)invert();width:28px;height:28px}.profile-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700)}.stats-row{background:var(--color-neutral-300);border-radius:var(--radius-base);margin-bottom:var(--spacing-3);gap:1px;display:flex;overflow:hidden}.stat-cell{text-align:center;background:var(--color-surface-overlay);padding:var(--spacing-1) var(--spacing-2);flex:1;min-width:0}.stat-label{font-size:.65rem;font-weight:var(--font-weight-semibold);color:var(--color-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);font-family:var(--font-family-mono)}.skills-list{gap:var(--spacing-1);margin-bottom:var(--spacing-2);flex-wrap:wrap;display:flex}.skill-tag{background:color-mix(in srgb, var(--color-secondary) 15%, transparent);color:var(--color-secondary-light);border-radius:var(--radius-sm);font-size:var(--font-size-xs);transition:background var(--transition-fast), color var(--transition-fast);padding:1px 6px;display:inline-block}.skill-tag--clickable{cursor:pointer}.skill-tag--clickable:hover{background:color-mix(in srgb, var(--color-secondary) 30%, transparent)}.skill-tag--active{background:var(--color-secondary);color:#fff}.equip-tag{background:color-mix(in srgb, var(--color-accent) 15%, transparent);color:var(--color-accent-light);border-radius:var(--radius-sm);font-size:var(--font-size-xs);transition:background var(--transition-fast), color var(--transition-fast);padding:1px 6px;display:inline-block}.equip-tag--clickable{cursor:pointer}.equip-tag--clickable:hover{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.equip-tag--active{background:var(--color-accent);color:#fff}.loadout-table-wrapper{margin-top:var(--spacing-2);overflow-x:auto}.loadout-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.loadout-table th{background:var(--color-table-header);color:var(--color-neutral-600);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-2) var(--spacing-3);text-align:left;border-bottom:1px solid var(--color-table-border)}.loadout-table th:nth-child(4),.loadout-table th:nth-child(5){text-align:center;width:60px}.loadout-table td{padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-table-border);color:var(--color-neutral-700)}.loadout-table tr:nth-child(odd) td{background:var(--color-table-row-odd)}.loadout-table tr:nth-child(2n) td{background:var(--color-table-row-even)}.loadout-table tr:hover td{background:var(--color-table-row-hover)}.loadout-name{white-space:nowrap;font-weight:var(--font-weight-semibold);color:var(--color-neutral-800)}.loadout-gear{max-width:400px}.loadout-melee{max-width:250px}.loadout-points,.loadout-swc{text-align:center;font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800)}.editor-overlay{z-index:100;padding:var(--spacing-6);background:#00000080;justify-content:center;display:flex;position:fixed;inset:0;overflow-y:auto}.editor{background:var(--color-surface-raised);border-radius:var(--radius-lg);width:100%;max-width:900px;padding:var(--spacing-6);box-sizing:border-box;max-height:fit-content;margin:auto;overflow:hidden}.editor-header{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:2px solid var(--color-accent);justify-content:space-between;align-items:center;display:flex}.editor-header h2{color:var(--color-neutral-900);font-size:var(--font-size-xl);margin:0}.editor-actions{gap:var(--spacing-2);display:flex}.editor-btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast);border:none}.editor-btn--save{background:var(--color-accent);color:#fff}.editor-btn--save:hover{opacity:.9}.editor-btn--cancel{background:var(--color-neutral-200);color:var(--color-neutral-700)}.editor-btn--cancel:hover{background:var(--color-neutral-300)}.editor-btn--danger{background:var(--color-error,#e53e3e);color:#fff}.editor-btn--danger:hover{opacity:.9}.editor-btn--add{background:color-mix(in srgb, var(--color-accent) 15%, transparent);color:var(--color-accent);padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.editor-btn--add:hover{background:color-mix(in srgb, var(--color-accent) 25%, transparent)}.editor-section{margin-bottom:var(--spacing-6)}.editor-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-secondary);margin-bottom:var(--spacing-3);text-transform:uppercase;letter-spacing:.05em}.editor-row{gap:var(--spacing-3);margin-bottom:var(--spacing-3);display:flex}.editor-field{gap:var(--spacing-1);flex-direction:column;flex:1;display:flex}.editor-field--narrow{flex:0 0 80px}.editor-field--medium{flex:0 0 140px}.editor-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:.05em}.editor-input{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--color-surface-overlay);color:var(--color-neutral-900);font-family:inherit}.editor-input:focus{border-color:var(--color-accent);outline:none}.editor-input--number{text-align:center;width:60px;font-family:var(--font-family-mono)}.editor-select{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--color-surface-overlay);color:var(--color-neutral-900)}.editor-stats-grid{background:var(--color-neutral-300);border-radius:var(--radius-base);gap:1px;display:flex;overflow:hidden}.editor-stat-cell{text-align:center;background:var(--color-surface-overlay);padding:var(--spacing-1);flex:1;min-width:0}.editor-stat-cell label{font-size:.65rem;font-weight:var(--font-weight-semibold);color:var(--color-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;display:block}.editor-stat-cell input{text-align:center;border-radius:var(--radius-sm);width:100%;font-size:var(--font-size-sm);font-family:var(--font-family-mono);color:var(--color-neutral-900);background:0 0;border:1px solid #0000;padding:2px}.editor-stat-cell input:focus{border-color:var(--color-accent);background:var(--color-surface-raised);outline:none}.editor-option{border:1px solid var(--color-neutral-200);border-radius:var(--radius-base);padding:var(--spacing-3);margin-bottom:var(--spacing-3);background:var(--color-surface-overlay)}.editor-option-header{margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.editor-tag-list{gap:var(--spacing-1);margin-top:var(--spacing-1);flex-wrap:wrap;display:flex}.editor-tag{background:color-mix(in srgb, var(--color-secondary) 15%, transparent);color:var(--color-secondary-light);border-radius:var(--radius-sm);font-size:var(--font-size-xs);align-items:center;gap:4px;padding:1px 6px;display:inline-flex}.editor-tag button{color:inherit;cursor:pointer;font-size:var(--font-size-xs);opacity:.7;background:0 0;border:none;padding:0;line-height:1}.editor-tag button:hover{opacity:1}.editor-dropdown{z-index:10;background:var(--color-surface-raised);border:1px solid var(--color-neutral-300);border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:none;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.editor-dropdown-item{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-neutral-800);cursor:pointer}.editor-dropdown-item:hover{background:color-mix(in srgb, var(--color-accent) 15%, transparent)}.editor-dropdown-detail{margin-left:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-neutral-400)}.user-row{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-neutral-200);flex-wrap:wrap;display:flex}.user-row-name{font-size:var(--font-size-sm);flex:100px;min-width:80px}.user-row-actions{align-items:center;gap:var(--spacing-1);flex-shrink:0;display:flex}.user-row-actions .editor-select{width:90px;font-size:var(--font-size-xs);padding:2px 4px}.user-row-actions .editor-btn{font-size:var(--font-size-xs);white-space:nowrap;padding:2px 6px}.editor-checkbox{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-neutral-700);display:flex}