:root { --otm-topbar-h: 40px; }
body { padding-top: var(--otm-topbar-h); }
#otm-topbar a { color:#93c5fd; text-decoration:underline; }
#otm-wrap { margin:.5rem 0 0; display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; font:14px/1.4 system-ui, Arial, sans-serif; }
#otm-local { background:#111827; color:#e5e7eb; border:1px solid #374151; border-radius:6px; padding:.45rem .6rem; min-width:260px; }
#otm-preview { color:#a3a3a3; white-space:nowrap; }
#otm-gen, #otm-copy { background:#111827; color:#e5e7eb; border:1px solid #374151; border-radius:6px; padding:.45rem .6rem; cursor:pointer; }
#otm-gen:hover, #otm-copy:hover { background:#1f2937; }
.otm-hidden-input { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; overflow:hidden !important; }