.debug-bar{position:fixed;z-index:99999;display:flex;flex-direction:column;background:#1e1e1e;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;color:#d4d4d4;overflow:visible}.debug-bar--collapsed{pointer-events:none}.debug-bar--collapsed .debug-bar__header{pointer-events:auto}.debug-bar--dragging{-webkit-user-select:none;user-select:none}.debug-bar--bottom{bottom:0;left:0;right:0;border-top:2px solid #3c3c3c;box-shadow:0 -4px 12px #0000004d}.debug-bar--bottom.debug-bar--collapsed{height:auto!important;left:50%;right:auto;transform:translate(-50%);border-radius:8px 8px 0 0;border:2px solid #3c3c3c;border-bottom:none}.debug-bar--bottom .debug-bar__drag-handle{height:6px;cursor:ns-resize;position:absolute;top:-3px;left:0;right:0}.debug-bar--top{top:0;left:0;right:0;flex-direction:column-reverse;border-bottom:2px solid #3c3c3c;box-shadow:0 4px 12px #0000004d}.debug-bar--top .debug-bar__header{border-bottom:none;border-top:1px solid #3c3c3c}.debug-bar--top.debug-bar--collapsed{height:auto!important;left:50%;right:auto;transform:translate(-50%);border-radius:0 0 8px 8px;border:2px solid #3c3c3c;border-top:none}.debug-bar--top .debug-bar__drag-handle{height:6px;cursor:ns-resize;position:absolute;bottom:-3px;left:0;right:0}.debug-bar--left{top:0;left:0;bottom:0;border-right:2px solid #3c3c3c;box-shadow:4px 0 12px #0000004d}.debug-bar--left.debug-bar--collapsed{width:auto!important;top:50%;bottom:auto;transform:translateY(-50%);border-radius:0 8px 8px 0;border:2px solid #3c3c3c;border-left:none}.debug-bar--left.debug-bar--collapsed .debug-bar__header{flex-direction:column;padding:8px;gap:8px}.debug-bar--left.debug-bar--collapsed .debug-bar__title{margin-right:0;writing-mode:vertical-rl;text-orientation:mixed}.debug-bar--left.debug-bar--collapsed .debug-bar__actions{flex-direction:column;gap:6px}.debug-bar--left .debug-bar__drag-handle{width:6px;cursor:ew-resize;position:absolute;top:0;bottom:0;right:-3px}.debug-bar--left .debug-bar__header,.debug-bar--left .debug-bar__actions{flex-wrap:wrap}.debug-bar--right{top:0;right:0;bottom:0;border-left:2px solid #3c3c3c;box-shadow:-4px 0 12px #0000004d}.debug-bar--right.debug-bar--collapsed{width:auto!important;top:50%;bottom:auto;transform:translateY(-50%);border-radius:8px 0 0 8px;border:2px solid #3c3c3c;border-right:none}.debug-bar--right.debug-bar--collapsed .debug-bar__header{flex-direction:column;padding:8px;gap:8px}.debug-bar--right.debug-bar--collapsed .debug-bar__title{margin-right:0;writing-mode:vertical-rl;text-orientation:mixed}.debug-bar--right.debug-bar--collapsed .debug-bar__actions{flex-direction:column;gap:6px}.debug-bar--right .debug-bar__drag-handle{width:6px;cursor:ew-resize;position:absolute;top:0;bottom:0;left:-3px}.debug-bar--right .debug-bar__header,.debug-bar--right .debug-bar__actions{flex-wrap:wrap}.debug-bar__header{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;background:#2d2d2d;border-bottom:1px solid #3c3c3c;flex-shrink:0;cursor:grab;overflow:visible}.debug-bar__header:active{cursor:grabbing}.debug-bar__title{display:flex;align-items:center;gap:8px;font-weight:600;color:#e0e0e0;margin-right:16px}.debug-bar__title-icon{font-size:14px;line-height:1;display:flex;align-items:center}.debug-bar__log-count{font-weight:400;color:#888}.debug-bar__actions{display:flex;align-items:center;gap:8px;overflow:visible}.debug-bar__btn{width:24px;height:24px;min-width:24px;min-height:24px;padding:0;background:#2d2d2d;border:1px solid #555;border-radius:3px;color:#d4d4d4;font-size:12px;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.debug-bar__btn:hover{background:#3c3c3c;border-color:#777}.debug-bar__btn i,.debug-bar__btn svg{display:block;width:12px;height:12px;text-align:center}.debug-bar__btn--close:hover{background:#e74c3c;color:#fff}.debug-bar__btn[data-tooltip]{position:relative}.debug-bar__btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:12px;padding:4px 8px;background:#000;color:#fff;font-size:11px;white-space:nowrap;border-radius:4px;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;pointer-events:none;z-index:100000}.debug-bar__btn[data-tooltip]:hover:after{opacity:1;visibility:visible}.debug-bar--top .debug-bar__btn[data-tooltip]:after{bottom:auto;top:100%;margin-bottom:0;margin-top:12px}.debug-bar--left .debug-bar__btn[data-tooltip]:after{inset:50% auto auto 100%;transform:translateY(-50%);margin-bottom:0;margin-left:15px}.debug-bar--right .debug-bar__btn[data-tooltip]:after{inset:50% 100% auto auto;transform:translateY(-50%);margin-bottom:0;margin-right:15px}.debug-bar__logs{flex:1;overflow-y:auto;padding:4px 0;pointer-events:auto}.debug-bar__empty{padding:20px;text-align:center;color:#666;font-style:italic}.debug-bar-entry{display:flex;align-items:flex-start;padding:3px 12px;gap:8px;border-bottom:1px solid #2a2a2a}.debug-bar-entry__time{color:#666;flex-shrink:0;font-size:11px}.debug-bar-entry__icon{flex-shrink:0;width:16px;text-align:center}.debug-bar-entry__message{flex:1;word-break:break-all;white-space:pre-wrap}.debug-bar-entry__count{flex-shrink:0;background:#4a4a4a;color:#fff;padding:1px 6px;border-radius:10px;font-size:10px;font-weight:600}.debug-bar-entry--log .debug-bar-entry__icon{color:#6a9955}.debug-bar-entry--info .debug-bar-entry__icon{color:#4fc1ff}.debug-bar-entry--warn{background:#ffc1071a}.debug-bar-entry--warn .debug-bar-entry__icon,.debug-bar-entry--warn .debug-bar-entry__message{color:#ffc107}.debug-bar-entry--error{background:#dc35451a}.debug-bar-entry--error .debug-bar-entry__icon{color:#dc3545}.debug-bar-entry--error .debug-bar-entry__message{color:#f48771}.debug-bar-entry--debug .debug-bar-entry__icon{color:#c586c0}.debug-bar-entry--debug .debug-bar-entry__message{color:#9cdcfe}.debug-bar__logs::-webkit-scrollbar{width:8px}.debug-bar__logs::-webkit-scrollbar-track{background:#1e1e1e}.debug-bar__logs::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}.debug-bar__logs::-webkit-scrollbar-thumb:hover{background:#5a5a5a}