:root{--color-primary:#6441a5;--color-primary-dark:#2a0845;--color-primary-light:#9b7fd4;--color-primary-container:#ede7f6;--color-on-primary:#fff;--color-on-primary-container:#2a0845;--color-secondary:#7c4dff;--color-secondary-container:#e8def8;--color-on-secondary:#fff;--color-on-secondary-container:#1d0b3e;--color-accent:gold;--color-accent-dark:#c5a200;--color-accent-light:#fff8e1;--color-accent-container:#fff3cd;--color-on-accent:#1d1b20;--color-surface:#fffbfe;--color-surface-dim:#f5f0fa;--color-surface-bright:#fff;--color-surface-container-lowest:#fdfcff;--color-surface-container-low:#f8f5fb;--color-surface-container:#f3edf7;--color-surface-container-high:#ece6f0;--color-surface-container-highest:#e6e0ec;--color-on-surface:#1d1b20;--color-on-surface-variant:#79747e;--color-outline:#cac4d0;--color-outline-variant:#e7e0ec;--color-success:#4caf50;--color-warning:#ff9800;--color-error:#f44336;--color-info:#2196f3;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000f, 0 2px 4px #0000000a;--shadow-lg:0 10px 25px #00000014;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:28px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--sidebar-width-expanded:240px;--sidebar-width-collapsed:80px;--topbar-height:64px;--detail-panel-width:380px;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, .8, .15);--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace}.dark-theme{--color-primary:#b39dff;--color-primary-dark:#7c4dff;--color-primary-light:#d1c4e9;--color-primary-container:#381e72;--color-on-primary:#2a0845;--color-on-primary-container:#ede7f6;--color-secondary:#b39dff;--color-secondary-container:#4a2566;--color-on-secondary:#2a0845;--color-on-secondary-container:#ede7f6;--color-accent:gold;--color-accent-dark:#c5a200;--color-accent-light:#3e3500;--color-accent-container:#4a3f00;--color-on-accent:#1d1b20;--color-surface:#1a1428;--color-surface-dim:#120e1c;--color-surface-bright:#2a2440;--color-surface-container-lowest:#150f1e;--color-surface-container-low:#1e1830;--color-surface-container:#241e36;--color-surface-container-high:#2e2640;--color-surface-container-highest:#3a3050;--color-on-surface:#e6e1e5;--color-on-surface-variant:#cac4d0;--color-outline:#49454f;--color-outline-variant:#38343e;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 25px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-family);color:var(--color-on-surface);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit}ul,ol{list-style:none}img,svg{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-outline);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-on-surface-variant)}.text-display-large{letter-spacing:-.25px;font-size:57px;font-weight:400;line-height:64px}.text-display-medium{font-size:45px;font-weight:400;line-height:52px}.text-display-small{font-size:36px;font-weight:400;line-height:44px}.text-headline-large{font-size:32px;font-weight:500;line-height:40px}.text-headline-medium{font-size:28px;font-weight:500;line-height:36px}.text-headline-small{font-size:24px;font-weight:500;line-height:32px}.text-title-large{font-size:22px;font-weight:500;line-height:28px}.text-title-medium{letter-spacing:.15px;font-size:16px;font-weight:500;line-height:24px}.text-title-small{letter-spacing:.1px;font-size:14px;font-weight:500;line-height:20px}.text-body-large{letter-spacing:.5px;font-size:16px;font-weight:400;line-height:24px}.text-body-medium{letter-spacing:.25px;font-size:14px;font-weight:400;line-height:20px}.text-body-small{letter-spacing:.4px;font-size:12px;font-weight:400;line-height:16px}.text-label-large{letter-spacing:.1px;font-size:14px;font-weight:500;line-height:20px}.text-label-medium{letter-spacing:.5px;font-size:12px;font-weight:500;line-height:16px}.text-label-small{letter-spacing:.5px;font-size:11px;font-weight:500;line-height:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-standard)}.animate-slide-in-right{animation:slideInRight var(--duration-normal) var(--ease-standard)}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-standard)}.topbar{height:var(--topbar-height);padding:0 var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.topbar__left{align-items:center;gap:var(--space-3);flex-shrink:0;width:200px;display:flex}.topbar__logo{width:auto;height:32px}.topbar__center{flex:1;justify-content:center;align-items:center;display:flex}.topbar__switcher-container{position:relative}.topbar__bucket-btn{height:48px;color:var(--color-on-surface);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;border:none;border-radius:12px;align-items:center;padding:0 24px;display:flex}.topbar__bucket-btn:hover{background:var(--color-surface-container-high)}.topbar__bucket-btn--active{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.topbar__profile-info{flex-direction:column;align-items:center;display:flex}.topbar__bucket-name{color:var(--color-on-surface-variant);opacity:.8;margin-top:-2px}.topbar__switcher-card{background:var(--color-surface-container-high);width:280px;box-shadow:var(--shadow-lg);z-index:100;border:1px solid var(--color-outline-variant);border-radius:16px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%)}.topbar__switcher-header{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--color-outline-variant);padding:12px 16px}.topbar__switcher-list{flex-direction:column;gap:4px;max-height:300px;padding:8px;display:flex;overflow-y:auto}.topbar__switcher-item{color:var(--color-on-surface);cursor:pointer;text-align:left;transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.topbar__switcher-item:hover{background:var(--color-surface-container-highest)}.topbar__switcher-item--active{background:var(--color-primary-container);color:var(--color-on-primary-container)}.topbar__switcher-item-info{flex-direction:column;display:flex}.topbar__switcher-footer{border-top:1px solid var(--color-outline-variant);background:var(--color-surface-container-low);padding:8px}.topbar__switcher-manage-btn{width:100%;height:40px;color:var(--color-on-surface-variant);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:flex}.topbar__switcher-manage-btn:hover{background:var(--color-surface-container-high);color:var(--color-on-surface)}.topbar__right{flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;width:200px;display:flex}.topbar__theme-btn{width:40px;height:40px;color:var(--color-on-surface-variant);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:none;border-radius:20px;justify-content:center;align-items:center;display:flex}.topbar__theme-btn:hover{background-color:var(--color-surface-container-high);color:var(--color-on-surface)}.sidebar{width:var(--sidebar-width-expanded);min-width:var(--sidebar-width-expanded);max-width:var(--sidebar-width-expanded);background-color:var(--color-surface);border-right:1px solid var(--color-outline-variant);transition:width var(--duration-slow) var(--ease-standard), min-width var(--duration-slow) var(--ease-standard), max-width var(--duration-slow) var(--ease-standard);z-index:10;flex-direction:column;flex-shrink:0;height:100%;display:flex;overflow:hidden}.sidebar--collapsed{width:var(--sidebar-width-collapsed);min-width:var(--sidebar-width-collapsed);max-width:var(--sidebar-width-collapsed)}.sidebar__top,.sidebar__bottom{flex-direction:column;flex-shrink:0;gap:8px;padding:12px;display:flex;overflow:visible}.sidebar__middle{min-height:0;transition:opacity var(--duration-normal) var(--ease-standard);flex-direction:column;flex:1;padding:0 12px;display:flex;overflow:hidden auto}.sidebar--collapsed .sidebar__middle{opacity:0;pointer-events:none;overflow:hidden}.sidebar__toggle{width:56px;height:56px;color:var(--color-on-surface);cursor:pointer;background:0 0;border:none;border-radius:28px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:8px;transition:background-color .2s;display:flex;position:relative}.sidebar__toggle:hover{background-color:var(--color-surface-container-high)}.sidebar__toggle .material-symbols-outlined{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar__nav-items{flex-direction:column;gap:12px;display:flex}.sidebar__nav-item{min-width:56px;height:56px;color:var(--color-on-surface-variant);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:none;border-radius:28px;flex-shrink:0;display:block;position:relative;overflow:visible}.sidebar__nav-item:hover{background-color:var(--color-surface-container-high);color:var(--color-on-surface)}.sidebar__nav-item--active{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}.sidebar__nav-item--active:hover{background-color:var(--color-secondary-container)}.sidebar__nav-item .material-symbols-outlined{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.sidebar__label{white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-standard);position:absolute;top:50%;left:52px;transform:translateY(-50%)}.sidebar--expanded .sidebar__label{opacity:1;pointer-events:auto;transition-delay:.1s}.sidebar__file-list{flex-direction:column;flex-shrink:0;gap:8px;display:flex;position:relative;overflow:visible}.sidebar__section-title{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.1em;opacity:0;transition:opacity var(--duration-normal) var(--ease-standard);height:20px;margin-bottom:4px;padding:0 12px;position:relative}.sidebar--expanded .sidebar__section-title{opacity:1;transition-delay:.1s}.sidebar__files{flex-direction:column;gap:4px;display:flex;position:relative}.sidebar__file-item{min-width:40px;height:40px;color:var(--color-on-surface-variant);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:none;border-radius:20px;flex-shrink:0;margin:0;padding:0;display:block;position:relative;overflow:visible}.sidebar__file-item:hover{background-color:var(--color-surface-container-high)}.sidebar__breadcrumb{background-color:var(--color-surface-container-low);border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;padding:8px 12px;display:flex}.sidebar__breadcrumb-segment{align-items:center;gap:4px;display:flex}.sidebar__breadcrumb-sep{color:var(--color-on-surface-variant);opacity:.5;font-size:14px}.sidebar__breadcrumb-item{color:var(--color-primary);cursor:pointer;transition:background-color var(--duration-short);white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:13px;font-weight:500}.sidebar__breadcrumb-item:hover{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.sidebar__breadcrumb-item .material-symbols-outlined{font-size:18px;display:block}.sidebar__file-item--active{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.sidebar__file-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:20px!important}.sidebar__file-name{white-space:nowrap;text-overflow:ellipsis;text-align:left;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-standard);position:absolute;top:50%;left:38px;right:12px;overflow:hidden;transform:translateY(-50%)}.sidebar--expanded .sidebar__file-name{opacity:1;pointer-events:auto;transition-delay:.1s}.sidebar__info{background-color:var(--color-surface-container-low);border-radius:16px;margin-top:8px;padding:12px}.sidebar__info-item{color:var(--color-on-surface-variant);align-items:center;gap:8px;display:flex}.sidebar__info-text,.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar__file-tooltip{white-space:nowrap;background-color:var(--color-surface-container-high);color:var(--color-on-surface);z-index:9999;pointer-events:none;animation:sidebar-tooltip-in var(--duration-fast) var(--ease-standard);border-radius:12px;padding:8px 14px;font-size:14px;line-height:1.4;position:fixed;transform:translateY(-50%);box-shadow:0 4px 16px #00000026}@keyframes sidebar-tooltip-in{0%{opacity:0}to{opacity:1}}.breadcrumb{padding:var(--space-2) var(--space-4);scrollbar-width:none;align-items:center;gap:0;min-height:40px;display:flex;overflow-x:auto}.breadcrumb::-webkit-scrollbar{display:none}.breadcrumb__item{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-on-surface-variant);white-space:nowrap;transition:all var(--duration-fast) var(--ease-standard);align-items:center;font-size:13px;display:flex}.breadcrumb__item:hover{background:var(--color-surface-container);color:var(--color-primary)}.breadcrumb__item--root{padding:var(--space-1)}.breadcrumb__item--root .material-symbols-outlined,.breadcrumb__icon{font-size:20px}.breadcrumb__segment{align-items:center;display:flex}.breadcrumb__sep{color:var(--color-outline);-webkit-user-select:none;user-select:none;margin:0 2px;font-size:12px}.explorer{flex-direction:column;height:100%;display:flex;overflow:hidden}.explorer__toolbar{padding:0 var(--space-2);border-bottom:1px solid var(--color-outline-variant);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.explorer__toolbar-left{flex:1;align-items:center;min-width:0;display:flex}.explorer__toolbar-right{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.explorer__tool-btn{border-radius:var(--radius-full);width:36px;height:36px;transition:background var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:flex}.explorer__tool-btn:hover{background:var(--color-surface-container)}.explorer__tool-btn .material-symbols-outlined{color:var(--color-on-surface-variant);font-size:20px}.explorer__content{padding:var(--space-2);flex:1;overflow-y:auto}.explorer__list{flex-direction:column;gap:2px;display:flex}.explorer__item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);text-align:left;transition:all var(--duration-fast) var(--ease-standard);cursor:pointer;border:1px solid #0000;display:flex}.explorer__item:hover{background:var(--color-surface-container)}.explorer__item--selected{background:var(--color-primary-container);border-color:var(--color-primary)}.explorer__item-icon{color:var(--color-primary);flex-shrink:0;font-size:22px}.explorer__item--selected .explorer__item-icon{color:var(--color-primary-dark)}.explorer__item-info{flex-direction:column;min-width:0;display:flex}.explorer__item-name{white-space:nowrap;text-overflow:ellipsis;color:var(--color-on-surface);overflow:hidden}.explorer__item-meta{color:var(--color-on-surface-variant);margin-top:1px}.explorer__loading{padding:var(--space-16);justify-content:center;align-items:center;display:flex}.explorer__spinner{border:3px solid var(--color-outline-variant);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.explorer__error{align-items:center;gap:var(--space-3);padding:var(--space-10);color:var(--color-error);flex-direction:column;display:flex}.explorer__retry-btn{padding:var(--space-2) var(--space-4);background:var(--color-surface-container);border-radius:var(--radius-sm);font-size:13px}.explorer__retry-btn:hover{background:var(--color-surface-container-high)}.explorer__empty-state{padding:var(--space-16);color:var(--color-on-surface-variant);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.explorer__empty-icon{opacity:.3;font-size:48px}.explorer-empty{justify-content:center;align-items:center;gap:var(--space-4);height:100%;padding:var(--space-8);flex-direction:column;display:flex}.explorer-empty__logo{opacity:.6;width:80px;height:80px}.explorer-empty__btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-xl);margin-top:var(--space-4);transition:background var(--duration-fast) var(--ease-standard);font-weight:500;display:flex}.explorer-empty__btn:hover{background:var(--color-primary-dark)}.explorer-empty__btn .material-symbols-outlined{font-size:20px}.detail-panel{width:var(--detail-panel-width);border-left:1px solid var(--color-outline-variant);background:var(--color-surface);flex-direction:column;flex-shrink:0;height:100%;display:flex;overflow:hidden}.detail-panel--embedded{background:0 0;border-left:none;width:100%;max-width:600px;margin:0 auto}.detail-panel__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-outline-variant);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.detail-panel__close{border-radius:var(--radius-full);width:32px;height:32px;transition:background var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:flex}.detail-panel__close:hover{background:var(--color-surface-container)}.detail-panel__close .material-symbols-outlined{color:var(--color-on-surface-variant);font-size:20px}.detail-panel__body{padding:var(--space-8) var(--space-5);align-items:center;gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.detail-panel__preview-area{border-radius:var(--radius-lg);background:var(--color-surface-dim);justify-content:center;align-items:center;width:120px;height:120px;display:flex}.detail-panel__file-icon{color:var(--color-primary);opacity:.6;font-size:56px}.detail-panel__name{text-align:center;word-break:break-all;max-width:100%}.detail-panel__path{text-align:center;color:var(--color-on-surface-variant);word-break:break-all;max-width:100%;padding:0 var(--space-4)}.detail-panel__divider{background:var(--color-outline-variant);width:100%;height:1px;margin:var(--space-2) 0}.detail-panel__section{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.detail-panel__section-title{color:var(--color-on-surface-variant);margin-bottom:var(--space-1)}.detail-panel__row{padding:var(--space-2) 0;border-bottom:1px solid var(--color-outline-variant);flex-direction:column;gap:2px;display:flex}.detail-panel__row:last-child{border-bottom:none}.detail-panel__label{color:var(--color-on-surface-variant);font-weight:500}.detail-panel__value{color:var(--color-on-surface);word-break:break-all}.detail-panel__ext{color:var(--color-on-surface-variant);margin-left:2px}.detail-panel__bytes{color:var(--color-on-surface-variant);margin-left:var(--space-2);font-size:12px}.detail-panel__mono{font-family:var(--font-mono);font-size:12px}.detail-panel__loading{align-items:center;gap:var(--space-2);color:var(--color-on-surface-variant);display:flex}.detail-panel__mini-spinner{border:2px solid var(--color-outline-variant);border-top-color:var(--color-primary);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.detail-panel__footer{gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-outline-variant);flex-shrink:0;display:flex}.detail-panel__action{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-container);transition:background var(--duration-fast) var(--ease-standard);display:flex}.detail-panel__action:hover{background:var(--color-primary-container)}.detail-panel__action .material-symbols-outlined{color:var(--color-primary);font-size:18px}.csv-preview{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.csv-preview__copy-bar{border-bottom:1px solid var(--color-outline-variant);background-color:var(--color-surface-container-low);flex-shrink:0;align-items:center;gap:8px;height:32px;padding:4px 12px;display:flex}.csv-preview__selection-info{font-family:var(--font-mono,monospace);color:var(--color-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.csv-preview__copy-btn{border:1px solid var(--color-outline);background:var(--color-surface);height:24px;color:var(--color-on-surface);cursor:pointer;font-size:12px;font-family:var(--font-family,sans-serif);transition:all var(--duration-short);border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:0 10px;display:flex}.csv-preview__copy-btn:hover{background-color:var(--color-surface-container-high);border-color:var(--color-primary)}.csv-preview__copy-btn--copied{color:var(--color-on-surface-variant)}.csv-preview__table-wrapper{flex:1;min-height:0;position:relative;overflow:auto}.csv-preview__table{border-collapse:separate;border-spacing:0;table-layout:auto;min-width:100%}.csv-preview__table thead{z-index:2;position:sticky;top:0}.csv-preview__table th{background-color:var(--color-surface-container-high);color:var(--color-on-surface);font-family:var(--font-family,sans-serif);text-align:left;white-space:nowrap;border-bottom:2px solid var(--color-outline);-webkit-user-select:none;user-select:none;cursor:cell;padding:10px 14px;font-size:13px;font-weight:600;position:sticky;top:0}.csv-preview__table th.csv-preview__cell--selected{background-color:var(--color-primary-container);color:var(--color-on-primary-container);outline:2px solid var(--color-primary);outline-offset:-2px;z-index:3;position:relative}.csv-preview__table th:first-child{padding-left:18px}.csv-preview__table th:last-child{padding-right:18px}.csv-preview__table td{font-family:var(--font-mono,monospace);color:var(--color-on-surface);background-color:var(--color-surface);border-bottom:1px solid var(--color-outline-variant);white-space:nowrap;cursor:cell;transition:background-color var(--duration-fast);max-width:none;padding:8px 14px;font-size:13px;line-height:1.5}.csv-preview__table td:first-child{padding-left:18px}.csv-preview__table td:last-child{padding-right:18px}.csv-preview__table tbody tr:hover td{background-color:var(--color-surface-container-low)}.csv-preview__table td.csv-preview__cell--selected{background-color:var(--color-primary-container);color:var(--color-on-primary-container);outline:2px solid var(--color-primary);outline-offset:-2px;z-index:1;position:relative}.csv-preview__row-index{background-color:var(--color-surface-container-high);color:var(--color-on-surface-variant);text-align:center;border-right:1px solid var(--color-outline-variant);-webkit-user-select:none;user-select:none;width:48px;min-width:48px;font-size:11px;position:sticky;left:0}.csv-preview__table thead .csv-preview__row-index{color:var(--color-on-surface-variant);font-weight:400}.csv-preview__empty{color:var(--color-on-surface-variant);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.markdown-preview{background-color:var(--color-surface);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.markdown-preview__content{color:var(--color-on-surface);line-height:1.6;font-family:var(--font-family,sans-serif);flex:1;padding:32px;overflow-y:auto}.markdown-preview__content h1,.markdown-preview__content h2,.markdown-preview__content h3,.markdown-preview__content h4,.markdown-preview__content h5,.markdown-preview__content h6{color:var(--color-on-surface);margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-preview__content h1{border-bottom:1px solid var(--color-outline-variant);padding-bottom:.3em;font-size:2em}.markdown-preview__content h2{border-bottom:1px solid var(--color-outline-variant);padding-bottom:.3em;font-size:1.5em}.markdown-preview__content h3{font-size:1.25em}.markdown-preview__content h4{font-size:1em}.markdown-preview__content p{margin-top:0;margin-bottom:16px}.markdown-preview__content a{color:var(--color-primary);text-decoration:none}.markdown-preview__content a:hover{text-decoration:underline}.markdown-preview__content code{background-color:var(--color-surface-container-high);font-size:85%;font-family:var(--font-mono,monospace);border-radius:6px;margin:0;padding:.2em .4em}.markdown-preview__content pre{background-color:var(--color-surface-container-low);border-radius:6px;margin-bottom:16px;padding:16px;font-size:85%;line-height:1.45;overflow:auto}.markdown-preview__content pre code{background-color:#0000;margin:0;padding:0;font-size:100%}.markdown-preview__content blockquote{color:var(--color-on-surface-variant);border-left:.25em solid var(--color-outline);margin:0 0 16px;padding:0 1em}.markdown-preview__content ul,.markdown-preview__content ol{margin-bottom:16px;padding-left:2em}.markdown-preview__content table{border-spacing:0;border-collapse:collapse;width:100%;margin-bottom:16px}.markdown-preview__content table th,.markdown-preview__content table td{border:1px solid var(--color-outline-variant);padding:6px 13px}.markdown-preview__content table tr{background-color:var(--color-surface);border-top:1px solid var(--color-outline-variant)}.markdown-preview__content table tr:nth-child(2n){background-color:var(--color-surface-container-lowest)}.markdown-preview__empty{color:var(--color-on-surface-variant);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.preview-zone{background-color:var(--color-surface);flex-direction:column;flex:1;height:100%;display:flex}.preview-zone__header{border-bottom:1px solid var(--color-outline-variant);background-color:var(--color-surface);justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex}.preview-zone__header-left,.preview-zone__header-right{align-items:center;gap:8px;display:flex}.preview-zone__close-btn{width:40px;height:40px;color:var(--color-on-surface);cursor:pointer;transition:background-color var(--duration-short);background:0 0;border:none;border-radius:20px;justify-content:center;align-items:center;display:flex}.preview-zone__close-btn:hover{background-color:var(--color-surface-container-high)}.preview-zone__filename{max-width:300px;color:var(--color-on-surface);font-weight:500}.preview-zone__modified-dot{color:var(--color-primary);margin-left:4px}.preview-zone__tool-btn{height:40px;color:var(--color-on-surface-variant);cursor:pointer;transition:all var(--duration-short);background:0 0;border:none;border-radius:20px;align-items:center;gap:8px;padding:0 16px;display:flex}.preview-zone__tool-btn:hover:not(:disabled){background-color:var(--color-surface-container-high);color:var(--color-on-surface)}.preview-zone__tool-btn:disabled{opacity:.5;cursor:default}.preview-zone__tool-btn--active{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}.preview-zone__body{background-color:var(--color-surface-container-lowest);flex-direction:column;flex:1;display:flex;overflow:hidden}.preview-zone__content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.preview-zone__details{flex:1;padding:24px;overflow-y:auto}.preview-zone__loading,.preview-zone__error,.preview-zone__unsupported{color:var(--color-on-surface-variant);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.preview-zone__spinner{border:3px solid var(--color-surface-container-high);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite rotate}.preview-zone__editor,.preview-zone__readonly-text{width:100%;color:var(--color-on-surface);font-family:var(--font-mono,monospace);resize:none;background:0 0;border:none;outline:none;flex:1;padding:24px;font-size:14px;line-height:1.6}.preview-zone__readonly-text{white-space:pre-wrap;-webkit-user-select:text;user-select:text;overflow-y:auto}.preview-zone__media-container{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.preview-zone__image{object-fit:contain;max-width:100%;max-height:100%;box-shadow:var(--shadow-2);border-radius:8px}.preview-zone__video{max-width:100%;max-height:100%;box-shadow:var(--shadow-2);border-radius:8px}.preview-zone__audio{width:100%;max-width:500px}.preview-zone__retry-btn,.preview-zone__download-link{border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;transition:all var(--duration-short);background:0 0;border-radius:8px;padding:8px 16px;font-weight:500}.preview-zone__retry-btn:hover,.preview-zone__download-link:hover{background-color:var(--color-primary);color:var(--color-on-primary)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-overlay--nested{z-index:1001}.settings-dialog{background:var(--color-surface);border-radius:var(--radius-lg);width:min(900px,100vw - 80px);height:min(600px,100vh - 120px);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.settings-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;display:flex}.settings-close{border-radius:var(--radius-full);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.settings-close:hover{background:var(--color-surface-container)}.settings-body{flex:1;min-height:0;display:flex}.settings-sidebar{border-right:1px solid var(--color-outline-variant);flex-direction:column;flex-shrink:0;width:260px;display:flex}.settings-sidebar__header{padding:var(--space-4) var(--space-4) var(--space-2);color:var(--color-on-surface-variant)}.settings-profiles{padding:0 var(--space-2);flex:1;overflow-y:auto}.settings-profile-item{padding:var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard);justify-content:space-between;align-items:center;display:flex}.settings-profile-item:hover{background:var(--color-surface-container)}.settings-profile-item--active{background:var(--color-primary-container)}.settings-profile-item__info{align-items:center;gap:var(--space-2);min-width:0;display:flex}.settings-profile-item__icon{color:var(--color-primary);flex-shrink:0;font-size:18px}.settings-profile-item__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.settings-profile-item__actions{opacity:0;transition:opacity var(--duration-fast) var(--ease-standard);gap:2px;display:flex}.settings-profile-item:hover .settings-profile-item__actions{opacity:1}.settings-profile-item__btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;display:flex}.settings-profile-item__btn:hover{background:var(--color-surface-container-high)}.settings-profile-item__btn--danger:hover{background:var(--color-error);color:#fff}.settings-profile-item__btn .material-symbols-outlined{font-size:18px}.settings-add-group{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-outline-variant);gap:var(--space-2);flex-direction:column;display:flex}.settings-add-buttons{gap:var(--space-1);flex-wrap:wrap;display:flex}.settings-add-btn{padding:var(--space-1) var(--space-2);background:var(--color-surface-container);border-radius:var(--radius-xs);transition:background var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;gap:var(--space-1);display:inline-flex}.settings-add-btn:hover{background:var(--color-primary-container)}.settings-add-btn__icon{font-size:18px!important}.settings-editor{flex-direction:column;flex:1;min-width:0;display:flex}.settings-editor__fields{padding:var(--space-5) var(--space-6);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.settings-field{gap:var(--space-1);flex-direction:column;display:flex}.settings-field label{color:var(--color-on-surface-variant)}.settings-field-row{gap:var(--space-4);display:flex}.settings-field-row .settings-field{flex:1}.settings-input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-outline);border-radius:var(--radius-sm);background:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-standard);outline:none;font-size:14px}.settings-input:focus{border-color:var(--color-primary)}.settings-input::placeholder{color:var(--color-on-surface-variant);opacity:.5}.settings-input-group{display:flex;position:relative}.settings-input-group .settings-input{flex:1;padding-right:40px}.settings-input-toggle{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.settings-input-toggle:hover{background:var(--color-surface-container)}.settings-input-toggle .material-symbols-outlined{color:var(--color-on-surface-variant);font-size:20px}.settings-checkboxes{gap:var(--space-6);display:flex}.settings-checkbox{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.settings-checkbox input[type=checkbox]{accent-color:var(--color-primary);width:16px;height:16px}.settings-editor__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-outline-variant);display:flex}.settings-btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);background:var(--color-surface-container);transition:all var(--duration-fast) var(--ease-standard);font-weight:500}.settings-btn:hover{background:var(--color-surface-container-high)}.settings-btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.settings-btn--primary:hover{background:var(--color-primary-dark)}.settings-btn--danger{background:var(--color-error);color:#fff}.settings-btn--danger:hover{opacity:.9}.settings-empty{justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-on-surface-variant);flex-direction:column;flex:1;display:flex}.settings-empty__icon{opacity:.3;font-size:48px}.settings-confirm{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-lg);max-width:360px}.settings-confirm__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);display:flex}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app__body{flex:1;min-height:0;display:flex}.app__main{flex:1;min-width:0;overflow:hidden}.app__content{height:100%;display:flex}.app__content>.explorer,.app__content>.preview-zone{flex:1;min-width:0}.app__settings-page{height:100%;position:relative}