:root{--dp-window-border: #3a3a4a;--dp-window-border-active: #5b8dee;--dp-window-shadow: 0 4px 24px rgba(0, 0, 0, .5);--dp-window-shadow-active: 0 8px 36px rgba(0, 0, 0, .7);--dp-window-header-bg: #1e1e2e;--dp-layout-header-bg: #252535;--dp-layout-header-border: #3a3a4a;--dp-layout-title-color: #c0c0d8;--dp-layout-btn-color: #8080a0;--dp-layout-btn-hover-bg: #3a3a4a;--dp-layout-splitter-bg: #2a2a3a;--dp-layout-splitter-active: #5b8dee;--dp-window-header-border: #3a3a4a;--dp-window-title-color: #e0e0f0;--dp-window-btn-color: #a0a0b8;--dp-window-btn-hover-bg: #3a3a4a;--dp-window-btn-close-hover-bg: #ff5f57;--dp-window-btn-close-hover-color:#ffffff;--dp-window-body-bg: #13131f;--dp-window-body-color: #e0e0f0;--dp-snap-guide-color: rgba(91, 141, 238, .7);--dp-edge-snap-preview-bg: rgba(91, 141, 238, .16);--dp-edge-snap-preview-border: rgba(91, 141, 238, .72);--dp-edge-snap-preview-inner-border: rgba(255, 255, 255, .28);--dp-edge-snap-preview-radius: 8px;--dp-desktop-bg: linear-gradient(135deg, #1a2a4a 0%, #0d1b2a 100%);--dp-desktop-icon-text: #ffffff;--dp-desktop-icon-hover-bg:rgba(255, 255, 255, .15);--dp-dock-bg: rgba(20, 30, 50, .2);--dp-dock-backdrop-filter: blur(4px);--dp-dock-border: rgba(255, 255, 255, .1);--dp-dock-item-hover-bg: rgba(255, 255, 255, .12);--dp-font: system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}.demo-github-link{position:fixed;right:14px;bottom:84px;z-index:30000;min-height:32px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#0f172ab8;color:#e2e8f0;text-decoration:none;font:700 12px system-ui,sans-serif;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.demo-github-link:hover{background:#1e293bdb;border-color:#60a5fa99}.dp-window{position:fixed;box-sizing:border-box;display:flex;flex-direction:column;border:4px solid var(--dp-window-border, #d0d0d0);border-radius:6px;box-shadow:var(--dp-window-shadow, 0 4px 24px rgba(0,0,0,.18));background:var(--dp-window-bg, var(--dp-window-body-bg, #ffffff));overflow:hidden;min-width:200px;min-height:120px;transition:box-shadow .15s,border-color .15s;pointer-events:auto}.dp-window.dp-active{border-color:var(--dp-window-border-active, #b0b8c8);box-shadow:var(--dp-window-shadow-active, 0 8px 36px rgba(0,0,0,.28))}.dp-window.dp-minimized{display:none!important}.dp-window.dp-maximized{left:72px!important;top:0!important;width:calc(100vw - 72px)!important;height:calc(100vh - 48px)!important;border-radius:0;border-width:0}.dp-isolated{position:relative;overflow:clip}.dp-isolated .dp-window{position:absolute}.dp-isolated .dp-window.dp-maximized{left:var(--dp-dock-inset-left, 0px)!important;top:var(--dp-dock-inset-top, 0px)!important;width:calc(100% - var(--dp-dock-inset-left, 0px) - var(--dp-dock-inset-right, 0px))!important;height:calc(100% - var(--dp-dock-inset-top, 0px) - var(--dp-dock-inset-bottom, 0px))!important;border-radius:0}.dp-header{display:flex;align-items:center;padding:0 8px;height:36px;background:var(--dp-window-header-bg, #f5f5f5);border-bottom:1px solid var(--dp-window-header-border, #e0e0e0);cursor:move;-webkit-user-select:none;user-select:none;flex-shrink:0}.dp-title{flex:1;font-size:13px;font-weight:600;color:var(--dp-window-title-color, #333333);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp-btn{width:24px;height:24px;border:none;border-radius:4px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--dp-window-btn-color, #555555);margin-left:2px;transition:background .1s}.dp-btn:hover{background:var(--dp-window-btn-hover-bg, #e0e0e0)}.dp-btn.dp-btn-close:hover{background:var(--dp-window-btn-close-hover-bg, #ff5f57);color:var(--dp-window-btn-close-hover-color, #ffffff)}.dp-btn:disabled{opacity:.3;cursor:not-allowed}.dp-btn:disabled:hover{background:transparent}.dp-body{flex:1;min-height:0;overflow:auto;position:relative;background:var(--dp-window-body-bg, #ffffff);color:var(--dp-window-body-color, #222222)}.dp-body.dp-has-layout{overflow:hidden}.dp-snap-guide{position:absolute;pointer-events:none;z-index:2147483647;display:none;background:var(--dp-snap-guide-color, rgba(0, 120, 255, .55))}.dp-snap-guide--v{width:1px;top:0;bottom:0}.dp-snap-guide--h{height:1px;left:0;right:0}.dp-edge-snap-preview{position:absolute;pointer-events:none;z-index:8998;display:block;opacity:0;border:2px solid var(--dp-edge-snap-preview-border, rgba(0, 120, 255, .72));background:var(--dp-edge-snap-preview-bg, rgba(0, 120, 255, .16));box-shadow:inset 0 0 0 1px var(--dp-edge-snap-preview-inner-border, rgba(255, 255, 255, .35));border-radius:var(--dp-edge-snap-preview-radius, 8px);transform:scale(.985);transition:opacity .12s ease,transform .12s ease,left 90ms ease,top 90ms ease,width 90ms ease,height 90ms ease}.dp-edge-snap-preview--visible{opacity:1;transform:scale(1)}.dp-child-window>.dp-header{padding-left:10px}.dp-child-window>.dp-header:before{content:"";display:inline-block;width:3px;height:16px;border-radius:2px;background:var(--dp-window-border-active, #b0b8c8);margin-right:6px;flex-shrink:0;opacity:.7}.dp-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:9000;cursor:not-allowed;border-radius:0 0 2px 2px;pointer-events:all;animation:dp-overlay-in .15s ease}@keyframes dp-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes dp-shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(7px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.dp-shake{animation:dp-shake .4s cubic-bezier(.36,.07,.19,.97) both}.dp-desktop{position:relative;width:100%;height:100%;overflow:clip;background:var(--dp-desktop-bg, linear-gradient(135deg, #1a2a4a 0%, #0d1b2a 100%));-webkit-user-select:none;user-select:none;font-family:var(--dp-font, system-ui, -apple-system, sans-serif)}.dp-desktop-icon-area{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.dp-desktop-window-area{position:absolute!important;top:0;left:0;right:0;bottom:0;overflow:clip;pointer-events:none}.dp-desktop-window-area>*{pointer-events:auto}.dp-icon-snap-guide{position:absolute;pointer-events:none;z-index:9999;display:none;background:var(--dp-snap-guide-color, rgba(0, 120, 255, .55))}.dp-icon-snap-guide.dp-snap-guide--v{width:1px;top:0;bottom:0}.dp-icon-snap-guide.dp-snap-guide--h{height:1px;left:0;right:0}.dp-desktop-icon{position:absolute;display:flex;flex-direction:column;align-items:center;width:80px;padding:8px 4px 6px;cursor:pointer;border-radius:8px;transition:background .12s}.dp-desktop-icon:hover{background:var(--dp-desktop-icon-hover-bg, rgba(255,255,255,.15))}.dp-desktop-icon.dp-icon-selected{background:#4a9eff59;outline:1px solid rgba(74,158,255,.6)}.dp-desktop-icon.dp-icon-dragging{opacity:.45;z-index:9999}.dp-desktop-icon-img{width:48px;height:48px;font-size:38px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;pointer-events:none}.dp-desktop-icon-img img{width:100%;height:100%;object-fit:contain}.dp-desktop-icon-label{margin-top:4px;font-size:11px;color:var(--dp-desktop-icon-text, #fff);text-align:center;line-height:1.3;max-width:76px;word-break:break-word;text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none}.dp-dock{position:absolute;display:flex;align-items:center;justify-content:flex-start;gap:4px;background:var(--dp-dock-bg, rgba(20,30,50,.75));backdrop-filter:var(--dp-dock-backdrop-filter, blur(14px));-webkit-backdrop-filter:var(--dp-dock-backdrop-filter, blur(14px));border:1px solid var(--dp-dock-border, rgba(255,255,255,.1));padding:6px 10px;z-index:9999;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.dp-dock::-webkit-scrollbar{display:none}.dp-dock.dp-dock-bottom{bottom:0;left:0;right:0;flex-direction:row;height:68px;border-top:1px solid var(--dp-dock-border, rgba(255,255,255,.1));overflow-x:auto;overflow-y:hidden}.dp-dock.dp-dock-top{top:0;left:0;right:0;flex-direction:row;height:68px;border-bottom:1px solid var(--dp-dock-border, rgba(255,255,255,.1));overflow-x:auto;overflow-y:hidden}.dp-dock.dp-dock-left{top:0;left:0;bottom:0;flex-direction:column;width:68px;align-items:center;justify-content:flex-start;padding:10px 6px;border-right:1px solid var(--dp-dock-border, rgba(255,255,255,.1));overflow-y:auto;overflow-x:hidden}.dp-dock.dp-dock-right{top:0;right:0;bottom:0;flex-direction:column;width:68px;align-items:center;justify-content:flex-start;padding:10px 6px;border-left:1px solid var(--dp-dock-border, rgba(255,255,255,.1));overflow-y:auto;overflow-x:hidden}.dp-dock-item{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:10px;padding:4px 6px;position:relative;transition:transform .15s,background .12s;flex-shrink:0}.dp-dock-item:hover{background:var(--dp-dock-item-hover-bg, rgba(255,255,255,.12));transform:scale(1.15) translateY(-3px)}.dp-dock-item.dp-dock-dragging{opacity:.4}.dp-dock-item.dp-dock-dragover{background:#4a9eff40;outline:2px dashed rgba(74,158,255,.7);transform:scale(1.1)}.dp-dock-item.dp-dock-active{background:#4a9eff33}.dp-dock-item.dp-dock-active:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:#4a9effe6}.dp-dock.dp-dock-top .dp-dock-item.dp-dock-active:after{bottom:unset;top:-5px}.dp-dock.dp-dock-left .dp-dock-item.dp-dock-active:after{bottom:unset;top:50%;left:-5px;transform:translateY(-50%)}.dp-dock.dp-dock-right .dp-dock-item.dp-dock-active:after{bottom:unset;top:50%;left:unset;right:-5px;transform:translateY(-50%)}.dp-dock-icon{display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;pointer-events:none}.dp-dock-icon img{width:100%;height:100%;object-fit:contain}.dp-dock-label{font-size:10px;color:var(--dp-desktop-icon-text, rgba(255,255,255,.85));margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px;pointer-events:none}.dp-dock-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#000c;color:#fff;font-size:11px;padding:3px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}.dp-dock-item:hover .dp-dock-tooltip{opacity:1}.dp-dock.dp-dock-left .dp-dock-tooltip,.dp-dock.dp-dock-right .dp-dock-tooltip{bottom:unset;top:50%;transform:translateY(-50%)}.dp-dock.dp-dock-left .dp-dock-tooltip{left:calc(100% + 6px)}.dp-dock.dp-dock-right .dp-dock-tooltip{left:unset;right:calc(100% + 6px)}.dp-dock-group-preview{position:fixed;z-index:99998;display:flex;flex-direction:row;gap:6px;padding:8px;border-radius:10px;background:#12141aeb;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #000000a6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;opacity:0;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease}.dp-dock-group-preview--visible{opacity:1;transform:translateY(0)}.dp-dock-group-preview--top{transform:translateY(-8px)}.dp-dock-group-preview--top.dp-dock-group-preview--visible{transform:translateY(0)}.dp-dock-group-preview--left,.dp-dock-group-preview--right{flex-direction:column;transform:translate(0)}.dp-dock-group-card{display:flex;flex-direction:column;cursor:pointer;border-radius:6px;border:1px solid transparent;overflow:hidden;transition:border-color .12s,background .12s}.dp-dock-group-card:hover{border-color:#ffffff40;background:#ffffff12}.dp-dock-group-card-header{display:flex;align-items:center;gap:4px;padding:4px 4px 4px 7px;height:26px;flex-shrink:0}.dp-dock-group-card-title{flex:1;font-size:11px;color:#ffffffd1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-dock-group-card-close{flex-shrink:0;width:18px;height:18px;border:none;border-radius:50%;background:transparent;color:#ffffff73;font-size:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:background .1s,opacity .1s,color .1s;padding:0;line-height:1}.dp-dock-group-card:hover .dp-dock-group-card-close{opacity:1}.dp-dock-group-card-close:hover{background:#d22828d9;color:#fff}.dp-dock-group-card-thumb{position:relative;overflow:hidden;flex-shrink:0;background:#00000059}@keyframes dp-group-card-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.dp-group-card--shake{animation:dp-group-card-shake .4s cubic-bezier(.36,.07,.19,.97) both}.dp-layout{position:relative;overflow:hidden;box-sizing:border-box;width:100%;height:100%}.dp-layout-region{position:absolute;overflow:hidden;box-sizing:border-box}.dp-region-header{display:flex;align-items:center;height:28px;padding:0 0 0 8px;background:var(--dp-layout-header-bg, #f5f5f5);flex-shrink:0;-webkit-user-select:none;user-select:none;overflow:hidden;box-sizing:border-box}.dp-region-icon{font-size:13px;margin-right:5px;flex-shrink:0;line-height:1}.dp-region-title{flex:1;font-size:12px;font-weight:600;color:var(--dp-layout-title-color, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-region-collapse-btn{flex-shrink:0;width:26px;height:28px;border:none;border-left:1px solid var(--dp-layout-header-border, #e0e0e0);background:var(--dp-layout-header-bg, #f5f5f5);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;color:var(--dp-layout-btn-color, #555);transition:background .1s,color .1s;z-index:11;line-height:1;margin-left:auto;padding:0}.dp-region-collapse-btn:hover{background:var(--dp-layout-btn-hover-bg, #d8e4f0);color:var(--dp-layout-title-color, #333)}.dp-region-body{position:absolute;left:0;right:0;bottom:0;overflow:auto;box-sizing:border-box}.dp-layout-region--collapsed .dp-region-body{display:none}.dp-layout-region--collapsed.dp-layout-region--west>.dp-region-header,.dp-layout-region--collapsed.dp-layout-region--east>.dp-region-header{position:absolute;top:0;left:0;right:0;bottom:0;height:auto;flex-direction:column;align-items:center;padding:0;border-bottom:none;overflow:hidden}.dp-layout-region--collapsed.dp-layout-region--west .dp-region-collapse-btn,.dp-layout-region--collapsed.dp-layout-region--east .dp-region-collapse-btn{order:0;width:100%;height:28px;font-size:14px;border-left:none;border-bottom:1px solid var(--dp-layout-header-border, #e0e0e0);margin-left:0;flex-shrink:0}.dp-layout-region--collapsed.dp-layout-region--west .dp-region-icon,.dp-layout-region--collapsed.dp-layout-region--east .dp-region-icon{order:1;margin-right:0;margin-top:8px;font-size:15px}.dp-layout-region--collapsed.dp-layout-region--west .dp-region-title,.dp-layout-region--collapsed.dp-layout-region--east .dp-region-title{order:2;writing-mode:vertical-lr;flex:1;margin:6px 0 4px;min-height:0;text-overflow:ellipsis;font-size:12px}.dp-layout-splitter{position:absolute;background:var(--dp-layout-splitter-bg, #d0d0d0);box-sizing:border-box;z-index:10;-webkit-user-select:none;user-select:none;transition:background .1s}.dp-layout-splitter:hover,.dp-layout-splitter.dp-splitter-dragging{background:var(--dp-layout-splitter-active, #b0b8c8)}.dp-layout-splitter--v{cursor:col-resize}.dp-layout-splitter--h{cursor:row-resize}.dp-panel{display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;width:100%;height:100%}.dp-panel-header{display:flex;align-items:center;height:30px;min-height:30px;padding:0 8px;background:var(--dp-layout-header-bg, #f5f5f5);border-bottom:1px solid var(--dp-layout-header-border, #e0e0e0);-webkit-user-select:none;user-select:none;flex-shrink:0;cursor:default}.dp-panel-title{flex:1;font-size:12px;font-weight:600;color:var(--dp-layout-title-color, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-panel-toggle{width:20px;height:20px;border-radius:3px;background:transparent;border:1px solid transparent;cursor:pointer;font-size:9px;display:flex;align-items:center;justify-content:center;color:var(--dp-layout-btn-color, #555);flex-shrink:0;transition:background .1s;line-height:1}.dp-panel-toggle:hover{background:var(--dp-layout-btn-hover-bg, #e0e0e0);border-color:var(--dp-layout-splitter-bg, #d0d0d0)}.dp-panel-body{flex:1;overflow:auto;box-sizing:border-box;transition:max-height .2s ease}.dp-panel-body.dp-panel-collapsed{max-height:0!important;overflow:hidden}.dp-workspace-root{position:relative;overflow:hidden;width:100%;height:100%;pointer-events:none}.dp-workspace{position:absolute!important;top:0;right:0;bottom:0;left:0;display:none;width:100%;height:100%;transform:translate(100%);transition:transform var(--dp-workspace-animation-ms, .25s) cubic-bezier(.4,0,.2,1);pointer-events:none;visibility:hidden}.dp-workspace[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important}.dp-workspace.dp-workspace--active,.dp-workspace.dp-workspace--enter-right,.dp-workspace.dp-workspace--enter-left,.dp-workspace.dp-workspace--leave-left,.dp-workspace.dp-workspace--leave-right{display:block;visibility:visible}.dp-workspace.dp-workspace--active{transform:translate(0);pointer-events:none}.dp-workspace .dp-window{pointer-events:none}.dp-workspace.dp-workspace--active .dp-window{pointer-events:auto}.dp-workspace.dp-workspace--enter-right{transform:translate(100%)}.dp-workspace.dp-workspace--enter-left,.dp-workspace.dp-workspace--leave-left{transform:translate(-100%)}.dp-workspace.dp-workspace--leave-right{transform:translate(100%)}.dp-workspace-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:9990;pointer-events:none}.dp-workspace-dot{width:6px;height:6px;border-radius:50%;background:var(--dp-workspace-dot-bg, rgba(255, 255, 255, .4));transition:background .2s,transform .2s}.dp-workspace-dot.dp-workspace-dot--active{background:var(--dp-workspace-dot-active-bg, rgba(255, 255, 255, .9));transform:scale(1.3)}.dp-task-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .2s}.dp-task-view[hidden]{display:none!important;pointer-events:none!important}.dp-task-view--open{opacity:1;pointer-events:auto}.dp-task-view-panel{display:flex;align-items:flex-end;gap:14px;padding:20px 24px;background:#161c2aeb;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 24px 64px #000000a6;transform:translateY(16px);transition:transform .25s cubic-bezier(.4,0,.2,1);max-width:90vw;overflow-x:auto}.dp-task-view--open .dp-task-view-panel{transform:translateY(0)}.dp-tv-card{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;position:relative}.dp-tv-preview{width:210px;height:132px;background:#ffffff0a;border:2px solid rgba(255,255,255,.14);border-radius:8px;overflow:hidden;transition:border-color .15s,box-shadow .15s;position:relative}.dp-tv-card:hover .dp-tv-preview{border-color:#ffffff73}.dp-tv-card--active .dp-tv-preview{border-color:#0078d4;box-shadow:0 0 0 2px #0078d459}.dp-tv-label{font-family:system-ui,sans-serif;font-size:12px;color:#fffc;white-space:nowrap}.dp-tv-card--active .dp-tv-label{color:#59aeff;font-weight:600}.dp-tv-delete{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:#323237f2;border:1px solid rgba(255,255,255,.18);color:#ffffffb3;font-size:11px;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:1;transition:background .1s}.dp-tv-card:hover .dp-tv-delete{display:flex}.dp-tv-delete:hover{background:#c42b1c;color:#fff}.dp-tv-add-wrap{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.dp-tv-add{width:210px;height:132px;border:2px dashed rgba(255,255,255,.18);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#ffffff59;transition:border-color .15s,color .15s}.dp-tv-add-wrap:hover .dp-tv-add{border-color:#ffffff80;color:#ffffffb3}.dp-tv-add-label{font-family:system-ui,sans-serif;font-size:12px;color:#ffffff73}.dp-tv-add-wrap:hover .dp-tv-add-label{color:#ffffffb3}