#dbg-btn{position:fixed;top:4px;left:4px;z-index:10000;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.55);border:1px solid rgba(201,168,76,.45);color:#C9A84C;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;opacity:.55;transition:opacity .15s}
#dbg-btn:hover,#dbg-btn.active{opacity:1}
#dbg-panel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;background:rgba(0,0,0,.92);color:#E8D5A0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:none;flex-direction:column;padding:46px 10px 10px}
#dbg-panel.on{display:flex}
#dbg-close{position:absolute;top:6px;right:8px;background:none;border:1px solid rgba(201,168,76,.4);color:#C9A84C;width:32px;height:32px;border-radius:4px;cursor:pointer;font-size:18px;line-height:1}
#dbg-title{position:absolute;top:12px;left:50px;color:#C9A84C;font-family:'Cormorant Garamond',serif;font-size:16px;letter-spacing:.08em}
#dbg-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.dbg-action{background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.4);color:#C9A84C;padding:6px 10px;border-radius:4px;font-family:inherit;font-size:12px;cursor:pointer}
.dbg-action:hover{background:rgba(201,168,76,.25)}
.dbg-action.danger{border-color:rgba(255,120,120,.4);color:#ffa0a0}
#dbg-log{flex:1;overflow-y:auto;background:#000;border:1px solid rgba(201,168,76,.2);border-radius:4px;padding:8px;white-space:pre-wrap;word-break:break-word;line-height:1.45}
#dbg-log .err{color:#ff9090}
#dbg-log .ok{color:#80d080}
#dbg-log .info{color:#E8D5A0}
#dbg-log .dim{color:rgba(232,213,160,.55)}
#dbg-log .warn{color:#ffc080}
#dbg-log .hdr{color:#C9A84C;border-top:1px dashed rgba(201,168,76,.2);padding-top:4px;margin-top:4px}