.visual-section-container{overflow:visible!important;position:relative}.visual-section-container>.visual-chunk{overflow:hidden}.timeline-transition-btn{align-items:center;cursor:pointer;display:flex;flex-shrink:0;height:100%;justify-content:center;pointer-events:none;position:absolute;right:0;top:0;transition:all .15s ease;width:0;z-index:100}.timeline-transition-btn span{background-color:var(--material-btn-hover-color);border:1px dashed var(--border-color);border-radius:7px;color:var(--font-color);cursor:pointer;font-size:.9em;padding:.2em;pointer-events:auto;transition:all .15s ease}.timeline-transition-btn:hover span{background-color:var(--material-btn-hover-hover-color);border-color:var(--main-color);color:var(--main-color);transform:scale(1.15)}.timeline-transition-btn.has-transition span{background-color:var(--background-color);border-color:var(--main-color-border);border-style:solid;color:var(--main-color)}.timeline-transition-btn .transition-badge{display:none}.transition-picker-popup{animation:transitionPickerIn .15s ease;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.5);max-width:280px;min-width:240px;padding:.8em;position:fixed;z-index:9999}@keyframes transitionPickerIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.transition-picker-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:.6em;padding-bottom:.4em}.transition-picker-header p{color:var(--font-color);font-size:.85em;font-weight:600}.remove-transition-btn{background:none;border:none;cursor:pointer;padding:.15em}.remove-transition-btn span{color:var(--delete-color);font-size:1.1em}.transition-options-grid{display:grid;gap:.35em;grid-template-columns:repeat(2,1fr);margin-bottom:.6em}.transition-option{align-items:center;border:1px solid transparent;border-radius:7px;cursor:pointer;display:flex;gap:.4em;padding:.4em .5em;transition:all .12s ease}.transition-option:hover{background-color:var(--material-btn-hover-color);border-color:var(--border-color)}.transition-option.selected{background-color:var(--main-color-background);border-color:var(--main-color-border)}.transition-option span{color:var(--font-color);font-size:1.1em}.transition-option.selected span{color:var(--main-color)}.transition-option-label{color:var(--font-color);font-size:.75em;font-weight:500}.transition-duration-control{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:.5em;padding-top:.4em}.transition-duration-control label{color:var(--font-color-50);font-size:.75em;white-space:nowrap}.transition-duration-slider{-webkit-appearance:none;background:var(--border-color);border-radius:2px;flex:1;height:3px;outline:none}.transition-duration-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--main-color);border-radius:50%;cursor:pointer;height:12px;width:12px}.transition-duration-value{color:var(--font-color);font-size:.75em;font-weight:600;min-width:2em;text-align:right}.effects-section{height:100%;overflow-y:auto;padding:.8em}.effects-section-content{display:flex;flex-direction:column;gap:1em}.auto-apply-bar{align-items:center;display:flex;gap:.4em}.auto-apply-style-select{background-color:var(--material-btn-hover-color);border:1px solid var(--border-color);border-radius:7px;color:var(--font-color);cursor:pointer;flex:1;font-family:inherit;font-size:.7em;min-width:0;outline:none;padding:.35em .5em;transition:border-color .15s ease}.auto-apply-style-select option{background-color:var(--background-color);color:var(--font-color)}.auto-apply-style-select:focus,.auto-apply-style-select:hover{border-color:var(--main-color-border)}.auto-apply-btn{align-items:center;background-color:var(--main-color-background);border:1px solid var(--main-color-border);border-radius:7px;cursor:pointer;display:flex;flex-shrink:0;gap:.35em;padding:.35em .65em;transition:all .15s ease;white-space:nowrap}.auto-apply-btn:hover{background-color:var(--main-color);border-color:var(--main-color)}.auto-apply-btn:hover p,.auto-apply-btn:hover span{color:var(--background-color)}.auto-apply-btn>span{color:var(--main-color);font-size:1em}.auto-apply-btn>p{color:var(--font-color);font-size:.7em;font-weight:600}.auto-apply-btn.loading{opacity:.6;pointer-events:none}.auto-apply-btn.loading>span{animation:autoApplySpin 1s linear infinite}@keyframes autoApplySpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.transitions-overview-actions{align-items:center;display:flex;gap:.3em}.clear-all-transitions-btn{align-items:center;background:none;border:none;border-radius:5px;cursor:pointer;display:flex;justify-content:center;padding:.2em;transition:all .12s ease}.clear-all-transitions-btn:hover{background-color:var(--material-btn-hover-color)}.clear-all-transitions-btn span{color:var(--font-color-50);font-size:1.1em;transition:color .12s ease}.clear-all-transitions-btn:hover span{color:var(--delete-color)}.effects-info-banner{align-items:center;background-color:var(--main-color-background);border:1px solid var(--main-color-border);border-radius:8px;display:flex;gap:.5em;padding:.5em .7em}.effects-info-banner span{color:var(--main-color);flex-shrink:0;font-size:1.1em}.effects-info-banner p{color:var(--font-color);font-size:.75em;line-height:1.4}.effects-selected-scene{background-color:var(--material-btn-hover-color);border:1px solid var(--border-color);border-radius:7px;padding:.5em .7em}.effects-scene-label{color:var(--font-color-50);font-size:.8em;font-weight:600}.effects-selected-scene[data-chunk-id] .effects-scene-label{color:var(--font-color)}.effects-grid{display:grid;gap:.4em;grid-template-columns:repeat(3,1fr)}.effect-option{align-items:center;background-color:transparent;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.3em;justify-content:center;padding:.6em .3em;transition:all .12s ease}.effect-option:hover{background-color:var(--material-btn-hover-color);border-color:var(--border-hover-color)}.effect-option.selected{background-color:var(--main-color-background);border-color:var(--main-color-border)}.effect-option span{color:var(--font-color);font-size:1.3em}.effect-option.selected span{color:var(--main-color)}.effect-option p{color:var(--font-color-50);font-size:.65em;font-weight:600;text-align:center}.effect-option.selected p{color:var(--main-color)}.effects-top-bar{display:flex;flex-direction:column;gap:.5em}.effects-top-header{align-items:center;display:flex;justify-content:space-between}.effects-top-header p{color:var(--font-color);font-size:.85em;font-weight:600}.effects-tabs{background-color:var(--material-btn-hover-color);border-radius:8px;display:flex;gap:0;padding:.2em}.effects-tab{background:none;border:none;border-radius:6px;color:var(--font-color-50);cursor:pointer;flex:1;font-family:inherit;font-size:.75em;font-weight:600;padding:.4em 0;transition:all .15s ease}.effects-tab.active,.effects-tab:hover{color:var(--font-color)}.effects-tab.active{background-color:var(--background-color);box-shadow:0 1px 3px rgba(0,0,0,.2)}.effects-tab-content{display:flex;flex-direction:column;gap:.8em}.transitions-overview-hint{color:var(--font-color-50);font-size:.7em;line-height:1.5}.no-transitions-text{color:var(--font-color-50);font-size:.75em;padding:.5em;text-align:center}.transitions-list{display:flex;flex-direction:column;gap:.3em}.transition-list-item{align-items:center;background-color:var(--material-btn-hover-color);border:1px solid var(--border-color);border-radius:7px;display:flex;justify-content:space-between;padding:.4em .6em}.transition-list-info{align-items:center;display:flex;gap:.4em}.transition-list-info span{color:var(--main-color);font-size:1em}.transition-list-info p{color:var(--font-color);font-size:.75em;font-weight:500}.transition-list-meta{align-items:center;display:flex;gap:.4em}.transition-list-duration{color:var(--font-color-50);font-size:.7em}.remove-transition-list-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:.1em}.remove-transition-list-btn span{color:var(--font-color-50);font-size:.9em;transition:color .12s ease}.remove-transition-list-btn:hover span{color:var(--delete-color)}.visual-chunk-container{overflow:visible!important;position:relative}.visual-chunk-container>.visual-chunk{overflow:hidden}.timeline-clip-transition-btn{align-items:center;cursor:pointer;display:flex;flex-shrink:0;height:100%;justify-content:center;pointer-events:none;position:absolute;right:0;top:0;transition:all .15s ease;width:0;z-index:100}.timeline-clip-transition-btn span{background-color:var(--material-btn-hover-color);border:1px dashed var(--border-color);border-radius:7px;color:var(--font-color);cursor:pointer;font-size:.9em;padding:.2em;pointer-events:auto;transition:all .15s ease}.timeline-clip-transition-btn:hover span{background-color:var(--material-btn-hover-hover-color);border-color:var(--main-color);color:var(--main-color);transform:scale(1.15)}.timeline-clip-transition-btn.has-transition span{background-color:var(--background-color);border-color:var(--main-color-border);border-style:solid;color:var(--main-color)}.timeline-clip-transition-btn .clip-transition-badge{display:none}.transition-list-label-detail{color:var(--font-color-50);font-size:.85em;margin-left:.3em}