:root{--background-color:#0c0c0c;--hover-background-color:#19191921;--input-background-color:#0a0a0a;--input-hover-background-color:#0a0a0a7d;--tab-bg-color:#323232;--tab-active-bg-color:#5a5a5a;--utility-background-color:#323232;--dark-translucent-bg:#5050506e;--background-image:url(/res/DDX.bg.png);--logo:url(../res/logo.png);--border-color:#5a5a5a;--text-color:#b2b2b2;--hover-text-color:#b2b2b2cc;--active-text-color:gray;--tab-content-margin:9px;--searchbar-width:calc(100% - calc(2 * 36px));--main-color:#c77dff;--muted:gray;--faded-main-color:#80808042}.theme-preset-button{text-align:left;cursor:pointer;outline-offset:-2px;border:none;border-radius:.75rem;outline:2px solid #0000;padding:.75rem;transition:all .2s;position:relative;overflow:hidden}.theme-preset-button:hover{transform:scale(1.02)}.theme-preset-button.active{outline-color:var(--main);box-shadow:0 4px 16px color-mix(in oklab, var(--main) 20%, transparent)}.theme-preset-button:not(.active){outline-color:#ffffff14}.theme-preset-button:not(.active):hover{outline-color:#ffffff26}.theme-preview-bars{gap:.25rem;margin-bottom:.5rem;display:flex}.theme-preview-bar{border-radius:9999px;flex:1;height:.5rem}.theme-preview-mockui{border-radius:.375rem;margin-bottom:.5rem;padding:.5rem}.theme-preview-mockui-inner{gap:.25rem;display:flex}.theme-preview-mockui-line{border-radius:.25rem;flex:1;height:.375rem}.theme-preview-mockui-accent{border-radius:.25rem;width:1.5rem;height:.375rem}.theme-preview-name{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.theme-preview-check{background-color:var(--main);border-radius:9999px;padding:.125rem;display:none;position:absolute;top:.375rem;right:.375rem}.theme-preview-check svg{color:#fff;width:.75rem;height:.75rem}.theme-preset-button.active .theme-preview-check{display:block}.accent-color-grid{grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:.5rem;display:grid}.accent-color-button{border:2px solid var(--white-10);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:.375rem .5rem;transition:all .2s;display:flex}.accent-color-label{text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:.625rem;font-weight:600;overflow:hidden}.accent-color-button:hover{border-color:var(--white-20);transform:scale(1.1)}.accent-color-button:active{transform:scale(.95)}.accent-color-button:focus{box-shadow:0 0 0 2px var(--main);outline:none}.accent-color-button.selected{border-color:var(--main);box-shadow:0 0 0 2px color-mix(in oklab, var(--main) 20%, transparent)}.custom-color-section{transition:opacity .3s,max-height .3s}.custom-color-section.hidden{opacity:0;max-height:0;overflow:hidden}#themePresetGrid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:640px){#themePresetGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){#themePresetGrid{grid-template-columns:repeat(3,1fr)}}.theme-transition{transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}@keyframes themePreview{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.theme-preview-animation{animation:.4s ease-in-out themePreview}.click-menu-container{z-index:99999;font-family:inherit;animation:.15s ease-out bc-menu-appear;position:fixed}@keyframes bc-menu-appear{0%{opacity:0;transform:scale(.95)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:768px){.click-menu-container>div{min-width:160px}}.tab-group-header[draggable=true]{cursor:grab}.tab-group-header.dragging-group{opacity:.5;cursor:grabbing;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(1.03)rotate(1deg);box-shadow:0 4px 16px #0003}.tab-group-header.group-drag-over{background:var(--accent-subtle);box-shadow:0 0 0 2px var(--accent);transition:all .2s cubic-bezier(.34,1.56,.64,1);transform:scale(1.03)}body.group-dragging .tab-group-header:not(.dragging-group){transition:all .25s cubic-bezier(.4,0,.2,1)}body.group-dragging .tab-group-header:not(.dragging-group):hover{background:var(--accent-subtle);transform:scale(1.02)}.group-drop-indicator{background:linear-gradient(90deg, transparent, var(--accent), transparent);z-index:1001;border-radius:2px;height:3px;animation:1.5s ease-in-out infinite indicator-flow;position:absolute;left:0;right:0}@keyframes indicator-flow{0%,to{opacity:.7;transform:scaleX(.95)}50%{opacity:1;transform:scaleX(1)}}@keyframes pulse-indicator{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}body.group-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}body.tab-dragging{cursor:grabbing}.click-menu-container>div{background:var(--bg-1);border:1px solid var(--white-08);box-shadow:0 10px 25px #0003, 0 0 0 1px var(--white-05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;min-width:192px;padding:8px}.click-menu-container button{all:unset;cursor:pointer;color:var(--text);box-sizing:border-box;border-radius:6px;align-items:center;gap:12px;width:100%;padding:8px 16px;font-size:14px;line-height:1.4;transition:all .15s;display:flex}.click-menu-container button:hover{background:var(--white-05);transform:translateY(-1px)}.click-menu-container button:active{transform:translateY(0)}.click-menu-container button i{color:var(--text-70);transition:color .15s}.click-menu-container button:hover i{color:var(--text)}.click-menu-container button.text-red-400{color:#f87171}.click-menu-container button.text-red-400:hover{color:#fca5a5;background:#ef44441a}.click-menu-container button.text-red-400 i{color:#f87171}.click-menu-container button.text-red-400:hover i{color:#fca5a5}.click-menu-container .h-px{background:var(--white-08);height:1px;margin:4px 0}.click-menu-container .group>div:last-child{background:var(--bg-1);border:1px solid var(--white-08);box-shadow:0 10px 25px #0003, 0 0 0 1px var(--white-05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;z-index:100000;border-radius:8px;margin-left:4px;padding:8px;transition:all .2s;position:absolute;top:0;left:100%;transform:translate(-4px)}.click-menu-container .group:hover>div:last-child{opacity:1;visibility:visible;transform:translate(0)}.tab-group-header{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;isolation:isolate;margin:calc(var(--scrollbar-size)) 0 0 0;border-radius:.75rem;align-items:center;height:100%;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;display:inline-flex;position:relative}.tab-group-header.collapsed{opacity:.7}.tab-group-header.collapsed:hover{opacity:1}.tab-group-header:before{content:attr(data-tooltip);background:var(--tooltip-bg);color:var(--text);white-space:nowrap;opacity:0;visibility:hidden;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px;padding:4px 8px;font-size:11px;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tab-group-indicator{background:var(--group-color,var(--main));border-radius:50%;flex-shrink:0;width:8px;height:8px}.click-menu-container .group button span.w-4{border:1px solid var(--white-20);transition:all .15s}.click-menu-container .group button:hover span.w-4{border-color:var(--white-40);transform:scale(1.1)}.tab-group-header{-webkit-user-select:none;user-select:none}.tab-group-header:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tab[data-collapsed=true]{pointer-events:none}.tab[data-group-id]:not([data-collapsed=true]){pointer-events:all}.tab-group-header:active{transform:translateY(0)scale(.98)}.tab-group-header+.click-menu-container{z-index:1001}.tab.drag-ghost{opacity:.5;z-index:1000;cursor:grabbing;transition:all .3s cubic-bezier(.4,0,.2,1);transform:rotate(2deg)scale(.98);box-shadow:0 4px 12px #00000026}.tab.ungroup-indicator{border:2px dashed var(--error);background:#f88ba826;animation:1.5s ease-in-out infinite ungroup-pulse;position:relative;transform:scale(1.02);box-shadow:0 0 10px #f88ba84d}@keyframes ungroup-pulse{0%,to{border-color:var(--error);transform:scale(1.02)}50%{border-color:#f88ba8cc;transform:scale(1.04)}}.tab.ungroup-indicator:before{opacity:.3}body.tab-dragging .tab[data-group-id]:first-child:after,body.tab-dragging .tab[data-group-id]:last-child:after{content:"Drop here to ungroup";background:var(--error);color:#fff;white-space:nowrap;opacity:0;z-index:1001;pointer-events:none;border-radius:4px;padding:4px 8px;font-size:11px;transition:opacity .2s;position:absolute;top:50%;transform:translateY(-50%)}body.tab-dragging .tab[data-group-id]:first-child:after{left:-80px}body.tab-dragging .tab[data-group-id]:last-child:after{right:-80px}body.tab-dragging .tab[data-group-id]:first-child:hover:after,body.tab-dragging .tab[data-group-id]:last-child:hover:after,body.tab-dragging .tab[data-group-id].ungroup-indicator:after{opacity:1}body.tab-dragging .tab[data-group-id]:first-child:before,body.tab-dragging .tab[data-group-id]:last-child:before{content:"";border:1px dashed var(--error);opacity:0;z-index:999;background:#f88ba81a;width:60px;transition:opacity .2s;position:absolute;top:0;bottom:0}body.tab-dragging .tab[data-group-id]:first-child:before{left:-60px}body.tab-dragging .tab[data-group-id]:last-child:before{right:-60px}body.tab-dragging .tab[data-group-id].ungroup-indicator:first-child:before,body.tab-dragging .tab[data-group-id].ungroup-indicator:last-child:before{opacity:.7}.tab[data-group-id]{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.tab.drag-over{transition:transform .2s cubic-bezier(.34,1.56,.64,1);transform:scale(1.05)}.drop-indicator{background:linear-gradient(180deg, var(--accent) 0%, var(--accent-70) 100%);z-index:1001;width:3px;box-shadow:0 0 8px var(--accent);border-radius:2px;animation:1s ease-in-out infinite indicator-pulse;position:absolute;top:0;bottom:0;left:-2px}@keyframes indicator-pulse{0%,to{opacity:.8;box-shadow:0 0 8px var(--accent)}50%{opacity:1;box-shadow:0 0 12px var(--accent)}}.end-ungroup-zone,.start-ungroup-zone{border:2px dashed var(--error);opacity:.7;background:#f88ba81a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:100px;height:36px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:2s ease-in-out infinite zone-breathe;display:flex;position:relative}@keyframes zone-breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.end-ungroup-zone{margin-left:8px}.start-ungroup-zone{margin-right:8px}.end-ungroup-zone span,.start-ungroup-zone span{color:var(--error);text-align:center;white-space:nowrap;pointer-events:none;font-size:11px;font-weight:600}.end-ungroup-zone.drag-over,.start-ungroup-zone.drag-over{opacity:1;border-color:var(--error);background:#f88ba84d;animation:.8s ease-in-out infinite zone-active;transform:scale(1.08);box-shadow:0 0 15px #f88ba880}@keyframes zone-active{0%,to{box-shadow:0 0 15px #f88ba880}50%{box-shadow:0 0 20px #f88ba8b3}}.tab[data-group-id] .tab-title{color:var(--text);text-shadow:0 1px 2px #0000001a}@media (max-width:768px){.click-menu-container>div{min-width:160px}.click-menu-container button{padding:10px 14px;font-size:16px}}.tab[data-group-id] .tab-content{margin-left:6px}.tab[data-collapsed]{animation:.2s ease-out forwards tab-hide}.tab:not([data-collapsed]){animation:.2s ease-out forwards tab-show}@keyframes tab-hide{0%{opacity:1;height:auto;transform:scaleY(1)}to{opacity:0;height:0;transform:scaleY(0)}}@keyframes tab-show{to{opacity:1;height:auto;transform:scaleY(1)}}.tab-group-header.group-drag-over-tab{background:var(--accent-subtle);box-shadow:0 0 0 2px var(--accent);transform:scale(1.02)}.tab-group-drop-indicator{background:linear-gradient(180deg, transparent, var(--accent), transparent);z-index:1002;width:3px;box-shadow:0 0 8px var(--accent);border-radius:2px;animation:1s ease-in-out infinite pulse-indicator;position:absolute;top:0;bottom:0}.ungroup-zone{transition:all .3s cubic-bezier(.34,1.56,.64,1)}@font-face{font-family:Plus Jakarta Sans;src:url(../ttf/PlusJakartaSans-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}