#trimmer-ui,.trimmer-track{position:absolute;top:0;left:0}h2,h3{padding-bottom:.75rem}.btn,h3{text-transform:uppercase}.content-section h2,.faq-item h3,.feature-card,.preview-panel,.sub-headline,.tool-card,.tool-link,.video-caption{text-align:center}#generateFinalBtn,#hooks-container,#manual-trimmer-container,.mode-selector,details{margin-top:1.5rem}.mode-selector{display:flex;gap:1rem}#trimmer-ui{right:0;pointer-events:none;z-index:5;height:100%}#trimmer-ui .trimmer-handle,#trimmer-ui .trimmer-selection,#trimmer-ui .trimmer-track,.trimmer-handle,.trimmer-track{pointer-events:all}.trimmer-track{width:100%;height:72px;background-color:transparent;border-radius:12px;cursor:grab;z-index:4}.trimmer-handle,.trimmer-playhead,.trimmer-selection{height:100%;position:absolute}.trimmer-playhead{top:0;width:3px;background-color:var(--theme-text-primary);border-radius:2px;z-index:7;pointer-events:none}.trimmer-selection{top:50%;transform:translateY(-50%);left:0;right:50%;min-width:40px;border:3px solid #00e5ff;border-radius:10px;z-index:6;align-items:center;background-color:#00e5ff1a;box-sizing:border-box;touch-action:none}.trimmer-handle{width:20px;background-color:#00bfd4;cursor:ew-resize;top:0;touch-action:none}#playSelectionBtn,.btn,.hook-item{cursor:pointer;transition:.2s}.trimmer-handle.left{border-radius:6px 0 0 6px;right:100%;margin-right:-5px}.trimmer-handle.right{border-radius:0 6px 6px 0;left:100%;margin-left:-5px}.trimmer-handle::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:24px;background-color:#ffffffb3;box-shadow:4px 0 0 0 #ffffffb3}#trimmer-time-display{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:0 4px;font-size:.9rem;color:var(--bpm-text-muted)}#playSelectionBtn{background:0 0;border:1px solid var(--bpm-border-color);color:var(--bpm-text-primary);border-radius:50%;width:44px;height:44px;font-size:1rem;display:inline-flex;align-items:center;justify-content:center}#playSelectionBtn:hover:not(:disabled){background-color:var(--bpm-bg-surface-2);border-color:var(--bpm-accent-purple)}#playSelectionBtn:disabled{cursor:not-allowed;opacity:.5}#waveform-controls{margin-top:1rem}#trim-duration{font-weight:700;color:var(--bpm-text-secondary)}#waveform{position:relative;background-color:var(--theme-bg-surface-2);border-radius:12px;overflow:hidden}#waveform wave{height:100%!important}:root{--theme-font-primary:'Roboto',sans-serif;--theme-bg-deep-space:#0D0F18;--theme-bg-surface-1:#141722;--theme-bg-surface-2:#1F2333;--theme-text-primary:#E8EAF6;--theme-text-secondary:#C5CDEE;--theme-text-muted:#98A0C7;--theme-accent-purple:#8A2BE2;--theme-accent-cyan:#00E5FF;--theme-accent-pink:#FF00A9;--theme-accent-gold:#FFD700;--theme-glow-purple:rgba(138, 43, 226, 0.6);--theme-glow-cyan:rgba(0, 229, 255, 0.6);--theme-glow-pink:rgba(255, 0, 169, 0.6);--theme-glow-gold:rgba(255, 215, 0, 0.5);--theme-border-color:#2E344E;--theme-shadow-soft:rgba(0, 0, 0, 0.25);--theme-shadow-strong:rgba(0, 0, 0, 0.4);--bpm-font-primary:'Roboto',sans-serif;--bpm-bg-deep-space:#0D0F18;--bpm-bg-surface-1:#141722;--bpm-bg-surface-2:#1F2333;--bpm-text-primary:#E8EAF6;--bpm-text-secondary:#C5CDEE;--bpm-text-muted:#98A0C7;--bpm-accent-purple:#8A2BE2;--bpm-accent-cyan:#00E5FF;--bpm-border-color:#2E344E;--bpm-glow-purple:rgba(138, 43, 226, 0.6);--bpm-success:#28a745;--bpm-error:#c9184a}body{font-family:var(--theme-font-primary);background-color:var(--theme-bg-deep-space);color:var(--theme-text-secondary);line-height:1.7;font-weight:300!important;letter-spacing:.03em!important}.btn:disabled,h3{color:var(--bpm-text-muted)}.configurator-wrapper{display:flex;flex-wrap:wrap;gap:2rem;max-width:1600px;margin:auto;padding:120px 2rem 2rem}.main-column{flex:2;min-width:450px}.preview-column{display:flex;flex-direction:column;align-items:center;gap:1.25rem;min-width:460px}#preview-panel{flex:0 0 auto;width:100%;padding-bottom:4.5rem}#generateFinalBtn{flex-shrink:0}.panel{background-color:var(--bpm-bg-surface-1);border:1px solid var(--bpm-border-color);border-radius:1rem;padding:1.5rem 2rem}.preview-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;background-color:#000;position:sticky;top:2rem;border-radius:1rem;border:1px solid var(--bpm-border-color);padding:1rem}.preview-panel video{width:100%;max-width:320px;border-radius:.5rem}h1{font-size:1.8rem;margin-bottom:2rem}h2{font-size:1.2rem;border-bottom:1px solid var(--bpm-border-color);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.btn,h2 .step-circle{background:var(--bpm-accent-purple);font-weight:700;display:inline-flex;align-items:center;color:var(--bpm-text-primary)}h2 .step-circle{border-radius:50%;width:30px;height:30px;justify-content:center;font-size:1rem;flex-shrink:0}.content-section h2,.panel h1,.panel h2{color:var(--theme-text-primary)}h3{font-size:1rem;letter-spacing:1px;border-bottom:1px solid #2e344E80;margin:1.5rem 0}.btn-secondary:hover:not(:disabled),.hook-item:hover{border-color:var(--bpm-accent-cyan)}.config-group{margin-bottom:2.5rem}.btn{border:none;padding:.75rem 1.25rem;border-radius:.5rem;justify-content:center;gap:.5rem;width:100%;box-sizing:border-box;letter-spacing:.5px}.btn-secondary,.file-display,input[type=number],input[type=text],textarea{border:1px solid var(--bpm-border-color);background-color:var(--bpm-bg-surface-2)}.btn:hover:not(:disabled){box-shadow:0 0 15px var(--bpm-glow-purple);transform:translateY(-2px)}.btn:disabled{background-color:var(--bpm-bg-surface-2);cursor:not-allowed}.btn-secondary:hover:not(:disabled){color:var(--bpm-text-primary);box-shadow:none}.btn-group{display:flex;gap:1rem}.style-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.style-selector .btn.selected,.tool-link:hover{background-color:var(--bpm-accent-cyan);color:var(--bpm-bg-deep-space);border-color:var(--bpm-accent-cyan)}.file-display,input[type=number],input[type=text],textarea{width:100%;color:var(--bpm-text-primary);padding:.75rem;border-radius:.5rem;box-sizing:border-box;margin-bottom:1rem}#dynamic-controls-container label,.array-item-group h4{color:var(--bpm-text-secondary);text-transform:capitalize}.style-card span,input[type=file]{display:none}#hooks-container{max-height:300px;overflow-y:auto;padding-right:10px}.hook-item{display:flex;align-items:center;gap:1rem;background-color:var(--bpm-bg-surface-2);border:1px solid var(--bpm-border-color);padding:.75rem 1rem;border-radius:.5rem;margin-bottom:.75rem}.hook-item.selected{border-color:var(--bpm-accent-purple);box-shadow:0 0 10px var(--bpm-glow-purple)}.hook-item audio{filter:invert(1) hue-rotate(180deg);height:40px;flex-grow:1}#dynamic-controls-container label{font-size:.9rem;margin-bottom:.25rem}.control-wrapper{margin-bottom:1rem}.nested-object{border-left:3px solid var(--bpm-accent-purple);padding-left:1.5rem;margin:1.5rem 0;background:rgba(0,0,0,.1);border-radius:0 8px 8px 0;padding-top:.5rem;padding-bottom:1rem}.slider-container{display:flex;align-items:center;gap:1rem}.slider-container input[type=range]{flex-grow:1}.slider-container input[type=number]{width:75px;padding:.5rem}.color-input-wrapper{display:flex;gap:.5rem;align-items:center}.color-input-wrapper input[type=color]{padding:0;background:0 0;border:none;width:35px;height:35px;flex-shrink:0}.color-input-wrapper input[type=text]{margin-bottom:0}.array-item-group{border:1px solid var(--bpm-border-color);border-radius:8px;padding:1rem;margin-bottom:1rem;background-color:#00000020}.array-item-group h4{margin:0 0 1rem;font-size:1rem}.color-grid-container{display:flex;flex-wrap:wrap;gap:1rem}.overlay-item-row{display:flex;align-items:center;gap:1rem;background-color:var(--bpm-bg-surface-2);padding:.5rem 1rem;border-radius:.5rem;margin-bottom:.5rem}.overlay-item-row .asset-name{font-family:monospace;color:var(--bpm-text-muted);flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay-item-row .slider-container{min-width:200px}.drag-handle{cursor:grab;color:var(--bpm-text-muted);opacity:.5;transition:opacity .2s;padding-right:.5rem}.drag-handle:hover{opacity:1}.sortable-ghost{opacity:.4;background:var(--bpm-accent-purple);border-radius:.5rem}.delete-overlay-btn{background:var(--bpm-error);color:#fff;border:none;border-radius:50%;width:25px;height:25px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;margin-left:auto;transition:background-color .2s}.delete-overlay-btn:hover{background:#ff4d6d}.spinner-loader{border:4px solid var(--bpm-border-color);border-top:4px solid var(--bpm-accent-purple);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.status-message{margin-top:1rem;font-size:1rem;color:var(--bpm-text-muted)}.error-message{color:var(--bpm-error)}.content-section{background:linear-gradient(180deg,var(--bpm-bg-surface-1) 0,var(--bpm-bg-deep-space) 100%);color:var(--theme-text-secondary);max-width:1200px;margin:4rem auto;padding:3rem 4rem;border-radius:1.5rem;border:1px solid var(--bpm-border-color);box-shadow:0 10px 40px var(--theme-shadow-strong)}.feature-card,.testimonial-section,.tool-card{background-color:var(--bpm-bg-surface-2)}.hero-title-section{text-align:center;margin-bottom:2rem}.title-icon{font-size:2.5rem;color:var(--bpm-accent-purple);margin-bottom:1rem}.content-section h2{font-size:2.2rem;font-weight:900;border-bottom:none;margin-bottom:.5rem;display:flow}.feature-card h3,.testimonial-section blockquote{font-size:1.3rem;color:var(--theme-text-primary)}.content-section p{margin-bottom:1rem;line-height:1.8}.sub-headline{font-size:1.2rem;color:var(--theme-text-muted);max-width:700px;margin:0 auto 2rem}.section-divider{border:0;height:1px;background-image:linear-gradient(to right,rgba(0,0,0,0),var(--bpm-border-color),rgba(0,0,0,0));margin:3rem 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.faq-grid,.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.feature-card{padding:2rem;border-radius:1rem;border:1px solid var(--bpm-border-color);transition:.3s}.feature-card:hover{transform:translateY(-5px);border-color:var(--bpm-accent-cyan);box-shadow:0 5px 25px var(--theme-glow-cyan)}.feature-icon{font-size:2rem;color:var(--bpm-accent-cyan);margin-bottom:1rem}.feature-card h3{margin-bottom:.5rem}.testimonial-section{border-left:5px solid var(--bpm-accent-purple);padding:2rem 2.5rem;border-radius:0 1rem 1rem 0;margin:2rem 0}.testimonial-section blockquote{font-style:italic;margin:0 0 1rem;border:none;padding:0}.testimonial-section cite{font-style:normal;font-weight:700;color:var(--theme-text-muted)}.cheatsheet-list li::before,summary::after{font-family:'Font Awesome 6 Free';font-weight:900}.faq-item h3{font-size:1.1rem;color:var(--bpm-accent-cyan);margin-bottom:.5rem}.tools-grid{margin-top:2rem}.tool-card{padding:2rem;border-radius:1rem;border:1px solid var(--bpm-border-color);display:flex;flex-direction:column}.tool-link,summary{padding:.75rem 1.25rem;font-weight:700}.tool-card-icon{font-size:1.5rem;color:var(--bpm-accent-purple);margin-bottom:1rem}.tool-card h4{font-size:1.2rem;color:var(--theme-text-primary);margin:0 0 .5rem}.tool-card p{margin-bottom:1.5rem;flex-grow:1}.tool-link{display:inline-block;background-color:var(--bpm-bg-surface-1);color:var(--bpm-accent-cyan);border-radius:.5rem;text-decoration:none;border:1px solid var(--bpm-border-color);transition:.2s}.video-examples-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem}.video-wrapper{position:relative;padding-top:177.77%;background-color:#000;border-radius:.75rem;overflow:hidden;border:1px solid var(--bpm-border-color);cursor:pointer}.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%}.video-wrapper .play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:rgba(138,43,226,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;transition:.2s;opacity:1;z-index:10;pointer-events:none}.video-wrapper:hover .play-button-overlay{background:var(--theme-accent-purple);transform:translate(-50%,-50%) scale(1.1)}.video-wrapper video.is-playing+.play-button-overlay{opacity:0}.progress-container{width:100%;max-width:280px;background-color:var(--bpm-bg-surface-2);border:1px solid var(--bpm-border-color);border-radius:9999px;padding:4px;box-shadow:inset 0 1px 3px rgba(0,0,0,.4)}.progress-bar{width:0%;height:20px;background:linear-gradient(90deg,var(--bpm-accent-purple) 0,var(--bpm-accent-cyan) 100%);border-radius:9999px;display:flex;align-items:center;justify-content:center;transition:width .1s linear}.progress-text{color:#fff;font-size:.8rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media (max-width:991px){.video-examples-grid{grid-template-columns:repeat(2,1fr)}.configurator-wrapper{flex-direction:column;padding:1rem}#preview-container,.main-column{flex-basis:100%;min-width:0;max-width:100%}.preview-panel{position:static;min-height:300px}.content-section{padding:2rem}.faq-grid,.tools-grid{grid-template-columns:1fr}}@media (max-width:767px){.content-section{padding:1.5rem;margin:2rem 1rem}.content-section h2{font-size:1.8rem}.sub-headline{font-size:1.1rem}}.step3-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--bpm-border-color);margin-bottom:1.5rem;align-items:flex-start!important}.step3-header h2{border-bottom:none;margin-bottom:0}.controls-container{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.aspect-ratio-pills{display:flex;gap:.5rem}.aspect-pill{background-color:var(--bpm-bg-surface-2);color:var(--bpm-text-muted);padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:500;border:1px solid var(--bpm-border-color);transition:.2s;cursor:pointer}.aspect-pill.selected{background-color:var(--bpm-accent-cyan);color:var(--bpm-bg-deep-space);border-color:var(--bpm-accent-cyan);font-weight:700}.caption-toggle{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--bpm-text-secondary);margin-top:.8rem;margin-bottom:.8rem!important}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4a5568;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--theme-accent-purple)}input:checked+.toggle-slider:before{transform:translateX(20px)}.style-card-selector{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.style-card{flex-shrink:0;background:0 0;border:2px solid transparent;border-radius:.5rem;padding:.25rem;cursor:pointer;transition:border-color .2s}.video-card{display:flex;flex-direction:column;align-items:center}.video-card .video-wrapper{width:100%}.video-caption{margin-top:.5rem;font-size:.8rem;line-height:1.2;color:var(--bpm-text-muted);pointer-events:none}.style-card.selected,details[open]{border-color:var(--bpm-accent-purple)}.style-card .thumbnail{width:80px;height:80px;border-radius:.375rem;background-color:var(--bpm-bg-surface-2);display:flex;align-items:center;justify-content:center}.style-card .thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:.375rem}#sticky-cta-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:1rem;background:rgba(13,15,24,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--theme-border-color);transform:translateY(100%);transition:transform .3s ease-in-out,background-color .3s}.cheatsheet-section{margin-top:4rem}.cheatsheet-list{list-style:none;padding:0;margin-top:2rem}.cheatsheet-list li{position:relative;margin-bottom:.85rem;padding-left:1.6rem;font-size:.95rem;line-height:1.55}.cheatsheet-list li::before{content:'\f058';color:var(--bpm-accent-cyan);position:absolute;left:0;top:0}#sticky-cta-bar.visible{transform:translateY(0)}#sticky-cta-bar.error-state{background-color:rgba(201,24,74,.5)}#sticky-cta-bar .btn{display:flex;margin:0 auto;width:100%;max-width:450px;font-size:1.1rem;padding:1rem}details{border:1px solid var(--bpm-border-color);border-radius:.5rem}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}summary::-webkit-details-marker{display:none}.trimmer-highlight{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0;border-radius:6px;pointer-events:none;transition:opacity .4s ease-out}.trimmer-highlight.active{opacity:.2;transition:opacity .1s ease-in}summary::after{content:'\f078';transition:transform .2s ease-in-out}details[open]>summary::after{transform:rotate(180deg)}.accordion-content{padding:1.5rem;border-top:1px solid var(--bpm-border-color)}.skeleton-card{flex-shrink:0;width:88px;height:88px;background-color:var(--bpm-bg-surface-2);border-radius:.5rem;position:relative;overflow:hidden}.skeleton-card::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:1.5s infinite shimmer-animation}@keyframes shimmer-animation{100%{left:100%}}.btn-final{background:linear-gradient(90deg,var(--bpm-accent-cyan) 0,var(--bpm-accent-purple) 100%);box-shadow:0 0 12px var(--bpm-accent-cyan);transition:transform .15s,box-shadow .25s;animation:2.4s infinite pulseGlow}@keyframes pulseGlow{0%,100%{box-shadow:0 0 12px var(--bpm-accent-cyan)}50%{box-shadow:0 0 24px var(--bpm-accent-cyan)}}.btn-final:focus-visible,.btn-final:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 0 18px var(--bpm-accent-purple)}.btn-final:disabled{background:var(--bpm-bg-surface-2);box-shadow:none;opacity:.55}@media (max-width:576px){.mode-selector{flex-direction:column}.video-examples-grid{grid-template-columns:1fr}.step3-header{flex-direction:column;align-items:flex-start;gap:1.25rem}.controls-container,.preview-column{width:100%}.aspect-ratio-pills{flex-wrap:nowrap;justify-content:space-between;width:100%;gap:.75rem}.aspect-pill{flex:1 1 0;min-width:0;min-height:56px;font-size:.9rem}.caption-toggle{width:100%;justify-content:space-between}.panel{padding:1.5rem .4rem}}.preview-column{position:sticky;top:2rem;align-self:flex-start;z-index:10}#generateFinalBtn{position:relative;width:100%;display:flex;justify-content:center}