.dock-workspace{--dock-bg:#131316;--dock-panel:#1a1a1d;--dock-panel-2:#202024;--dock-border:#2a2a2e;--dock-border-strong:#37373d;--dock-fg:#f4f4f6;--dock-muted:#8a8a8e;--dock-accent:#4c8dff;--dock-accent-soft:color-mix(in srgb, var(--dock-accent) 22%, transparent);--dock-focus:#b794f4;--dock-radius:10px;--dock-strip-h:34px;background:var(--dock-bg);block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0;color:var(--dock-fg);font-size:12px;line-height:1.4;display:flex;position:relative;overflow:hidden}.dock-split{block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0;display:flex}.dock-split[data-dir=row]{flex-direction:row}.dock-split[data-dir=column]{flex-direction:column}.dock-cell{display:flex;overflow:hidden}.dock-gutter{touch-action:none;z-index:2;background:0 0;flex:none;place-items:center;display:grid;position:relative}.dock-gutter[data-dir=row]{cursor:col-resize;inline-size:6px}.dock-gutter[data-dir=column]{cursor:row-resize;block-size:12px}.dock-gutter:before{content:"";position:absolute;inset:0}.dock-gutter[data-dir=row]:before{inset-inline:-4px}.dock-gutter[data-dir=column]:before{inset-block:-4px}.dock-gutter-grip{background:var(--dock-border);border-radius:999px;transition:background .12s}.dock-gutter[data-dir=row] .dock-gutter-grip{block-size:22px;inline-size:2px}.dock-gutter[data-dir=column] .dock-gutter-grip{block-size:2px;inline-size:22px}.dock-gutter:hover .dock-gutter-grip,.dock-gutter:active .dock-gutter-grip{background:var(--dock-accent);box-shadow:0 0 8px 1px var(--dock-accent-soft)}.dock-leaf{background:var(--dock-panel);border:1px solid var(--dock-border);border-radius:var(--dock-radius);flex-direction:column;block-size:calc(100% - 4px);min-block-size:0;inline-size:calc(100% - 4px);min-inline-size:0;margin:2px;display:flex;position:relative;overflow:hidden}.dock-leaf[data-focused]:after{content:"";border-radius:inherit;background:linear-gradient(135deg, color-mix(in srgb, var(--dock-focus) 95%, transparent) 0%, color-mix(in srgb, var(--dock-focus) 32%, transparent) 45%, color-mix(in srgb, var(--dock-focus) 72%, transparent) 100%);-webkit-mask-composite:xor;pointer-events:none;z-index:5;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dock-strip{flex:0 0 var(--dock-strip-h);background:color-mix(in srgb, var(--dock-panel-2) 70%, transparent);border-block-end:1px solid var(--dock-border);align-items:stretch;gap:4px;padding-inline:4px;display:flex;container:dock-strip/inline-size}@container dock-strip (width<=38em){.dock-strip-tabs:has(>:nth-child(4)) .dock-tab:not([data-active]) .dock-tab-label{display:none}}@container dock-strip (width<=22em){.dock-tab:not([data-active]) .dock-tab-label{display:none}}.dock-strip-tabs{scrollbar-width:none;flex:auto;align-items:center;gap:2px;display:flex;overflow-x:auto}.dock-strip-tabs>.x-tooltip{flex:0 auto;min-inline-size:0}.dock-strip-tabs::-webkit-scrollbar{display:none}.dock-tab{block-size:24px;min-inline-size:36px;max-inline-size:180px;color:var(--dock-muted);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;border-radius:7px;flex:0 auto;align-items:center;gap:6px;margin-block:5px;padding-inline:10px;transition:background .12s,color .12s;display:inline-flex}.dock-tab:hover{color:var(--dock-fg);background:color-mix(in srgb, var(--dock-fg) 6%, transparent)}.dock-tab[data-active]{color:var(--dock-fg);background:var(--dock-panel);box-shadow:inset 0 0 0 1px var(--dock-border-strong)}.dock-tab:active{cursor:grabbing}.dock-tab-icon{flex:none;block-size:14px;inline-size:14px;display:inline-flex}.dock-tab-icon>svg{block-size:100%;inline-size:100%}.dock-tab-label{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-weight:550;overflow:hidden}.dock-tab-close{block-size:15px;inline-size:15px;color:var(--dock-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;justify-content:center;align-items:center;margin-inline-end:-3px;padding:0;font-size:14px;line-height:1;transition:background .12s;display:none}.dock-tab[data-active] .dock-tab-close{display:inline-flex}.dock-tab-close:hover{background:color-mix(in srgb, var(--dock-fg) 12%, transparent);color:var(--dock-fg)}.dock-strip-actions{flex:none;align-items:center;display:flex;position:relative}.dock-add{block-size:24px;inline-size:24px;color:var(--dock-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;font-size:17px;line-height:1;transition:background .12s,color .12s;display:inline-flex}.dock-add:hover{background:color-mix(in srgb, var(--dock-fg) 8%, transparent);color:var(--dock-fg)}.dock-menu{z-index:20;background:var(--dock-panel-2);border:1px solid var(--dock-border-strong);border-radius:9px;min-inline-size:170px;padding:4px;position:absolute;inset-block-start:calc(100% + 4px);inset-inline-end:0;box-shadow:0 12px 32px #00000073}.dock-menu-item{inline-size:100%;color:var(--dock-fg);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;display:flex}.dock-menu-item:hover{background:color-mix(in srgb, var(--dock-accent) 20%, transparent)}.dock-menu-icon{block-size:15px;inline-size:15px;color:var(--dock-muted);display:inline-flex}.dock-menu-icon>svg{block-size:100%;inline-size:100%}.dock-menu-empty{color:var(--dock-muted);padding:8px}.dock-body{flex:auto;min-block-size:0;position:relative;overflow:auto}.dock-empty{block-size:100%;color:var(--dock-muted);place-items:center;display:grid}.dock-drop-indicator{pointer-events:none;z-index:40;border:2px solid var(--dock-accent);background:var(--dock-accent-soft);border-radius:8px;transition:left 90ms,top 90ms,width 90ms,height 90ms}.dock-drag-ghost{pointer-events:none;z-index:50;background:var(--dock-panel-2);border:1px solid var(--dock-border-strong);color:var(--dock-fg);border-radius:7px;padding:5px 10px;font-weight:600;position:fixed;box-shadow:0 10px 26px #00000080}.dock-workspace[data-dragging]{cursor:grabbing}