:root{--bg: #0b0f14;--chrome: rgba(16, 22, 30, .82);--border: rgba(255, 255, 255, .09);--text: #d7dee6;--dim: #8a97a5;--ok: #4caf7d;--warn: #e5a53a;--err: #e0564f;--accent: #4fc3f7;font-family:SF Mono,ui-monospace,Menlo,monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg)}#stage{position:fixed;top:0;right:0;bottom:0;left:0;display:block}#chrome{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--chrome);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);font-size:12px;z-index:30}#chrome .spacer{flex:1}.chip{padding:3px 10px;border-radius:99px;border:1px solid var(--border);color:var(--dim)}.chip.connected{color:var(--ok);border-color:var(--ok)}.chip.reconnecting{color:var(--warn);border-color:var(--warn)}.chip.disconnected{color:var(--err);border-color:var(--err)}.control{display:inline-flex;align-items:center;gap:5px;color:var(--dim)}#chrome select,#chrome button{font:inherit;color:var(--text);background:#ffffff0f;border:1px solid var(--border);border-radius:6px;padding:3px 8px;cursor:pointer}#chrome button:hover,#chrome select:hover{border-color:var(--accent)}#panels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;overflow:hidden}.hd-panel{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;min-width:200px;max-width:340px;background:#141c26e0;border:1px solid var(--border);border-radius:14px;padding:12px 14px;color:var(--text);font-size:13px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 30px #00000073}.hd-panel.behind{opacity:.25;pointer-events:none}.hd-panel h3{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.04em}.hd-label{margin:6px 0;line-height:1.45;white-space:pre-wrap}.hd-label.secondary{color:var(--dim);font-size:12px}.hd-button{display:block;width:100%;margin:6px 0;padding:7px 10px;font:inherit;border-radius:8px;border:1px solid var(--border);cursor:pointer;background:#4fc3f729;color:var(--text)}.hd-button.secondary{background:#ffffff0f}.hd-button.destructive{background:#e0564f33}.hd-button:hover{border-color:var(--accent)}.hd-slider{margin:8px 0}.hd-slider label{display:flex;justify-content:space-between;color:var(--dim);font-size:11px;margin-bottom:3px}.hd-slider input{width:100%;accent-color:var(--accent)}.hd-toggle{display:flex;align-items:center;gap:8px;margin:8px 0}.hd-toggle input{accent-color:var(--accent)}.hd-list{list-style:none;margin:6px 0;padding:0}.hd-list li{padding:6px 8px;border-radius:6px;cursor:pointer}.hd-list li:hover{background:#ffffff12}.hd-webview{width:100%;border:1px solid var(--border);border-radius:8px;background:#fff}#toasts{position:fixed;right:12px;bottom:12px;display:flex;flex-direction:column;gap:8px;z-index:40;max-width:420px}.toast{background:#2e1412eb;border:1px solid var(--err);color:#ffd9d6;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.4}