.scene-picker-tabs{width:100%;display:flex;flex-direction:column;gap:0}.scene-tabs-wrapper{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid var(--border-color, #e5e5e5);background:var(--surface-color, #fff);display:flex;align-items:center}.scene-tab-scroll-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--border-color, #e5e5e5);background:var(--surface-color, #fff);cursor:pointer;transition:all .2s;flex-shrink:0;padding:0;z-index:1}.scene-tab-scroll-btn:hover:not(:disabled){background:var(--accent-color, #1a1a2e);border-color:var(--accent-color, #1a1a2e)}.scene-tab-scroll-btn:hover:not(:disabled) .material-symbols-outlined{color:#fff}.scene-tab-scroll-btn:disabled{opacity:.3;cursor:default}.scene-tab-scroll-btn .material-symbols-outlined{font-size:18px;color:var(--text-secondary, #666);transition:color .2s}.scene-tab-scroll-prev{margin-left:4px}.scene-tab-scroll-next{margin-right:4px}.scene-tabs-wrapper::-webkit-scrollbar{display:none}.scene-tabs{display:flex;flex-direction:row;align-items:center;gap:4px;padding:6px 4px;flex-wrap:nowrap;min-width:0;width:max-content}.scene-tab{display:flex;align-items:center;gap:5px;padding:6px 10px;border:none;border-radius:20px;background:transparent;color:var(--text-secondary, #666);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;border:1.5px solid transparent}.scene-tab:hover{background:var(--hover-bg, #f0f0f0);color:var(--text-primary, #333)}.scene-tab.active{background:var(--accent-color, #1a1a2e);color:#fff;border-color:var(--accent-color, #1a1a2e)}.scene-tab .tab-icon{font-size:15px;line-height:1}.scene-tab .tab-label{font-size:12px;line-height:1.2}.scene-grid-wrapper{width:100%;padding:8px 4px;box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent;max-height:none;overflow-x:hidden}.scene-grid-wrapper::-webkit-scrollbar{width:4px}.scene-grid-wrapper::-webkit-scrollbar-track{background:transparent}.scene-grid-wrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:5px}.scene-item{position:relative;display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border:1.5px solid var(--border-color, #e5e5e5);border-radius:8px;background:var(--surface-color, #fff);cursor:pointer;transition:all .2s ease;text-align:left;width:100%;min-height:38px;box-sizing:border-box}.scene-item:hover{border-color:var(--accent-color, #1a1a2e);background:var(--hover-bg, #f8f8fa);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.scene-item.selected{border-color:var(--accent-color, #1a1a2e);background:var(--accent-bg, #f0f0f5);box-shadow:0 0 0 1px var(--accent-color, #1a1a2e)}.scene-item.selected .scene-name{color:var(--accent-color, #1a1a2e);font-weight:600}.scene-item-inner{display:flex;align-items:center;gap:5px;flex:1;min-width:0}.scene-icon{font-size:14px;color:var(--text-secondary, #888);flex-shrink:0}.scene-item.selected .scene-icon{color:var(--accent-color, #1a1a2e)}.scene-name{font-size:12px;font-weight:500;color:var(--text-primary, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.check-icon{font-size:14px;color:var(--accent-color, #1a1a2e);flex-shrink:0;margin-left:2px}.scene-picker-tabs.compact .scene-tabs{gap:3px;padding:4px 2px}.scene-picker-tabs.compact .scene-tab{padding:5px 8px;font-size:11px;gap:3px}.scene-picker-tabs.compact .scene-tab .tab-icon{font-size:13px}.scene-picker-tabs.compact .scene-tab .tab-label{font-size:11px}.scene-picker-tabs.compact .scene-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px}.scene-picker-tabs.compact .scene-grid-wrapper{padding:6px 2px}.scene-picker-tabs.compact .scene-item{padding:5px 7px;min-height:34px;border-radius:6px}.scene-picker-tabs.compact .scene-icon{font-size:13px}.scene-picker-tabs.compact .scene-name{font-size:11px}.dark .scene-tabs-wrapper{background:#1a1a2e;border-bottom-color:#333}.dark .scene-tab-scroll-btn{background:#1e1e2e;border-color:#333}.dark .scene-tab-scroll-btn:hover:not(:disabled){background:#4a4a6e;border-color:#4a4a6e}.dark .scene-tab-scroll-btn .material-symbols-outlined{color:#888}.dark .scene-tab{color:#aaa}.dark .scene-tab:hover{background:#2a2a3e;color:#fff}.dark .scene-tab.active{background:#4a4a6e;color:#fff}.dark .scene-item{border-color:#333;background:#1e1e2e}.dark .scene-item:hover{border-color:#4a4a6e;background:#2a2a3e}.dark .scene-item.selected{border-color:#4a4a6e;background:#252540}.dark .scene-item .scene-name{color:#e0e0e0}.dark .scene-item.selected .scene-name{color:#a0a0ff}.dark .scene-item .scene-icon{color:#888}.dark .scene-item.selected .scene-icon,.dark .check-icon{color:#a0a0ff}.mobile-carousel{width:100%}.mobile-carousel .carousel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px 8px}.mobile-carousel .carousel-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border-color, #e5e5e5);background:var(--surface-color, #fff);cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;padding:0}.mobile-carousel .carousel-btn:hover:not(:disabled){background:var(--accent-color, #1a1a2e);border-color:var(--accent-color, #1a1a2e);transform:scale(1.08)}.mobile-carousel .carousel-btn:active:not(:disabled){transform:scale(.94)}.mobile-carousel .carousel-btn:disabled{opacity:.28;cursor:default}.mobile-carousel .carousel-btn .material-symbols-outlined{font-size:20px;color:var(--text-secondary, #666);transition:color .2s}.mobile-carousel .carousel-btn:hover:not(:disabled) .material-symbols-outlined{color:#fff}.mobile-carousel .carousel-indicator{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.mobile-carousel .carousel-label-wrap{display:flex;align-items:center;gap:6px}.mobile-carousel .carousel-cat-icon{font-size:16px;color:var(--accent-color, #1a1a2e)}.mobile-carousel .carousel-cat-label{font-size:14px;font-weight:600;color:var(--text-primary, #1a1a2e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.mobile-carousel .carousel-dots{display:flex;align-items:center;gap:4px}.mobile-carousel .carousel-dot{width:6px;height:6px;border-radius:50%;border:none;background:#ccc;cursor:pointer;padding:0;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.mobile-carousel .carousel-dot.active{width:16px;border-radius:3px;background:var(--accent-color, #1a1a2e)}.mobile-carousel .carousel-dot:hover:not(.active){background:#aaa}.mobile-carousel .scene-grid-wrapper{padding:4px;max-height:none;overflow-x:hidden;overflow-y:auto}.mobile-carousel .scene-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;opacity:0;transform:translate(24px);transition:opacity .18s ease-out,transform .22s cubic-bezier(.4,0,.2,1);pointer-events:none}.mobile-carousel .scene-grid.grid-visible{opacity:1;transform:translate(0);pointer-events:auto}.mobile-carousel .scene-grid.grid-visible.grid-dir-next{animation:slideFromRight .28s cubic-bezier(.4,0,.2,1) forwards}.mobile-carousel .scene-grid.grid-visible.grid-dir-prev{animation:slideFromLeft .28s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideFromRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}.mobile-carousel .scene-item{min-height:36px;padding:8px 10px;border-radius:8px}.mobile-carousel .scene-icon{font-size:14px;flex-shrink:0}.mobile-carousel .scene-name{font-size:12px;white-space:normal;-webkit-line-clamp:unset;overflow:visible;text-overflow:unset;line-height:1.3;word-break:break-word}.dark .mobile-carousel .carousel-btn{border-color:#333;background:#1e1e2e}.dark .mobile-carousel .carousel-btn .material-symbols-outlined{color:#888}.dark .mobile-carousel .carousel-btn:hover:not(:disabled){background:#4a4a6e;border-color:#4a4a6e}.dark .mobile-carousel .carousel-btn:hover:not(:disabled) .material-symbols-outlined{color:#fff}.dark .mobile-carousel .carousel-dot{background:#444}.dark .mobile-carousel .carousel-dot.active{background:#a0a0ff}.dark .mobile-carousel .carousel-cat-icon{color:#a0a0ff}.dark .mobile-carousel .carousel-cat-label{color:#e0e0e0}