.filter-library .filter-library-heading{display:flex;align-items:center;gap:6px;min-width:0;margin-bottom:10px}
.filter-library-heading>:is(h2,strong){flex:none;margin:0;font-size:14px;white-space:nowrap}
.filter-library-heading #filter-library-count{flex:none;margin:0;font-size:10px;white-space:nowrap;color:var(--muted)}
.filter-group-toolbar{display:flex;align-items:center;gap:4px;flex:1;min-width:0;margin:0}
.filter-group-toolbar select{width:100%;min-width:0;min-height:32px;padding:4px;font-size:11px;text-overflow:ellipsis}
.filter-group-toolbar>button{flex:none;min-height:32px;width:26px;font-size:19px;padding:0;white-space:nowrap}
.filter-record-list .filter-record{grid-template-columns:36px minmax(0,1fr);gap:2px;min-width:0;padding:6px 2px}
.filter-record-list .filter-record:has(.library-order-arrow){grid-template-columns:36px minmax(0,1fr) 32px 32px}
.filter-record-main{background:transparent}
.filter-record-main:disabled{opacity:1;cursor:default}
.filter-group-name{font-size:10px;color:var(--green)}
.library-order-arrow{background:transparent;color:var(--green);padding:0;min-width:0;min-height:44px;border-radius:5px;font-size:18px}
.library-order-arrow:disabled{opacity:.3;cursor:default}
.filter-edit-state{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;padding:9px;margin-bottom:10px;border:1px solid var(--line);border-radius:7px;background:var(--mint,var(--green-soft));font-size:12px}
.filter-edit-state label{display:flex;flex-direction:row;align-items:center;gap:6px;min-width:0;margin:0;font-size:12px;white-space:nowrap}
.filter-edit-state .filter-edit-name{flex:1 0 100%}
.filter-edit-state input,.filter-edit-state select{flex:1;width:100%;min-width:0;min-height:36px;padding:6px;font:inherit}
.filter-edit-state #filter-edit-group-label{flex:1}
.filter-edit-state button{min-height:38px;padding:6px 10px;font-size:12px;white-space:nowrap}
.filter-query-status{color:var(--orange,var(--amber));font-size:11px;margin-top:5px}
.library-dialog{width:calc(100% - 24px);max-width:460px;max-height:85dvh;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);color:var(--text,var(--ink));overflow:auto}
.library-dialog[open]{display:flex;flex-direction:column}
.library-dialog>.dialog-bar{flex:none;position:sticky;top:0;background:var(--surface,#fff);z-index:1}
.library-dialog-body{display:grid;gap:12px;padding:16px;min-width:0;overflow-y:auto}
.library-dialog-body p{line-height:1.6}
.library-dialog-body label{display:flex;flex-direction:column;gap:6px;color:inherit;font-size:12px}
.library-dialog-body input,.library-dialog-body select{width:100%;padding:10px;min-height:44px}
.library-dialog-body .full{min-height:44px;padding:10px}
.library-order-toolbar{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:4px}
.library-order-toolbar>:is(h2,h3){flex:1;min-width:0;margin:0;font-size:13px}
.library-order-toolbar>button{min-height:36px;padding:4px 6px;font-size:12px;white-space:nowrap}
.library-order-toolbar>button:first-of-type{margin-left:auto}
.library-group-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px;align-items:center;border-bottom:1px solid var(--line);font-size:12px}
.library-group-row:has(.library-order-arrow){grid-template-columns:minmax(0,1fr) 34px 34px}
.library-group-row strong{min-width:0;overflow-wrap:anywhere}
.library-group-row button{min-height:44px;padding:0 5px;font-size:12px;background:transparent;color:var(--green)}
.library-group-confirm{display:flex;align-items:center;gap:5px;grid-column:1/-1;flex-wrap:wrap;padding:5px 0;color:var(--muted)}
#filter-group-form{display:grid;gap:8px}
.library-dialog button:disabled{cursor:default}
@media(max-width:380px){.library-dialog-body{padding:12px}.library-group-row{gap:2px}}