.kdsl-global-explorer{width:248px;flex:0 0 248px;display:flex;flex-direction:column;min-height:0;height:100dvh;background:var(--studio-panel,#191919);color:var(--studio-text,#dedede);border-right:1px solid var(--studio-line,#333);font-size:12px;position:relative;z-index:35}
.kdsl-global-explorer.is-closed{width:38px;flex-basis:38px}
.kdsl-explorer-heading{display:flex;align-items:center;gap:5px;padding:12px 8px 8px;min-height:48px;flex-shrink:0}
.kdsl-explorer-heading strong{font-size:10px;letter-spacing:.08em;font-weight:500;flex:1;opacity:.62}
.kdsl-global-explorer button{cursor:pointer}.kdsl-global-explorer button:disabled{opacity:.4;cursor:default}
.kdsl-explorer-heading button{display:grid;place-items:center;width:26px;height:26px;border-radius:5px;flex-shrink:0}
.kdsl-global-explorer button:focus-visible,.kdsl-global-explorer a:focus-visible{outline:2px solid #a993e9;outline-offset:-2px}
.kdsl-explorer-heading button:hover,.kdsl-row-menu:hover{background:#8882}
.kdsl-explorer-search{display:flex;align-items:center;gap:7px;margin:0 10px 10px;padding:7px 8px;border:1px solid var(--studio-line,#333);border-radius:7px;flex-shrink:0}
.kdsl-explorer-search input{width:100%;min-width:0;outline:none;background:transparent;font-size:11px;color:inherit}
.kdsl-explorer-tree{overflow:auto;flex:1;min-height:0;padding:0 5px 10px;scrollbar-width:thin}
.kdsl-tree-row{display:flex;align-items:center;gap:3px;min-height:34px;border-radius:6px;padding-right:3px;border:1px solid transparent}
.kdsl-tree-row:hover,.kdsl-tree-row:focus-within{background:#8881}.kdsl-tree-row.is-active{background:#8883}
.kdsl-tree-row.kdsl-drop{border-color:#b9a0fa;background:#a58bd42a}
.kdsl-expander{display:grid;place-items:center;width:12px;flex:0 0 12px;height:27px}.kdsl-expander span{display:block;transition:transform .15s}
.kdsl-row-link{display:flex;align-items:center;gap:8px;min-width:0;flex:1;text-align:left;height:32px}
.kdsl-row-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;flex:1}
.kdsl-row-link svg,.kdsl-row-link>span:first-child{flex-shrink:0}.kdsl-project-swatch{width:13px;height:13px;border-radius:4px;display:block}
.kdsl-row-menu{display:grid;place-items:center;width:22px;height:26px;flex-shrink:0;opacity:0;border-radius:4px}.kdsl-tree-row:hover .kdsl-row-menu,.kdsl-tree-row:focus-within .kdsl-row-menu,.kdsl-row-menu[aria-expanded=true]{opacity:1}
.kdsl-pinned{opacity:.6;display:grid;place-items:center}
.kdsl-explorer-menu{margin:3px 4px 7px 18px;padding:8px;border:1px solid var(--studio-line,#444);border-radius:9px;background:var(--studio-panel,#252525);box-shadow:0 5px 15px #0003;display:flex;flex-direction:column;gap:2px}
.kdsl-explorer-menu>strong{padding:4px 6px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.6}
.kdsl-explorer-menu>button,.kdsl-colors>button{text-align:left;padding:6px;border-radius:4px;font-size:11px}.kdsl-explorer-menu>button:hover,.kdsl-colors>button:hover{background:#8882}
.kdsl-colors{padding:8px 6px;border-top:1px solid var(--studio-line,#444);margin-top:4px;font-size:10px}.kdsl-colors>div{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.kdsl-colors>div button{width:18px;height:18px;border-radius:5px;border:2px solid transparent}.kdsl-colors button[aria-pressed=true]{outline:2px solid currentColor;outline-offset:2px}.kdsl-colors label{display:flex;align-items:center;justify-content:space-between}.kdsl-colors input{width:25px;height:23px;background:none}
.kdsl-danger{color:#e67483}.kdsl-explorer-empty{padding:16px 10px;opacity:.65}.kdsl-explorer-footer{display:flex;justify-content:space-between;padding:12px;border-top:1px solid var(--studio-line,#333);font-size:10px;gap:4px}.kdsl-explorer-footer span{opacity:.5}
.kdsl-explorer-error{padding:10px;background:#b8323220;color:#e98686;font-size:12px}.kdsl-explorer-error button{display:block;text-decoration:underline;margin-top:5px}
.kdsl-dialog-backdrop{position:fixed;inset:0;z-index:1500;background:#0008;display:flex;align-items:center;justify-content:center;padding:20px}
.kdsl-explorer-dialog{background:var(--studio-panel,#222);color:var(--studio-text,#eee);padding:24px;border:1px solid var(--studio-line,#555);border-radius:14px;width:420px;max-width:100%;box-shadow:0 20px 80px #0005;display:flex;flex-direction:column;gap:16px}
.kdsl-explorer-dialog h2{font-size:19px;font-weight:600}.kdsl-explorer-dialog p{font-size:13px;opacity:.8}.kdsl-explorer-dialog label{display:flex;flex-direction:column;gap:7px}.kdsl-explorer-dialog input,.kdsl-explorer-dialog select{padding:10px;border:1px solid #8887;border-radius:7px;background:var(--studio-panel,#222);color:inherit;width:100%}.kdsl-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.kdsl-dialog-actions button{padding:8px 14px;border:1px solid #8886;border-radius:6px}.kdsl-dialog-actions button[type=submit]{background:#d5c4f4;color:#211331}
.kdsl-space-icon{display:inline-block;vertical-align:middle;flex-shrink:0}
.project-explorer{display:none}
html:not(.dark) .kdsl-global-explorer,html:not(.dark) .kdsl-explorer-menu,html:not(.dark) .kdsl-explorer-dialog{background:#fafafa;color:#292929}
@media(max-width:1100px){.kdsl-global-explorer{width:220px;flex-basis:220px}}
@media(max-width:767px){.kdsl-global-explorer{position:fixed;top:62px;left:0;height:calc(100dvh - 62px);width:248px;box-shadow:8px 0 30px #0004;z-index:90}.kdsl-global-explorer.is-closed{height:40px;box-shadow:none;width:38px}.kdsl-row-menu{opacity:.8}}
.kdsl-tree-section-title{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--studio-muted,#999);padding:12px 12px 6px;margin:0}
.kdsl-pinned-section{border-bottom:1px solid var(--studio-line,#393939);padding-bottom:10px;margin-bottom:4px}

/* Fade the explorer scrollbar without changing the scrollable area. */
@property --kdsl-explorer-scroll-thumb{syntax:'<color>';inherits:true;initial-value:transparent}
.kdsl-explorer-tree{--kdsl-explorer-scroll-thumb:transparent;scrollbar-gutter:stable;scrollbar-color:var(--kdsl-explorer-scroll-thumb) transparent;transition:--kdsl-explorer-scroll-thumb .22s ease,scrollbar-color .22s ease}
.kdsl-global-explorer:hover .kdsl-explorer-tree{--kdsl-explorer-scroll-thumb:rgba(145,145,155,.65)}
.kdsl-global-explorer:has(:focus-visible) .kdsl-explorer-tree{--kdsl-explorer-scroll-thumb:rgba(145,145,155,.65)}
.kdsl-explorer-tree::-webkit-scrollbar{width:6px;height:6px}
.kdsl-explorer-tree::-webkit-scrollbar-track,.kdsl-explorer-tree::-webkit-scrollbar-corner{background:transparent}
.kdsl-explorer-tree::-webkit-scrollbar-thumb{background-color:var(--kdsl-explorer-scroll-thumb);border-radius:999px}
@media(hover:none){.kdsl-explorer-tree{--kdsl-explorer-scroll-thumb:rgba(145,145,155,.65)}}
@media(prefers-reduced-motion:reduce){.kdsl-explorer-tree{transition:none}}