:root{--tab-bar-height: 40px;--tab-bg: var(--surface);--tab-bg-hover: rgba(102, 126, 234, .06);--tab-text: var(--text-secondary);--tab-text-active: var(--primary);--tab-close-hover: #ef4444;--split-divider-width: 6px;--split-divider-color: var(--border);--split-divider-hover: var(--primary)}.tab-bar{position:fixed;top:var(--header-height, 56px);left:0;right:0;height:var(--tab-bar-height);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 8px;z-index:var(--z-tab-bar, 990);transition:left var(--transition-normal, .3s) ease}.tab-bar.hidden{display:none}.tab-bar__left{display:flex;align-items:center;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tab-bar__left::-webkit-scrollbar{display:none}.tab-bar__right{display:flex;align-items:center;gap:8px;margin-left:8px;flex-shrink:0}.tab-bar__tab{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;cursor:pointer;font-size:13px;font-family:inherit;color:var(--tab-text);transition:all var(--transition-fast, .15s);margin-right:2px;position:relative;white-space:nowrap;max-width:200px;flex-shrink:0}.tab-bar__tab:hover{background:var(--tab-bg-hover);color:var(--text)}.tab-bar__tab--active{background:var(--surface);color:var(--tab-text-active);border-color:var(--border);border-bottom:1px solid var(--surface);margin-bottom:-1px;z-index:1}.tab-bar__tab-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.tab-bar__tab-label{overflow:hidden;text-overflow:ellipsis;max-width:140px}.tab-bar__tab-close{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:3px;font-size:14px;line-height:1;opacity:0;transition:all var(--transition-fast, .15s);flex-shrink:0;background:none;border:none;color:inherit;cursor:pointer;padding:0;font-family:inherit}.tab-bar__tab:hover .tab-bar__tab-close{opacity:.5}.tab-bar__tab-close:hover{opacity:1;color:var(--tab-close-hover);background:#ef44441a}.tab-bar__tab--active .tab-bar__tab-close{opacity:.5}.tab-bar__add-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px dashed var(--border);border-radius:4px;cursor:pointer;color:var(--text-muted);font-size:18px;font-family:inherit;transition:all var(--transition-fast, .15s);flex-shrink:0;padding:0;line-height:1}.tab-bar__add-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--tab-bg-hover)}.tab-bar__split-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:12px;font-family:inherit;transition:all var(--transition-fast, .15s)}.tab-bar__split-btn:hover{border-color:var(--primary);color:var(--primary)}.tab-bar__split-btn--active{background:var(--primary);border-color:var(--primary);color:#fff}.tab-bar__split-btn--active:hover{opacity:.9;color:#fff}.tab-bar__split-icon{display:flex;align-items:center}.new-tab-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 24px}.new-tab-page__title{font-size:24px;font-weight:600;color:var(--text);margin-bottom:8px}.new-tab-page__subtitle{font-size:14px;color:var(--text-muted);margin-bottom:32px}.new-tab-page__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:480px;width:100%}.new-tab-page__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all var(--transition-fast, .15s)}.new-tab-page__tile:hover{border-color:var(--primary);background:#667eea0f;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.new-tab-page__tile-icon{font-size:28px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#667eea14;color:var(--primary)}.new-tab-page__tile-label{font-size:13px;color:var(--text-secondary);font-weight:500}.new-tab-page__tile:hover .new-tab-page__tile-label{color:var(--text)}.content-split{display:flex;flex-direction:row;height:100%}.content-split__pane{flex:1;overflow:auto;min-width:300px}.content-split__pane--right{border-left:1px solid var(--border)}.content-split__divider{width:var(--split-divider-width);background:var(--split-divider-color);cursor:col-resize;flex-shrink:0;transition:background var(--transition-fast, .15s);position:relative}.content-split__divider:hover,.content-split__divider--dragging{background:var(--split-divider-hover)}.content-split__divider:before{content:"";position:absolute;inset:0 -4px}body.has-tab-bar{padding-top:calc(var(--header-height, 56px) + var(--tab-bar-height))}body.has-tab-bar .container{margin-top:10px}body.has-tab-bar .sidebar-left,body.has-tab-bar .sidebar-right{top:calc(var(--header-height, 56px) + var(--tab-bar-height));height:calc(100vh - var(--header-height, 56px) - var(--tab-bar-height))}body.has-tab-bar .sidebar-left~.tab-bar,.tab-bar.sidebar-offset-expanded{left:var(--sidebar-width-expanded, 260px)}.tab-bar.sidebar-offset-collapsed{left:var(--sidebar-width-collapsed, 60px)}.tab-bar.sidebar-offset-none{left:0}body.dark-mode .tab-bar{background:#1e1e1e;border-bottom-color:#333}body.dark-mode .tab-bar__tab:hover{background:#667eea1a}body.dark-mode .tab-bar__tab--active{background:#1e1e1e;border-color:#333;border-bottom-color:#1e1e1e}body.dark-mode .tab-bar__add-btn{border-color:#444;color:#777}body.dark-mode .tab-bar__add-btn:hover{border-color:var(--primary);color:var(--primary)}body.dark-mode .tab-bar__split-btn{border-color:#444;color:#777}body.dark-mode .new-tab-page__tile{background:#1e1e1e;border-color:#333}body.dark-mode .new-tab-page__tile:hover{border-color:var(--primary);background:#667eea1a}body.dark-mode .content-split__divider{background:#333}body.dark-mode .content-split__divider:hover,body.dark-mode .content-split__divider--dragging{background:var(--primary)}@media(max-width:768px){.tab-bar{display:none}body.has-tab-bar{padding-top:var(--header-height, 56px)}body.has-tab-bar .sidebar-left,body.has-tab-bar .sidebar-right{top:var(--header-height, 56px);height:calc(100vh - var(--header-height, 56px))}.content-split__divider,.content-split__pane--right{display:none}.new-tab-page__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.new-tab-page__grid{grid-template-columns:1fr 1fr;gap:12px}.new-tab-page__tile{padding:16px 12px}}