.kb-overlay{position:fixed;inset:0;z-index:80;display:flex;justify-content:flex-end}.kb-backdrop{position:absolute;inset:0;border:none;padding:0;cursor:pointer;background-color:color-mix(in srgb,var(--color-gray-900) 42%,transparent);opacity:0;transition:opacity var(--dur-slide) var(--ease-exit)}.kb-overlay.kb-open .kb-backdrop{opacity:1;transition-timing-function:var(--ease-enter)}.kb-panel{position:relative;display:flex;flex-direction:column;width:min(760px,100%);height:100%;background-color:var(--color-surface);border-left:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg);transform:translateX(100%);transition:transform var(--dur-slide) var(--ease-exit);will-change:transform}.kb-overlay.kb-open .kb-panel{transform:translateX(0);transition-timing-function:var(--ease-enter)}@media (prefers-reduced-motion:reduce){.kb-backdrop,.kb-panel{transition:none}}.kb-panel-head{flex-shrink:0;display:flex;align-items:flex-start;gap:12px;padding:16px 16px 12px;border-bottom:1px solid var(--color-gray-200)}.kb-panel-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--radius);background-color:var(--color-accent-50);color:var(--color-accent-600)}.kb-panel-heading{flex:1 1;min-width:0}.kb-panel-title{margin:0;font-size:var(--text-section-heading);line-height:var(--text-card-title-lh);font-weight:var(--fw-semibold);color:var(--color-gray-900)}.kb-panel-sub{margin:2px 0 0;font-size:var(--text-caption);line-height:var(--text-caption-lh)}.kb-close,.kb-panel-sub{color:var(--color-gray-500)}.kb-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:none;border-radius:var(--radius);background:transparent;cursor:pointer;transition:background-color .15s,color .15s}.kb-close:hover{background-color:var(--color-surface-tertiary);color:var(--color-gray-700)}.kb-close:focus-visible{outline:2px solid var(--color-accent-600);outline-offset:2px}.kb-explorer{position:relative;display:flex;flex-direction:column;min-height:0}.kb-explorer-panel{flex:1 1}.kb-explorer-page{width:100%;border:1px solid var(--color-gray-200);border-radius:var(--radius);background-color:var(--color-surface);overflow:hidden}.kb-toolbar{gap:10px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--color-gray-100)}.kb-toolbar,.kb-toolbar-actions{flex-shrink:0;display:flex;align-items:center}.kb-toolbar-actions{gap:4px;margin-left:auto}.kb-tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 9px;border:1px solid var(--color-gray-200);border-radius:var(--radius);background-color:var(--color-surface);font-family:inherit;font-size:var(--text-caption);font-weight:var(--fw-medium);color:var(--color-gray-700);cursor:pointer;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s}.kb-tool-btn:hover:not(:disabled){background-color:var(--color-surface-tertiary);border-color:var(--color-gray-300)}.kb-tool-primary{border-color:var(--color-accent-500);background-color:var(--color-accent-600);color:#fff}.kb-tool-primary:hover:not(:disabled){background-color:var(--color-accent-700);border-color:var(--color-accent-700)}.kb-tool-btn:focus-visible{outline:2px solid var(--color-accent-600);outline-offset:2px}.kb-tool-btn:disabled{opacity:.55;cursor:default}.kb-tool-divider{width:1px;height:22px;background-color:var(--color-gray-200)}.kb-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-gray-200);border-radius:var(--radius);background-color:var(--color-surface);color:var(--color-gray-600);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.kb-icon-btn:hover{background-color:var(--color-surface-tertiary);color:var(--color-gray-800)}.kb-icon-btn:focus-visible{outline:2px solid var(--color-accent-600);outline-offset:2px}.kb-sort select{height:32px;padding:0 8px;border:1px solid var(--color-gray-200);border-radius:var(--radius);background-color:var(--color-surface);font-family:inherit;font-size:var(--text-caption);color:var(--color-gray-700);cursor:pointer}.kb-sort select:focus-visible{outline:2px solid var(--color-accent-600);outline-offset:2px}.kb-split{display:inline-flex;align-items:stretch;border:1px solid var(--color-gray-200);border-radius:var(--radius);background-color:var(--color-surface)}.kb-split:hover{border-color:var(--color-gray-300)}.kb-split .kb-split-caret,.kb-split .kb-split-main{border:none;background:transparent}.kb-split .kb-split-caret:hover,.kb-split .kb-split-main:hover:not(:disabled){background-color:var(--color-surface-tertiary);border-color:transparent}.kb-split .kb-split-caret{padding-left:6px;padding-right:6px;border-left:1px solid var(--color-gray-200);color:var(--color-gray-600)}.kb-split .kb-menu-wrap{align-items:stretch}.kb-split .kb-split-caret:disabled{opacity:.55;cursor:default}.kb-sort-group{display:inline-flex;align-items:stretch;border:1px solid var(--color-gray-200);border-radius:var(--radius);background-color:var(--color-surface)}.kb-sort-group:hover{border-color:var(--color-gray-300)}.kb-sort-group .kb-sort select{border:none;background:transparent}.kb-sort-group .kb-sort-dir{border:none;border-left:1px solid var(--color-gray-200);height:auto;width:30px}@media (max-width:680px){.kb-tool-label{display:none}}@media (hover:none){.kb-icon-btn,.kb-sort select,.kb-sort-group,.kb-tool-btn{min-height:44px}.kb-icon-btn,.kb-sort-group .kb-sort-dir{min-width:44px}}.kb-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.kb-breadcrumb{flex:1 1 220px;min-width:0}.kb-body{flex:1 1;min-height:0;overflow-y:auto;padding:12px 14px 24px}.kb-grid{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:10px;gap:10px}.kb-grid.kb-list{display:flex;flex-direction:column;gap:2px}@media (max-width:400px){.kb-grid:not(.kb-list){grid-template-columns:1fr}}.kb-kind-break{grid-column:1/-1;height:10px;width:100%}.kb-list .kb-kind-break{height:12px}.kb-card{position:relative;display:flex;align-items:center;gap:6px;width:100%;min-width:0;padding:8px 8px 8px 12px;border:1px solid var(--color-gray-200);border-radius:var(--radius);background-color:var(--color-surface);transition:border-color .15s,box-shadow .15s,background-color .15s}.kb-card-folder:hover{border-color:var(--color-accent-300);box-shadow:var(--shadow-sm)}.kb-list .kb-card{border:none;border-radius:var(--radius);padding:6px 6px 6px 12px}.kb-list .kb-card:hover{background-color:var(--color-surface-tertiary);box-shadow:none}.kb-card-open{display:flex;align-items:center;gap:12px;flex:1 1;min-width:0;padding:2px 0;border:none;background:transparent;text-align:left;font:inherit;color:inherit}.kb-card-folder .kb-card-open{cursor:pointer}.kb-card-open:focus-visible{outline:2px solid var(--color-accent-600);outline-offset:2px;border-radius:var(--radius)}.kb-card-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:var(--radius);background-color:var(--color-surface-tertiary);color:var(--color-gray-500)}.kb-card-folder .kb-card-icon{background-color:var(--color-accent-50);color:var(--color-accent-600)}.kb-list .kb-card-icon{width:30px;height:30px}.kb-list .kb-card-meta{display:none}.kb-card-body{display:flex;flex-direction:column;min-width:0;gap:2px}.kb-card-name{font-size:var(--text-body);line-height:var(--text-body-lh);font-weight:var(--fw-medium);color:var(--color-gray-900)}.kb-card-meta,.kb-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-card-meta{line-height:var(--text-caption-lh)}.kb-card-meta,.kb-col{font-size:var(--text-caption);color:var(--color-gray-500)}.kb-col{flex-shrink:0}.kb-col-modified{width:120px}.kb-col-size{width:80px;text-align:right}@media (max-width:560px){.kb-col-modified{display:none}}@media (max-width:440px){.kb-col-size{display:none}}.kb-card-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;transition:opacity .12s ease}.kb-card:focus-within .kb-card-actions,.kb-card:hover .kb-card-actions{opacity:1}@media (hover:none){.kb-card-actions{opacity:1}}.kb-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius);background:transparent;color:var(--color-gray-500);cursor:pointer;transition:background-color .15s,color .15s}.kb-action:hover{background-color:var(--color-surface-tertiary);color:var(--color-gray-800)}.kb-action:focus-visible{outline:2px solid var(--color-accent-600);outline-offset:1px}.kb-menu-wrap{position:relative;display:inline-flex}.kb-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:20;min-width:168px;max-width:260px;padding:4px;border:1px solid var(--color-gray-200);border-radius:var(--radius);background-color:var(--color-surface);opacity:0;transform:translateY(-6px);transition:opacity var(--dur-fast) var(--ease-exit),transform var(--dur-fast) var(--ease-exit)}.kb-menu-left{right:auto;left:0}.kb-menu-open{opacity:1;transform:translateY(0);transition-timing-function:var(--ease-enter)}@media (prefers-reduced-motion:reduce){.kb-menu{transition:none}}.kb-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border:none;border-radius:var(--radius);background:transparent;font-family:inherit;font-size:var(--text-body);color:var(--color-gray-700);text-align:left;cursor:pointer;transition:background-color .12s ease,color .12s ease}.kb-menu-item:hover{background-color:var(--color-surface-tertiary)}.kb-menu-item:focus-visible{outline:none;background-color:var(--color-surface-tertiary);box-shadow:inset 0 0 0 2px var(--color-accent-500)}.kb-menu-item-danger{color:var(--color-red-600)}.kb-menu-item-danger:hover{background-color:var(--color-red-50)}.kb-card-uploading{cursor:default}.kb-card-uploading .kb-card-name{color:var(--color-gray-700)}.kb-upload-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background-color:var(--color-accent-50);overflow:hidden}.kb-upload-bar-fill{display:block;height:100%;background-color:var(--color-accent-600);transition:width .14s linear}@media (prefers-reduced-motion:reduce){.kb-upload-bar-fill{transition:none}}.kb-rename-input{width:100%;min-width:0;padding:4px 6px;border:1px solid var(--color-accent-400);border-radius:var(--radius);background-color:var(--color-surface);font-family:inherit;font-size:var(--text-body);color:var(--color-gray-900)}.kb-rename-input:focus-visible{outline:2px solid var(--color-accent-600);outline-offset:1px}.kb-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:44px 16px;font-size:var(--text-body);text-align:center}.kb-empty,.kb-state{color:var(--color-gray-500)}.kb-empty-hint{font-size:var(--text-caption);color:var(--color-gray-400)}.kb-spinner{width:18px;height:18px;border:2px solid var(--color-gray-200);border-top-color:var(--color-accent-500);border-radius:var(--radius-full);animation:kb-spin .7s linear infinite}@keyframes kb-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.kb-spinner{animation:none}}.kb-card-skeleton{cursor:default;pointer-events:none}.kb-skeleton-icon{flex:0 0 auto;width:38px;height:38px}.kb-skeleton-lines{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-width:0;margin-left:6px;padding:4px 0}.kb-skeleton-line{height:11px}.kb-skeleton-line-name{width:68%}.kb-skeleton-line-meta{width:44%}.kb-list .kb-card-skeleton .kb-skeleton-icon{width:30px;height:30px}.kb-list .kb-card-skeleton .kb-skeleton-line-meta{display:none}.kb-dropzone{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:12px;background-color:color-mix(in srgb,var(--color-accent-50) 88%,transparent);animation:kb-drop-in var(--dur-fast) var(--ease-enter) both}@keyframes kb-drop-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.kb-dropzone{animation:none}}.kb-dropzone-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;border:2px dashed var(--color-accent-500);border-radius:var(--radius);color:var(--color-accent-700);font-size:var(--text-section-heading);font-weight:var(--fw-medium)}.kb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kb-page{height:100%;min-height:0;overflow-y:auto;background-color:var(--color-surface-secondary)}.kb-page-inner{max-width:1120px;margin:0 auto;padding:20px 16px 40px}.kb-page-head{margin-bottom:14px}.kb-page-title{margin:0;font-size:var(--text-page-title);line-height:var(--text-page-title-lh);font-weight:var(--fw-semibold);color:var(--color-gray-900)}.kb-page-sub{margin:2px 0 0;font-size:var(--text-body);line-height:var(--text-body-lh);color:var(--color-gray-500)}.toastv-region{position:fixed;z-index:1000;display:flex;flex-direction:column;gap:10px;width:min(420px,calc(100vw - 32px));pointer-events:none}.toastv-tr{top:16px;right:16px;align-items:flex-end}.toastv-tl{top:16px;left:16px;align-items:flex-start}.toastv-br{right:16px;align-items:flex-end}.toastv-bl,.toastv-br{bottom:16px;flex-direction:column-reverse}.toastv-bl{left:16px}.toastv,.toastv-bl{align-items:flex-start}.toastv{pointer-events:auto;display:flex;gap:10px;padding:12px 12px 12px 14px;border:1px solid var(--color-gray-200);border-left:4px solid var(--color-gray-400);border-radius:var(--radius);background-color:var(--color-surface);box-shadow:var(--shadow-md,0 6px 16px rgba(15,23,42,.12));animation-duration:var(--dur-slide);animation-timing-function:var(--ease-enter);animation-fill-mode:both}.toastv-leaving{animation-timing-function:var(--ease-exit)}.pos-top .toastv{animation-name:toastv-in-top}.pos-top .toastv-leaving{animation-name:toastv-out-top}.pos-bottom .toastv{animation-name:toastv-in-bottom}.pos-bottom .toastv-leaving{animation-name:toastv-out-bottom}@keyframes toastv-in-top{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes toastv-out-top{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}@keyframes toastv-in-bottom{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toastv-out-bottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.toastv{animation:none}}.toastv-success{border-left-color:var(--color-green-600)}.toastv-success .toastv-icon{color:var(--color-green-600)}.toastv-error{border-left-color:var(--color-red-600)}.toastv-error .toastv-icon{color:var(--color-red-600)}.toastv-warning{border-left-color:var(--color-amber-600)}.toastv-warning .toastv-icon{color:var(--color-amber-600)}.toastv-info{border-left-color:var(--color-accent-600)}.toastv-info .toastv-icon{color:var(--color-accent-600)}.toastv-icon{flex-shrink:0;margin-top:1px}.toastv-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.toastv-title{font-size:var(--text-body);line-height:var(--text-body-lh);font-weight:var(--fw-semibold);color:var(--color-gray-900)}.toastv-message,.toastv-title{margin:0;overflow-wrap:anywhere}.toastv-message{font-size:var(--text-caption);line-height:var(--text-caption-lh);color:var(--color-gray-600)}.toastv-action{align-self:flex-start;margin-top:6px;padding:4px 10px;border:1px solid var(--color-gray-300);border-radius:var(--radius);background:transparent;font-family:inherit;font-size:var(--text-caption);font-weight:var(--fw-medium);color:var(--color-accent-600);cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.toastv-action:hover{background-color:var(--color-accent-50);border-color:var(--color-accent-300)}.toastv-action:focus-visible{outline:2px solid var(--color-accent-600);outline-offset:1px}.toastv-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:-2px -2px 0 0;border:none;border-radius:var(--radius);background:transparent;color:var(--color-gray-500);cursor:pointer;transition:background-color .12s ease,color .12s ease}.toastv-close:hover{background-color:var(--color-surface-tertiary);color:var(--color-gray-800)}.toastv-close:focus-visible{outline:2px solid var(--color-accent-600);outline-offset:1px}@media (max-width:480px){.toastv-region{width:calc(100vw - 16px)}.toastv-tl,.toastv-tr{top:8px;left:8px;right:8px}.toastv-bl,.toastv-br{bottom:8px;left:8px;right:8px}}