#proxy-bar { display: flex; align-items: center; gap: 0.5rem; height: 50px; padding: 0 1rem; background: #111; border-bottom: 2px solid #0accf9; flex-shrink: 0; }
.bar-logo { display: flex; align-items: center; gap: 0.25rem; text-decoration: none; color: #fff; }
.bar-logo .logo-icon { font-family: monospace; color: #0accf9; font-weight: bold; }
.bar-logo .logo-text { font-size: 0.875rem; font-weight: 600; }
.bar-nav { display: flex; gap: 0.25rem; }
.bar-nav button { background: none; border: 1px solid #333; border-radius: 4px; color: #aaa; width: 30px; height: 30px; cursor: pointer; font-size: 1rem; }
.bar-nav button:hover { border-color: #0accf9; color: #fff; }
.bar-url-form { display: flex; flex: 1; gap: 0.5rem; }
#bar-url { flex: 1; padding: 0.4rem 0.75rem; border: 1px solid #333; border-radius: 6px; background: #0a0a0a; color: #fff; font-size: 0.875rem; outline: none; }
#bar-url:focus { border-color: #0accf9; }
.bar-url-form button { padding: 0.4rem 1rem; border: none; border-radius: 6px; background: #0accf9; color: #000; font-size: 0.875rem; font-weight: 600; cursor: pointer; }
#proxy-frame { flex: 1; border: none; width: 100%; }