.ot-export-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0}
.ot-export-toolbar .ot-label{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.ot-export-toolbar a,.ot-export-toolbar button{appearance:none;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--muted);font:600 11px var(--mono);padding:7px 10px;text-decoration:none;cursor:pointer}
.ot-export-toolbar a:hover,.ot-export-toolbar button:hover{border-color:var(--pass);color:var(--text)}
.ot-crumbs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 14px;font:12px var(--mono);color:var(--muted)}
.ot-crumbs button{appearance:none;border:0;background:none;color:var(--pass);font:inherit;cursor:pointer;padding:3px 0}
.ot-crumbs button:hover{text-decoration:underline}.ot-crumbs .sep{color:var(--muted)}
.ot-drill-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.ot-drill-tools input{max-width:320px;margin-left:auto}
.ot-pu-table{width:100%;border-collapse:collapse;font-size:13px}
.ot-pu-table th,.ot-pu-table td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}
.ot-pu-table th{color:var(--muted);font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.ot-pu-table tbody tr{cursor:pointer}.ot-pu-table tbody tr:hover{background:var(--panel-2)}
.ot-pu-table .mono{font-size:11px}.ot-empty{color:var(--muted);padding:24px;text-align:center}
.ribbon.stale{border-color:rgba(242,178,62,.4);background:rgba(242,178,62,.09);color:#f2c97e}
.ribbon.stale .tag{color:var(--held);border-color:rgba(242,178,62,.45)}
.live.stale{color:var(--held)}.live.stale .dot{background:var(--held);animation:none}
.ot-modal[hidden]{display:none}.ot-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px}
.ot-modal-backdrop{position:absolute;inset:0;background:rgba(3,7,10,.84);backdrop-filter:blur(5px)}
.ot-modal-card{position:relative;z-index:1;width:min(1040px,100%);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.65);color:var(--text)}
.ot-modal-close{position:absolute;right:13px;top:10px;border:0;background:none;color:var(--muted);font-size:30px;cursor:pointer;line-height:1}
.ot-modal-close:hover{color:var(--text)}.ot-modal-open{overflow:hidden}
.ot-modal-head{padding-right:32px;margin-bottom:18px}.ot-modal-head h2{font-family:var(--display);font-size:24px}.ot-modal-head p{color:var(--muted)}
.ot-kicker{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pass);margin-bottom:4px}
.ot-modal-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:22px}
.ot-form{display:block;width:100%;max-height:68vh;object-fit:contain;background:var(--inset);border:1px solid var(--line);border-radius:10px}
.ot-modal-card h3{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:17px 0 8px}
.ot-votes{width:100%;border-collapse:collapse}.ot-votes th,.ot-votes td{border-bottom:1px solid var(--line);padding:7px;text-align:left}.ot-votes td{text-align:right;font-family:var(--mono)}
.ot-flags{display:flex;flex-wrap:wrap;gap:6px}.ot-flag{font:10px var(--mono);color:var(--flag);border:1px solid rgba(255,107,94,.35);border-radius:5px;padding:3px 6px}.ot-pass{color:var(--pass);font-size:12px}
.ot-hashes dt{font:10px var(--mono);color:var(--muted);margin-top:7px}.ot-hashes dd{font:11px var(--mono);overflow-wrap:anywhere;color:var(--text)}
.ot-source-link{display:inline-block;margin-top:16px;color:var(--pass);font:12px var(--mono);text-decoration:none}.ot-source-link:hover{text-decoration:underline}
.ot-replacement{border:1px solid rgba(255,107,94,.35);background:rgba(255,107,94,.08);color:var(--flag);border-radius:8px;padding:9px 11px;margin-bottom:16px;font-size:12px}
.ot-error{color:var(--flag);padding:30px;text-align:center}
@media(max-width:880px){
  .statusbar .row{height:auto;min-height:60px;padding-top:8px;padding-bottom:8px}
  .navlinks{display:flex!important;order:4;width:100%;overflow-x:auto;white-space:nowrap;padding-bottom:4px}
  .navlinks a{font-size:11px;padding:5px 9px}.ot-modal-grid{grid-template-columns:1fr}
}
@media(max-width:620px){.ot-pu-table th:nth-child(3),.ot-pu-table td:nth-child(3){display:none}.ot-modal{padding:7px}.ot-modal-card{padding:18px}}
.social{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;flex-wrap:wrap}
.social.start{justify-content:flex-start;margin-top:14px}
.social .shlbl{font-family:var(--mono);font-size:11px;color:var(--muted-2);letter-spacing:.04em;text-transform:uppercase}
.social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--inset);color:var(--muted);transition:.16s}
.social a:hover{color:var(--text);border-color:var(--pass);transform:translateY(-1px)}
.social a svg{width:16px;height:16px;fill:currentColor}