.na-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px;margin-bottom:18px}
.na-opts .field{justify-content:flex-end}
.na-opts input[type=range]{margin:0;padding:0;height:44px;width:100%}
.na-drop{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;border:2px dashed var(--line-2,#d6dbe4);border-radius:16px;padding:34px 16px;background:var(--bg-2);cursor:pointer;color:var(--muted);transition:border-color .15s,background .15s}
.na-drop b{color:var(--ink);font-size:16px}
.na-drop.is-over,.na-drop:hover,.na-drop:focus-within{border-color:var(--brand,#f59e0b);background:#fff8ea}
.na-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.na-drop-ico .ico{width:34px;height:34px;color:var(--brand,#f59e0b)}
.na-priv{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--muted);margin:12px 0}
.na-priv .ico{width:17px;height:17px;flex:none}
#na-res{margin-top:18px}
#na-res .tl-stats{margin-bottom:14px}
.na-name{min-width:170px;max-width:260px;overflow-wrap:anywhere;font-weight:600}
.na-name small{display:block;color:var(--faint);font-weight:400}
.na-up{color:var(--bad-red,#c0392b)}
#na-body td{vertical-align:middle;white-space:nowrap}
#na-body td.na-name{white-space:normal}
@media (max-width:600px){.na-drop{padding:26px 12px}}
.na-opts>*{min-width:0}
.na-opts select,.na-opts input{max-width:100%;min-width:0}