/* Collector tools: same quiet surfaces as BinderStudio's homepage and studio. */
.collector-open{overflow:hidden}
.collector-top-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.collector-top-actions button{font:600 12px 'DM Sans',system-ui,sans-serif;min-height:34px;border:1px solid rgba(225,214,255,.20);border-radius:8px;padding:7px 12px;background:transparent;color:#f6f3ff;cursor:pointer}
.collector-top-actions button:hover,.collector-top-actions button:focus-visible{background:#ffffff0e;border-color:#c2affe66}
.collector-scrim{position:fixed;inset:0;background:rgba(2,4,9,.87);backdrop-filter:blur(7px);display:grid;place-items:center;padding:14px;z-index:105;overflow:auto}
.collector-dialog{width:min(900px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden;background:#0f121c;border:1px solid rgba(225,214,255,.19);border-radius:16px;box-shadow:0 18px 70px #0009;color:#f6f3ff;font:400 13px 'DM Sans',sans-serif}
.collector-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:22px 26px;border-bottom:1px solid rgba(225,214,255,.13)}
.collector-heading h2{font:700 clamp(23px,3vw,31px) 'Manrope',sans-serif;letter-spacing:-1.1px;margin:0 0 5px}.collector-heading p{color:#aaa6ba;margin:0;line-height:1.6}.collector-x{border:1px solid rgba(225,214,255,.18);border-radius:8px;width:36px;height:36px;background:none;color:#eee;font-size:23px;flex:none;cursor:pointer}
.collector-body{overflow:auto;padding:20px 26px 26px}.collector-metrics{display:flex;gap:26px;flex-wrap:wrap;border-bottom:1px solid rgba(225,214,255,.13);padding:8px 0 20px}.collector-metrics span{font-size:12px;color:#aaa6ba}.collector-metrics strong{font-size:24px;color:#f6f3ff;font-family:'Manrope',sans-serif;margin-right:5px}
.collector-bar{display:flex;gap:10px;margin:20px 0 12px}.collector-bar input{flex:1;min-width:120px}.collector-bar select{min-width:155px}.collector-body input,.collector-body select,.collector-body textarea{background:#0a0d15;color:#f6f3ff;border:1px solid rgba(225,214,255,.21);border-radius:8px;min-height:36px;padding:8px 10px;font:inherit}.collector-body textarea{resize:vertical;width:100%}.collector-body label{font-size:12px;color:#c4bfcc;display:grid;gap:6px}.collector-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px}.collector-tabs button{border:none;border-radius:6px;background:none;color:#aaa6ba;padding:8px 11px;font-size:12px;cursor:pointer}.collector-tabs button.active{background:#25232d;color:#f6f3ff}.collector-tabs button span{font-size:12px;opacity:.65}
.collector-results{max-height:46vh;overflow:auto;border-top:1px solid rgba(225,214,255,.13)}.collector-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(225,214,255,.10);padding:12px 3px}.collector-card-text{display:grid;gap:4px;min-width:0}.collector-card-text strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collector-card-text span{font-size:12px;color:#c5bccd}.collector-card-text small{font-size:12px;color:#858393}.collector-row-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.collector-row-tools button,.collector-footer button,.collector-share-actions button{background:none;border:1px solid rgba(225,214,255,.19);border-radius:8px;padding:9px 12px;color:#f6f3ff;font:600 12px 'DM Sans',sans-serif;cursor:pointer}.collector-row-tools button:hover,.collector-footer button:hover,.collector-share-actions button:hover{background:#ffffff12}.collector-row-tools button.collector-accent,.collector-share-actions .collector-accent{background:#c2affe;color:#151121;border-color:#c2affe}
.collector-edit{border:1px solid rgba(194,175,254,.36);background:#181822;border-radius:12px;padding:16px;margin:12px 0 18px;display:grid;gap:10px}.collector-edit h3{font:700 19px Manrope,sans-serif;margin:0}.collector-edit p{font-size:12px;color:#aaa6ba;margin:0}.collector-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.collector-footer{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding:15px 0 0}.collector-note{font-size:12px;color:#aaa6ba;line-height:1.7}.collector-empty{padding:30px;text-align:center;color:#aaa6ba}
.collector-share-options{display:flex;gap:10px;justify-content:flex-end}.collector-share-preview{max-width:440px;margin:12px auto 22px;padding:25px;background:#252831;border:1px solid #41454e;border-radius:13px;text-align:center}.collector-share-preview h3{font:700 19px Manrope,sans-serif;margin:0}.collector-share-preview p{color:#acacb6;font-size:12px}.collector-preview-pockets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:25px auto 8px}.collector-preview-pockets div{aspect-ratio:.71;display:grid;place-items:center;font-size:12px;padding:6px;background:#13161b;border:2px solid #5b606c;border-radius:5px;overflow:hidden}.collector-preview-pockets .has-ref{background:#29313a}.collector-share-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px 0}
@media(max-width:600px){.collector-heading{padding:17px 16px}.collector-body{padding:15px}.collector-dialog{max-height:calc(100dvh - 16px)}.collector-bar{flex-direction:column}.collector-row{align-items:start;flex-direction:column;gap:10px}.collector-fields{grid-template-columns:1fr 1fr}.collector-metrics{gap:12px}.collector-metrics span{min-width:34%}.collector-metrics strong{font-size:20px}.collector-share-actions{align-items:stretch;flex-direction:column}.collector-share-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.collector-scrim{backdrop-filter:none}}