.drop-tool-shell{width:min(1280px,100% - 24px);height:var(--drop-tool-viewport-height,calc(100vh - 180px));flex-direction:column;min-height:420px;margin:0 auto;padding:20px 0;display:flex;overflow:hidden}@supports (height:100dvh){.drop-tool-shell{height:var(--drop-tool-viewport-height,calc(100dvh - 180px))}}.drop-hero{background:#fff;border:1px solid #edf0f4;border-radius:8px;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.drop-hero-title,.drop-detail-identity{align-items:center;gap:12px;min-width:0;display:flex}.drop-hero-icon,.drop-detail-icon{color:#2563eb;background:#eef6ff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:25px;display:flex}.drop-detail-icon img,.drop-candidate-icon img,.drop-record-icon img{object-fit:contain;max-width:100%;max-height:100%}.drop-hero h1,.drop-detail-head h2,.drop-welcome h2{color:#151515;margin:0;font-size:24px;font-weight:700;line-height:1.25}.drop-hero p,.drop-detail-head p,.drop-welcome p{color:#6b7280;margin:5px 0 0;font-size:14px;line-height:1.6}.drop-stats{grid-template-columns:repeat(3,minmax(88px,1fr));gap:8px;display:grid}.drop-stats span{background:#f8fafc;border:1px solid #edf0f4;border-radius:8px;flex-direction:column;gap:2px;min-width:88px;padding:10px 12px;display:flex}.drop-stats b{color:#151515;font-size:18px}.drop-stats em{color:#6b7280;font-size:12px;font-style:normal}.drop-tool-grid{flex:auto;grid-template-columns:330px minmax(0,1fr);align-items:stretch;gap:16px;min-height:0;margin-top:16px;display:grid}.drop-panel{background:#fff;border:1px solid #edf0f4;border-radius:8px}.drop-search-column{align-self:stretch;min-height:0}.drop-search-panel{top:calc(var(--drop-tool-header-height,62px) + 12px);flex-direction:column;height:100%;min-height:0;padding:12px;display:flex;position:sticky;overflow:hidden}.drop-mode-tabs{background:#f5f6f8;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.drop-mode-tabs button,.drop-search-meta button,.drop-map-link,.drop-open-link,.drop-pager button{cursor:pointer;font:inherit;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.drop-mode-tabs button{color:#6b7280;background:0 0;height:38px;font-size:13px;font-weight:700}.drop-mode-tabs button.active{color:#2563eb;background:#fff;box-shadow:0 1px 5px #0f172a14}.drop-search-box{color:#9ca3af;background:#fff;border:1px solid #edf0f4;border-radius:8px;grid-template-columns:20px minmax(0,1fr) 32px;align-items:center;gap:6px;height:44px;margin-top:12px;padding:0 6px 0 12px;transition:border-color .15s,background-color .15s,box-shadow .15s,color .15s;display:grid}.drop-search-box.active,.drop-search-box:focus-within{color:#2563eb;background:#f8fbff;border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.drop-search-box input{color:#151515;background:0 0;width:100%;min-width:0;height:100%;font-size:14px;line-height:44px}.drop-search-box input::-webkit-search-cancel-button{display:none}.drop-search-box button{color:#64748b;cursor:pointer;background:#eef2f7;border:0;border-radius:8px;justify-content:center;justify-self:end;align-items:center;width:30px;height:30px;font-size:18px;transition:background-color .15s,color .15s,transform .15s;display:inline-flex}.drop-search-box button:hover{color:#1f2937;background:#e2e8f0}.drop-search-box button:active{transform:scale(.96)}.drop-search-meta,.drop-toolbar{color:#6b7280;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:13px;display:flex}.drop-search-meta button{color:#2563eb;background:#eef6ff;height:30px;padding:0 10px;font-size:12px;font-weight:700}.drop-candidates{overscroll-behavior:contain;scrollbar-color:#bfdbfe transparent;scrollbar-width:thin;flex:auto;grid-auto-rows:max-content;gap:8px;min-height:180px;margin-top:12px;padding-bottom:16px;padding-right:4px;display:grid;overflow-y:auto}.drop-candidates::-webkit-scrollbar{width:8px}.drop-candidates::-webkit-scrollbar-track{background:0 0;border-radius:999px}.drop-candidates::-webkit-scrollbar-thumb{background:linear-gradient(#93c5fd,#60a5fa) padding-box content-box;border:2px solid #0000;border-radius:999px}.drop-candidates::-webkit-scrollbar-thumb:hover{background:linear-gradient(#60a5fa,#2563eb) padding-box content-box}.drop-candidate,.drop-record{min-height:60px;color:inherit;text-align:left;background:#fff;border:1px solid #edf0f4;border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;display:grid}.drop-candidate{cursor:pointer}.drop-candidate:hover,.drop-candidate.active,.drop-record:hover{background:#f8fbff;border-color:#bfdbfe}.drop-candidate-icon,.drop-record-icon{color:#2563eb;background:#f5f6f8;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex}.drop-candidate-main,.drop-record-main{gap:3px;min-width:0;display:grid}.drop-candidate-main b,.drop-record-main b{color:#151515;text-overflow:ellipsis;white-space:nowrap;justify-self:start;max-width:100%;font-size:14px;font-weight:700;overflow:hidden}.drop-record-main b{width:fit-content}.drop-candidate-main em,.drop-record-main em{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;overflow:hidden}.drop-result-panel{flex-direction:column;min-height:0;padding:16px;display:flex;overflow:hidden}.drop-detail-head{border-bottom:1px solid #edf0f4;flex:none;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;display:flex}.drop-detail-kicker{color:#2563eb;text-transform:uppercase;margin-bottom:2px;font-size:12px;font-weight:800}.drop-map-link,.drop-open-link{flex:none;height:36px;padding:0 13px;font-size:13px;font-weight:700}.drop-map-link>span,.drop-open-link>span{font-size:17px}.drop-map-link{color:#2563eb;background:#eef6ff;border:1px solid #bfdbfe;margin-left:auto}.drop-open-link{color:#fff;background:#2563eb}.drop-map-link:hover{background:#dbeafe;border-color:#93c5fd}.drop-toolbar select{color:#151515;background:#fff;border:1px solid #edf0f4;border-radius:7px;height:34px;padding:0 10px}.drop-record-list{overscroll-behavior:contain;scrollbar-color:#bfdbfe transparent;scrollbar-width:thin;flex:auto;grid-auto-rows:max-content;gap:8px;min-height:0;margin-top:12px;padding-right:4px;display:grid;overflow-y:auto}.drop-record-list::-webkit-scrollbar{width:8px}.drop-record-list::-webkit-scrollbar-track{background:0 0;border-radius:999px}.drop-record-list::-webkit-scrollbar-thumb{background:linear-gradient(#93c5fd,#60a5fa) padding-box content-box;border:2px solid #0000;border-radius:999px}.drop-record-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#60a5fa,#2563eb) padding-box content-box}.drop-rate{justify-items:end;gap:2px;min-width:86px;display:grid}.drop-rate b{color:#dc2626;font-size:14px}.drop-rate.common b{color:#059669}.drop-rate em{color:#9ca3af;font-size:12px;font-style:normal}.drop-empty,.drop-loading,.drop-welcome{color:#6b7280;text-align:center;border:1px dashed #dbe3ee;border-radius:8px;justify-content:center;align-items:center;min-height:112px;font-size:14px;display:flex}.drop-loading,.drop-welcome{flex-direction:column;flex:auto;gap:8px;min-height:0}.drop-searching-empty{flex-direction:column;gap:8px}.drop-searching-empty span{color:#2563eb;font-size:24px;animation:1s linear infinite drop-spin}.drop-searching-empty b{color:#475569;font-size:13px;font-weight:700}.drop-loading span,.drop-welcome>span{color:#2563eb;font-size:42px}.drop-loading span{animation:1s linear infinite drop-spin}.drop-empty.is-error{color:#b91c1c;background:#fff7f7;border-color:#fecaca}.drop-more-loading,.drop-list-end{color:#6b7280;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:12px;display:flex}.drop-more-loading span{color:#2563eb;font-size:16px;animation:1s linear infinite drop-spin}.drop-more-loading b{font-weight:700}.drop-pager{flex-wrap:wrap;flex:none;justify-content:center;gap:6px;margin-top:16px;display:flex}.drop-pager button{color:#151515;background:#fff;border:1px solid #edf0f4;min-width:34px;height:34px;padding:0 10px}.drop-pager button.active{color:#fff;background:#2563eb;border-color:#2563eb}.drop-pager button:disabled{cursor:default;opacity:.55}@keyframes drop-spin{to{transform:rotate(360deg)}}.tw-dark .drop-hero,.tw-dark .drop-panel,.tw-dark .drop-mode-tabs button.active,.tw-dark .drop-search-box,.tw-dark .drop-candidate,.tw-dark .drop-record,.tw-dark .drop-toolbar select,.tw-dark .drop-pager button{background:#171717;border-color:#2a2a2a}.tw-dark .drop-hero h1,.tw-dark .drop-detail-head h2,.tw-dark .drop-welcome h2,.tw-dark .drop-stats b,.tw-dark .drop-search-box input,.tw-dark .drop-candidate-main b,.tw-dark .drop-record-main b,.tw-dark .drop-toolbar select,.tw-dark .drop-pager button{color:#f2f2f2}.tw-dark .drop-hero p,.tw-dark .drop-stats em,.tw-dark .drop-search-meta,.tw-dark .drop-candidate-main em,.tw-dark .drop-record-main em,.tw-dark .drop-detail-head p,.tw-dark .drop-welcome p{color:#a3a3a3}.tw-dark .drop-stats,.tw-dark .drop-candidate-icon,.tw-dark .drop-record-icon,.tw-dark .drop-search-box button,.tw-dark .drop-mode-tabs{background:#242424;border-color:#2a2a2a}.tw-dark .drop-candidate:hover,.tw-dark .drop-candidate.active,.tw-dark .drop-record:hover{background:#0ea5e914;border-color:#38bdf859}.tw-dark .drop-detail-head{border-color:#2a2a2a}.tw-dark .drop-empty,.tw-dark .drop-loading,.tw-dark .drop-welcome{border-color:#3a3a3a}.tw-dark .drop-empty.is-error{color:#fca5a5;background:#7f1d1d2e;border-color:#f871714d}.tw-dark .drop-map-link{color:#7dd3fc;background:#0ea5e924;border-color:#38bdf859}.tw-dark .drop-map-link:hover{background:#0ea5e933;border-color:#38bdf88c}.tw-dark .drop-candidates,.tw-dark .drop-record-list{scrollbar-color:#38bdf873 transparent}.tw-dark .drop-candidates::-webkit-scrollbar-thumb{background:linear-gradient(#38bdf8b3,#2563ebcc) padding-box content-box}.tw-dark .drop-record-list::-webkit-scrollbar-thumb{background:linear-gradient(#38bdf8b3,#2563ebcc) padding-box content-box}@media (width<=900px){.drop-tool-shell{height:auto;min-height:0;overflow:visible}.drop-tool-grid{grid-template-columns:1fr}.drop-search-panel{height:auto;position:static}.drop-hero{flex-direction:column;align-items:stretch}}@media (width<=560px){.drop-tool-shell{width:min(100% - 16px,1280px);padding-top:12px}.drop-stats,.drop-mode-tabs{grid-template-columns:1fr}.drop-detail-head{flex-direction:column;align-items:flex-start}.drop-record{grid-template-columns:42px minmax(0,1fr)}.drop-rate{grid-column:2;justify-items:start}}