.library-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:0 0 14px;padding:14px;border:1px solid var(--line);border-radius:var(--radius,14px);background:var(--paper);color:var(--ink)}
.library-kind-buttons{display:flex;gap:4px;flex:0 0 auto;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.library-kind-buttons button{min-height:44px;padding:8px 14px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.library-kind-buttons button[aria-pressed="true"]{background:var(--yellow);color:#121212;box-shadow:0 1px 4px #0002}
.library-kind-buttons button:focus-visible,.library-search-input button:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.library-control-fields{display:flex;align-items:end;gap:12px;flex:1 1 430px;min-width:0}
.library-search-field{flex:2 1 260px;min-width:150px}.library-area-field{flex:1 1 170px;min-width:145px}
.library-search-field label,.library-area-field label{display:block;margin-bottom:6px;font-size:.82rem;font-weight:700;color:var(--ink)}
.library-search-input{position:relative}.library-search-input input,.library-area-field select{box-sizing:border-box;width:100%;height:46px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font:inherit}
.library-search-input input{padding:8px 42px 8px 13px}.library-search-input button{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:1.5rem;cursor:pointer}
.library-search-input button:hover{background:var(--soft)}.library-search-input button[hidden]{display:none}.library-area-field select{padding:8px 34px 8px 10px}
@media(max-width:760px){.library-kind-buttons{width:100%;box-sizing:border-box}.library-kind-buttons button{flex:1 1 0;padding-inline:8px}.library-control-fields{flex-basis:100%}}
@media(max-width:480px){.library-controls{padding:11px;gap:10px}.library-kind-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.library-control-fields{flex-wrap:wrap;gap:10px}.library-search-field,.library-area-field{flex-basis:100%}}
[data-library-status]{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin:12px 0}
[data-library-status]>p{margin:0}