.comparison-primary-field{display:grid;gap:5px;min-width:0}
.comparison-primary-field>label{color:var(--muted);font-size:12px;letter-spacing:.05em}
.comparison-primary-picker{display:flex;gap:6px;min-width:0}
.comparison-primary-picker input{flex:1;min-width:0;width:0}
.comparison-primary-picker button{flex-shrink:0}
.comparison-control-card .overlay-picker{display:flex;flex-wrap:wrap;gap:8px}
.comparison-control-card .overlay-picker input{flex:1 1 160px;min-width:0;width:0}
.comparison-groups-card{padding:19px;margin-bottom:18px}
.comparison-group-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.comparison-group-form label{display:grid;gap:6px;flex:1 1 220px;min-width:0;color:var(--muted);font-size:13px}
.comparison-groups-card input{height:40px;padding:8px 10px;background:#0b1513;color:var(--text);border:1px solid var(--line);border-radius:4px}
.comparison-groups-card input:focus{outline:1px solid var(--lime)}
.comparison-group-list{display:grid;gap:10px}
.comparison-group-row{min-width:0;padding:14px;border:1px solid var(--line);border-radius:6px;background:#0b1513}
.comparison-group-row.active{border-color:var(--lime)}
.comparison-group-row b{display:block;font-size:16px;overflow-wrap:anywhere}
.comparison-group-row .group-description{display:block;color:var(--muted);font-size:13px;line-height:1.7;overflow-wrap:anywhere;margin:6px 0}
.comparison-group-actions{display:flex;flex-wrap:wrap;gap:8px}
.comparison-group-row details{margin-top:10px}
.comparison-group-row summary{cursor:pointer;display:inline-block;padding:6px 0;font-size:14px}
.comparison-group-row form{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.comparison-group-row form label{flex:1 1 180px;min-width:0}
.comparison-group-status{font-size:14px;line-height:1.6;overflow-wrap:anywhere;color:var(--muted)}
.comparison-group-status.error{color:var(--red);border-left:3px solid var(--red);padding-left:10px}
.comparison-groups-card button{min-height:38px}
@media(max-width:760px){.comparison-groups-card button,.comparison-group-row summary{min-height:44px}.comparison-group-form>button{width:100%}.comparison-group-actions button{flex:1 1 140px}.comparison-groups-card{padding:14px}}
.comparison-primary-picker button,.comparison-groups-card button{padding:8px 12px;background:rgba(199,255,74,.07);color:var(--lime);border:1px solid rgba(199,255,74,.35);border-radius:4px;font-size:13px;font-weight:700;cursor:pointer}
.comparison-primary-picker button:hover,.comparison-groups-card button:hover{background:rgba(199,255,74,.15)}
.comparison-groups-card button.danger{color:var(--red);border-color:rgba(255,107,107,.4);background:rgba(255,107,107,.06)}
.comparison-groups-card #saveComparisonGroup{background:var(--lime);color:#0b1513}
.comparison-primary-picker button:disabled,.comparison-groups-card button:disabled{opacity:.45;cursor:wait}
.comparison-groups-card button:focus-visible,.comparison-primary-picker button:focus-visible,.comparison-group-row summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.comparison-groups-card .card-head{gap:10px;flex-wrap:wrap}
.comparison-editor{box-sizing:border-box;width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;margin:auto;padding:20px;background:#101b19;border:1px solid #354740;border-radius:8px;color:#e2eee9}
.comparison-editor::backdrop{background:rgba(0,0,0,.75)}
.comparison-editor form{min-width:0;margin:0}
.comparison-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.comparison-editor h2{margin:6px 0;font-size:20px}
.comparison-editor-name{font-size:16px;font-weight:700;overflow-wrap:anywhere}
.comparison-edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.comparison-editor label{display:grid;min-width:0;gap:6px;color:var(--muted);font-size:13px}
.comparison-editor input,.comparison-editor select{width:100%;min-width:0;height:44px;padding:8px;background:#0b1513;border:1px solid var(--line);border-radius:4px;color:var(--text);font-size:16px}
.comparison-editor button{min-height:44px;padding:8px 12px;background:rgba(199,255,74,.07);color:var(--lime);border:1px solid rgba(199,255,74,.35);border-radius:4px;font-size:13px;cursor:pointer}
.comparison-editor button:disabled{opacity:.4;cursor:default}
.comparison-editor button:focus-visible,.comparison-editor input:focus-visible,.comparison-editor select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.comparison-edit-help,.comparison-editor-status{font-size:14px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.comparison-editor-status.error{color:var(--red);border-left:3px solid var(--red);padding-left:10px}
.comparison-edit-rows{display:grid;gap:14px;margin:16px 0}
.comparison-edit-row{padding:12px;border:1px solid var(--line);border-radius:5px;min-width:0}
.comparison-edit-row-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.comparison-editor-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.comparison-editor-footer button[type=submit]{background:var(--lime);color:#0b1513;font-weight:700}
@media(max-width:480px){.comparison-editor{padding:14px}.comparison-edit-fields{grid-template-columns:1fr}.comparison-editor-footer button{flex:1}.comparison-edit-row-actions button{padding:8px 10px}}