.draggable-panel{position:fixed;background:#2a2e37;border:1px solid #3a3f48;border-radius:6px;box-shadow:0 4px 12px #00000080;z-index:1000;overflow:hidden;user-select:none;-webkit-user-select:none;display:block;pointer-events:auto}.draggable-panel.state-floating{position:fixed;cursor:grab}.draggable-panel.state-floating:active{cursor:grabbing}.draggable-panel.state-floating [data-panel-header]{cursor:grab;background:#1a1e27;border-bottom:1px solid #3a3f48;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;user-select:none}.draggable-panel.state-floating [data-panel-header]:active{cursor:grabbing}.draggable-panel.state-floating [data-panel-header]:hover{background:#242a33}.draggable-panel.state-docked{position:absolute}.draggable-panel.state-auto-hide{position:fixed;opacity:.4;transition:opacity .4s ease;height:40px!important;overflow:hidden}.draggable-panel.state-auto-hide.expanded{opacity:1;height:auto!important;transition:opacity .4s ease}.draggable-panel.state-auto-hide [data-panel-header]{writing-mode:vertical-rl;transform:rotate(180deg);width:40px;height:auto;padding:8px 4px;cursor:pointer}.draggable-panel.state-hidden{display:none!important}.draggable-panel.phantom-panel{border:2px dashed #5b9bd5;box-shadow:0 0 12px #5b9bd54d;opacity:.8;background:#2a2e3799;pointer-events:none}.dock-preview{position:fixed;pointer-events:none;z-index:999;display:none}.dock-preview-left{left:0;top:28px;width:25%;height:calc(100% - 64px);background:linear-gradient(90deg,#5b9bd533,#5b9bd500);border-right:3px solid #5b9bd5}.dock-preview-right{right:0;top:28px;width:25%;height:calc(100% - 64px);background:linear-gradient(-90deg,#5b9bd533,#5b9bd500);border-left:3px solid #5b9bd5}.dock-preview-top{top:28px;left:0;width:100%;height:20%;background:linear-gradient(180deg,#5b9bd533,#5b9bd500);border-bottom:3px solid #5b9bd5}.dock-preview-bottom{bottom:36px;left:0;width:100%;height:20%;background:linear-gradient(-180deg,#5b9bd533,#5b9bd500);border-top:3px solid #5b9bd5}.draggable-panel [data-panel-resize]{position:absolute;background:#5b9bd51a;opacity:0;transition:opacity .2s;z-index:100}.draggable-panel [data-panel-resize]:hover{opacity:1;background:#5b9bd54d}.draggable-panel [data-panel-resize=se]{position:absolute;bottom:0;right:0;width:12px;height:12px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,#5b9bd5 50%)}.draggable-panel [data-panel-resize=e]{position:absolute;right:0;top:0;width:4px;height:100%;cursor:ew-resize}.draggable-panel [data-panel-resize=s]{position:absolute;bottom:0;left:0;width:100%;height:4px;cursor:ns-resize}.draggable-panel .xi-content,.draggable-panel [data-panel-content]{overflow-y:auto;overflow-x:hidden;flex:1;padding:12px 16px}.draggable-panel .xi-content::-webkit-scrollbar,.draggable-panel [data-panel-content]::-webkit-scrollbar{width:8px}.draggable-panel .xi-content::-webkit-scrollbar-track,.draggable-panel [data-panel-content]::-webkit-scrollbar-track{background:transparent}.draggable-panel .xi-content::-webkit-scrollbar-thumb,.draggable-panel [data-panel-content]::-webkit-scrollbar-thumb{background:#5b9bd54d;border-radius:4px}.draggable-panel .xi-content::-webkit-scrollbar-thumb:hover,.draggable-panel [data-panel-content]::-webkit-scrollbar-thumb:hover{background:#5b9bd599}.draggable-panel [data-panel-header]{font-size:12px;font-weight:600;color:#ffffffd9;display:flex;justify-content:space-between;align-items:center;gap:8px}.draggable-panel [data-panel-header] .panel-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draggable-panel [data-panel-header] .panel-controls{display:flex;gap:4px}.draggable-panel [data-panel-header] button{width:24px;height:24px;padding:0;background:transparent;border:none;color:#fff9;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s}.draggable-panel [data-panel-header] button:hover{background:#5b9bd533;color:#fff}.draggable-panel{z-index:1000}.draggable-panel:focus-within{z-index:1100;border-color:#5b9bd5;box-shadow:0 4px 16px #5b9bd566}.draggable-panel{transition:opacity .2s ease,box-shadow .2s ease}.draggable-panel.state-auto-hide{transition:opacity .4s ease,height .4s ease}@media(max-width:1200px){.draggable-panel.state-floating{max-width:90vw!important}}@media(max-width:768px){.draggable-panel.state-floating{max-width:95vw!important;max-height:80vh!important}.dock-preview-left,.dock-preview-right{width:40%}}