/* Step 1: finding worlds (path box, OS tabs, drop zone and the full-page drop overlay). */
/* ---------- step 1 */
.pathbox{background:rgba(8,12,36,.55);border:2px solid var(--edge);border-radius:10px;padding:12px 14px}
.pathlabel{font:700 14px var(--px);color:var(--gold);text-shadow:var(--ol1);margin-bottom:6px}
.pathrow{display:flex;gap:10px;align-items:center}
.pathrow code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;padding:7px 9px;background:rgba(3,6,20,.8);border:2px solid var(--edge);border-radius:6px;color:#cfe3ff}
.os-tabs{display:flex;gap:6px;margin-bottom:8px}
.os-tabs button{font:700 13px var(--px);background:transparent;color:var(--dim);border:2px solid transparent;border-radius:6px;padding:2px 8px;cursor:inherit;text-shadow:var(--ol1)}
.os-tabs button[aria-pressed=true]{color:#fff;border-color:var(--edge);background:var(--slot)}
.drop{margin-top:16px;border:2px dashed rgba(165,190,255,.35);border-radius:10px;padding:14px;text-align:center;color:var(--dim);font-size:14px}
#overlay{position:fixed;inset:0;z-index:90;display:none;place-items:center;background:rgba(5,8,24,.78)}
#overlay.show{display:grid}
#overlay div{font:700 30px var(--px);padding:40px 48px;border:4px dashed var(--gold);border-radius:16px;color:var(--gold);background:var(--panel);text-shadow:var(--ol)}

@media (max-width:640px){
  .pathrow{flex-direction:column;align-items:stretch}
}