#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f7fa}.debug-panel{position:fixed;top:0;left:0;right:0;background:#fff;border-bottom:2px solid #e74c3c;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:10000;max-height:400px;overflow-y:auto}.debug-header{justify-content:space-between;padding:10px 15px;background:#e74c3c;color:#fff;font-weight:700}.debug-actions,.debug-header{display:flex;align-items:center}.debug-actions{gap:10px}.debug-close-btn{background:hsla(0,0%,100%,.1);border:none;color:#fff;cursor:pointer;font-size:18px;padding:4px 10px;border-radius:4px;line-height:1;transition:all .3s}.debug-close-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.debug-title{font-size:14px}.debug-content{padding:10px 15px;background:#fff}.debug-item{margin-bottom:10px;padding:8px 12px;border-left:4px solid #ddd;font-size:12px;line-height:1.5}.debug-item.debug-success{border-left-color:#52c41a;background:#f6ffed}.debug-item.debug-error{border-left-color:#f5222d;background:#fff1f0}.debug-item.debug-warning{border-left-color:#faad14;background:#fffbe6}.debug-item.debug-info{border-left-color:#1890ff;background:#e6f7ff}.debug-time{color:#999;margin-right:10px;font-size:11px}.debug-level{margin-right:10px;font-weight:700}.debug-message{color:#333}.debug-data{margin-top:5px;padding:5px 8px;background:#f5f5f5;border-radius:3px;font-size:11px;overflow-x:auto;color:#666}video::-webkit-media-controls{display:none}