.alchemy-container{background:#f6f6f7;display:flex;min-height:calc(100vh - 60px)}.alchemy-container.dark-mode{background:#001a23}.alchemy-container.alchemy-no-sidebar{display:block}.alchemy-container.alchemy-no-sidebar .alchemy-main--full{max-width:100%;width:100%}.alchemy-sidebar{background:#fff;border-right:1px solid #e1e3e5;display:flex;flex-direction:column;flex-shrink:0;width:240px}.dark-mode .alchemy-sidebar{background:#001a23;border-color:#ffffff1a}.alchemy-sidebar__header{align-items:center;border-bottom:1px solid #e1e3e5;display:flex;gap:10px;padding:20px}.dark-mode .alchemy-sidebar__header{border-color:#ffffff1a}.alchemy-sidebar__header h2{color:#202223;font-size:18px;font-weight:600;margin:0}.dark-mode .alchemy-sidebar__header h2{color:#f1f1f1}.alchemy-badge{background:linear-gradient(135deg,#94d2bd,#81e0c0);border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.alchemy-sidebar__section{padding:12px 0}.alchemy-sidebar__section-title{color:#6d7175;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:0 20px;text-transform:uppercase}.dark-mode .alchemy-sidebar__section-title{color:#8b8b9a}.alchemy-sidebar__list{list-style:none;margin:0;padding:0}.alchemy-sidebar__item{align-items:center;color:#202223;cursor:pointer;display:flex;gap:10px;padding:10px 20px;transition:all .15s ease}.dark-mode .alchemy-sidebar__item{color:#d1d1d6}.alchemy-sidebar__item:hover{background:#f6f6f7}.dark-mode .alchemy-sidebar__item:hover{background:#002331}.alchemy-sidebar__item.active{background:linear-gradient(135deg,#94d2bd1a,#81e0c01a);color:#94d2bd;font-weight:500}.dark-mode .alchemy-sidebar__item.active{background:linear-gradient(135deg,#94d2bd33,#81e0c033);color:#81e0c0}.alchemy-sidebar__item-name{flex:1 1}.alchemy-sidebar__item-badge{background:#e4e5e7;border-radius:4px;color:#6d7175;font-size:9px;font-weight:500;padding:2px 6px}.dark-mode .alchemy-sidebar__item-badge{background:#ffffff1a;color:#8b8b9a}.alchemy-sidebar__usage{border-top:1px solid #e1e3e5;margin-top:auto;padding:20px}.dark-mode .alchemy-sidebar__usage{border-color:#ffffff1a}.usage-label{color:#6d7175;font-size:12px;font-weight:500;margin-bottom:8px}.dark-mode .usage-label{color:#8b8b9a}.usage-bar{background:#e4e5e7;border-radius:3px;height:6px;overflow:hidden}.dark-mode .usage-bar{background:#ffffff1a}.usage-bar__fill{background:linear-gradient(90deg,#94d2bd,#81e0c0);border-radius:3px;height:100%;transition:width .3s ease}.usage-text{color:#6d7175;font-size:11px;margin-top:6px}.dark-mode .usage-text{color:#8b8b9a}.alchemy-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.alchemy-header{align-items:center;background:#fff;border-bottom:1px solid #e1e3e5;display:flex;gap:16px;padding:20px 24px}.dark-mode .alchemy-header{background:#001a23;border-color:#ffffff1a}.alchemy-header__back .back-button{align-items:center;background:#f6f6f7;border-radius:8px;display:flex;height:36px;justify-content:center;transition:background .15s ease;width:36px}.dark-mode .alchemy-header__back .back-button{background:#002331}.alchemy-header__back .back-button:hover{background:#e4e5e7}.dark-mode .alchemy-header__back .back-button:hover{background:#002331}.alchemy-header__content h1{color:#202223;font-size:20px;font-weight:600;margin:0 0 4px}.dark-mode .alchemy-header__content h1{color:#f1f1f1}.alchemy-header__content p{color:#6d7175;font-size:13px;margin:0}.dark-mode .alchemy-header__content p{color:#8b8b9a}.alchemy-content{flex:1 1;overflow-y:auto;padding:24px}.remix-studio{background:#001219;border-radius:8px;color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden}.remix-studio-loading{align-items:center;color:#6d7175;display:flex;flex-direction:column;gap:16px;height:400px;justify-content:center}.remix-studio__toolbar{align-items:center;background:#001219;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 16px}.toolbar-center,.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:8px}.toolbar-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#8b8b9a;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.toolbar-btn:hover{background:#ffffff1a;color:#fff}.toolbar-divider{background:#ffffff1a;height:24px;margin:0 8px;width:1px}.remix-studio__content{display:flex;flex:1 1;overflow:hidden}.remix-studio__media-panel{background:#001a23;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;width:240px}.panel-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 16px}.panel-header h3{font-size:13px;font-weight:600;margin:0}.panel-action{background:#0000;border:none;color:#8b8b9a;cursor:pointer;padding:4px}.panel-action:hover{color:#fff}.media-list{flex:1 1;overflow-y:auto;padding:8px}.media-item{align-items:center;border-radius:6px;cursor:grab;display:flex;gap:10px;padding:10px;transition:background .15s ease}.media-item:hover{background:#002331}.media-thumbnail{align-items:center;background:#ffffff1a;border-radius:4px;color:#8b8b9a;display:flex;height:40px;justify-content:center;width:40px}.media-info{flex:1 1;min-width:0}.media-name{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-duration{color:#6d7175;font-size:11px}.add-media-btn{align-items:center;background:#0000;border:1px dashed #ffffff1a;border-radius:6px;color:#8b8b9a;cursor:pointer;display:flex;font-size:12px;gap:6px;justify-content:center;margin:8px;padding:10px;transition:all .15s ease}.add-media-btn:hover{border-color:#94d2bd;color:#94d2bd}.remix-studio__preview{background:#001219;flex:1 1;flex-direction:column;padding:24px}.preview-container,.remix-studio__preview{align-items:center;display:flex;justify-content:center}.preview-container{background:#000;border-radius:8px;max-height:calc(100% - 60px);max-width:100%;min-height:300px;overflow:hidden}.preview-placeholder{align-items:center;color:#6d7175;display:flex;flex-direction:column;gap:8px}.playback-controls{gap:16px;margin-top:16px}.play-btn,.playback-controls{align-items:center;display:flex}.play-btn{background:#94d2bd;border:none;border-radius:50%;color:#fff;cursor:pointer;height:48px;justify-content:center;transition:background .15s ease;width:48px}.play-btn:hover{background:#00c3e3}.time-display{color:#8b8b9a;font-family:monospace;font-size:13px}.volume-control{color:#8b8b9a}.remix-studio__properties{background:#001a23;border-left:1px solid #ffffff1a;display:flex;flex-direction:column;width:280px}.property-fields{padding:16px}.property-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.no-selection{color:#6d7175;padding:24px;text-align:center}.remix-studio__timeline{background:#001a23;border-top:1px solid #ffffff1a;padding-bottom:8px}.timeline-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:16px;padding:8px 16px}.timeline-controls{align-items:center;display:flex;gap:8px}.zoom-btn{background:#0000;border:none;color:#8b8b9a;cursor:pointer;padding:4px}.zoom-btn:hover{color:#fff}.zoom-value{color:#8b8b9a;font-size:12px;min-width:40px;text-align:center}.timeline-ruler{background:#001219;border-radius:4px;cursor:pointer;flex:1 1;height:24px;position:relative}.ruler-mark{color:#6d7175;font-size:10px;position:absolute;top:50%;transform:translateY(-50%)}.playhead{height:100%;top:0;width:2px;z-index:10}.playhead,.playhead:after{background:#94d2bd;position:absolute}.playhead:after{border-radius:2px;content:"";height:12px;left:-5px;top:-4px;transform:rotate(45deg);width:12px}.timeline-tracks{max-height:200px;overflow-y:auto;padding:8px 16px}.timeline-track{align-items:center;border-radius:4px;display:flex;margin-bottom:4px;overflow:hidden}.timeline-track.selected{background:#94d2bd1a}.track-header{align-items:center;background:#002331;color:#d1d1d6;display:flex;flex-shrink:0;font-size:12px;gap:8px;padding:8px 12px;width:140px}.track-clips{background:#001219;flex:1 1;height:40px;position:relative}.track-clip{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:calc(100% - 8px);padding:0 8px;position:absolute;top:4px;transition:opacity .15s ease}.track-clip:hover{opacity:.9}.track-clip.selected{box-shadow:0 0 0 2px #fff}.clip-name{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-track-btn{align-items:center;background:#0000;border:1px dashed #ffffff1a;border-radius:4px;color:#6d7175;cursor:pointer;display:flex;font-size:12px;gap:6px;justify-content:center;margin:8px 16px;padding:8px}.add-track-btn:hover{border-color:#94d2bd;color:#94d2bd}.hook-variants{max-width:1400px}.hook-variants-loading{align-items:center;color:#6d7175;display:flex;flex-direction:column;gap:16px;height:400px;justify-content:center}.source-video-section{align-items:center;display:flex;justify-content:space-between}.source-video-preview{align-items:center;display:flex;gap:16px}.source-video-preview .video-thumbnail{align-items:center;background:#e4e5e7;border-radius:6px;color:#6d7175;display:flex;height:68px;justify-content:center;width:120px}.dark-mode .source-video-preview .video-thumbnail{background:#ffffff1a;color:#8b8b9a}.source-video-preview .video-info h3{font-size:15px;font-weight:600;margin:0 0 4px}.source-video-preview .video-meta{color:#6d7175;display:flex;font-size:13px;gap:16px}.source-video-preview .video-meta span{align-items:center;display:flex;gap:4px}.source-video-actions{display:flex;gap:8px}.hook-variants__content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:320px 1fr;margin-top:24px}.hook-variants__settings .card-header{align-items:center;border-bottom:1px solid #e1e3e5;display:flex;gap:8px;padding:16px}.dark-mode .hook-variants__settings .card-header{border-color:#ffffff1a}.hook-variants__settings .card-header h3{align-items:center;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0}.settings-form{display:flex;flex-direction:column;gap:16px;padding:16px}.settings-checkboxes{display:flex;flex-direction:column;gap:8px;padding-top:8px}.ai-suggestions{padding:16px}.suggestion-item{align-items:flex-start;color:#6d7175;display:flex;font-size:13px;gap:8px;padding:8px 0}.dark-mode .suggestion-item{color:#8b8b9a}.suggestion-item svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.hook-variants__list{display:flex;flex-direction:column}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.list-header h3{font-size:16px;font-weight:600;margin:0}.variants-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.variant-card{background:#fff;border:1px solid #e1e3e5;border-radius:8px;overflow:hidden;position:relative;transition:all .15s ease}.dark-mode .variant-card{background:#001a23;border-color:#ffffff1a}.variant-card:hover{box-shadow:0 4px 12px #0000001a}.variant-card.selected{border-color:#94d2bd}.variant-card.focused{box-shadow:0 0 0 2px #94d2bd4d}.variant-header{align-items:center;border-bottom:1px solid #e1e3e5;display:flex;gap:8px;padding:12px}.dark-mode .variant-header{border-color:#ffffff1a}.variant-name{flex:1 1;font-size:13px;font-weight:600}.variant-preview{align-items:center;background:#f6f6f7;display:flex;height:160px;justify-content:center;position:relative}.dark-mode .variant-preview{background:#001219}.variant-preview .preview-thumbnail{color:#8b8b9a}.variant-preview .preview-overlay{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;left:0;padding:12px;position:absolute;right:0}.variant-preview .hook-text{display:block;font-size:12px;font-style:italic;margin-bottom:4px}.variant-preview .hook-duration{font-size:11px;opacity:.8}.variant-metrics{border-bottom:1px solid #e1e3e5;display:flex;padding:12px}.dark-mode .variant-metrics{border-color:#ffffff1a}.variant-metrics .metric{flex:1 1;text-align:center}.variant-metrics .metric-label{color:#6d7175;display:block;font-size:10px;margin-bottom:2px;text-transform:uppercase}.variant-metrics .metric-value{font-size:14px;font-weight:600}.metric-value.score-success{color:#008060}.metric-value.score-warning{color:#b98900}.metric-value.score-critical{color:#d72c0d}.variant-processing{color:#6d7175;display:flex;flex-direction:column;font-size:12px;gap:8px;padding:12px;text-align:center}.variant-actions{display:flex;gap:4px;justify-content:center;padding:12px}.variant-actions .action-btn{align-items:center;background:#f6f6f7;border:none;border-radius:6px;color:#6d7175;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.dark-mode .variant-actions .action-btn{background:#002331;color:#8b8b9a}.variant-actions .action-btn:hover{background:#e4e5e7;color:#202223}.dark-mode .variant-actions .action-btn:hover{background:#002331;color:#fff}.variant-actions .action-btn.delete:hover{background:#fbeae5;color:#d72c0d}.expand-btn{background:#0000;border:none;bottom:8px;color:#6d7175;cursor:pointer;height:24px;position:absolute;right:8px;width:24px}.variant-details{background:#f6f6f7;border-top:1px solid #e1e3e5;padding:12px}.dark-mode .variant-details{background:#001219;border-color:#ffffff1a}.variant-details .detail-row{margin-bottom:12px}.variant-details .detail-row label{display:block;font-size:12px;font-weight:500;margin-bottom:4px}.lip-sync-panel{max-width:1400px}.lip-sync-loading{align-items:center;color:#6d7175;display:flex;flex-direction:column;gap:16px;height:400px;justify-content:center}.lip-sync__content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 380px;margin-top:24px}.lip-sync__creator{display:flex;flex-direction:column;gap:16px}.step-header{align-items:flex-start;border-bottom:1px solid #e1e3e5;display:flex;gap:12px;padding:16px}.dark-mode .step-header{border-color:#ffffff1a}.step-number{align-items:center;background:#e4e5e7;border-radius:50%;color:#6d7175;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:28px;justify-content:center;width:28px}.dark-mode .step-number{background:#ffffff1a;color:#8b8b9a}.step-number.active{background:linear-gradient(135deg,#94d2bd,#81e0c0);color:#fff}.step-info h3{font-size:15px;font-weight:600;margin:0 0 2px}.step-info p{color:#6d7175;font-size:13px;margin:0}.uploaded-file{align-items:center;background:#f6f6f7;border-radius:8px;display:flex;gap:12px;margin:16px;padding:16px}.dark-mode .uploaded-file{background:#002331}.uploaded-file .file-preview{align-items:center;background:#e4e5e7;border-radius:6px;color:#6d7175;display:flex;height:48px;justify-content:center;width:48px}.dark-mode .uploaded-file .file-preview{background:#ffffff1a;color:#8b8b9a}.uploaded-file .file-info{flex:1 1}.uploaded-file .file-name{display:block;font-size:13px;font-weight:500}.uploaded-file .file-size{color:#6d7175;font-size:12px}.audio-source-tabs{border-bottom:1px solid #e1e3e5;display:flex;gap:8px;padding:16px}.dark-mode .audio-source-tabs{border-color:#ffffff1a}.audio-source-tabs .tab-btn{align-items:center;background:#fff;border:1px solid #e1e3e5;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .15s ease}.dark-mode .audio-source-tabs .tab-btn{background:#001a23;border-color:#ffffff1a;color:#d1d1d6}.audio-source-tabs .tab-btn:hover{border-color:#c1c1c5}.audio-source-tabs .tab-btn.active{background:#94d2bd1a;border-color:#94d2bd;color:#94d2bd}.audio-source-content{padding:16px}.audio-upload,.text-to-speech,.voice-clone{display:flex;flex-direction:column;gap:16px}.settings-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.generation-settings{display:flex;flex-direction:column;gap:12px;padding:16px}.generate-action{border-top:1px solid #e1e3e5;padding:16px}.dark-mode .generate-action{border-color:#ffffff1a}.credits-info{color:#6d7175;font-size:12px;margin-top:8px;text-align:center}.lip-sync__jobs{display:flex;flex-direction:column;gap:16px}.lip-sync__jobs .card-header{align-items:center;border-bottom:1px solid #e1e3e5;display:flex;justify-content:space-between;padding:16px}.dark-mode .lip-sync__jobs .card-header{border-color:#ffffff1a}.lip-sync__jobs .card-header h3{font-size:15px;font-weight:600;margin:0}.jobs-list{padding:8px}.job-item{align-items:center;border-radius:8px;display:flex;gap:12px;padding:12px;transition:background .15s ease}.job-item:hover{background:#f6f6f7}.dark-mode .job-item:hover{background:#002331}.job-thumbnail{align-items:center;background:#e4e5e7;border-radius:6px;color:#6d7175;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.dark-mode .job-thumbnail{background:#ffffff1a;color:#8b8b9a}.job-info{flex:1 1;min-width:0}.job-name{display:block;font-size:13px;font-weight:500;margin-bottom:2px}.job-meta{color:#6d7175;display:flex;font-size:11px;gap:12px}.job-meta span{align-items:center}.job-actions,.job-meta span{display:flex;gap:4px}.job-actions .action-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6d7175;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.job-actions .action-btn:hover{background:#e4e5e7;color:#202223}.dark-mode .job-actions .action-btn:hover{background:#002331;color:#fff}.empty-jobs{color:#6d7175;padding:32px;text-align:center}.empty-jobs svg{margin-bottom:8px}.empty-jobs p{font-size:14px;font-weight:500;margin:0 0 4px}.empty-jobs span{font-size:12px}.usage-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:16px}.usage-stat{text-align:center}.usage-stat .stat-value{color:#94d2bd;display:block;font-size:20px;font-weight:600}.usage-stat .stat-label{color:#6d7175;font-size:11px}.ai-generation-panel{max-width:1400px}.ai-generation-loading{align-items:center;color:#6d7175;display:flex;flex-direction:column;gap:16px;height:400px;justify-content:center}.ai-generation__content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 400px;margin-top:24px}.ai-generation__controls{display:flex;flex-direction:column;gap:16px}.generation-form{padding:16px}.image-to-video-form,.text-to-video-form,.video-to-video-form{display:flex;flex-direction:column;gap:16px}.prompt-suggestions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.suggestions-label{color:#6d7175;font-size:12px}.suggestions-list{display:flex;flex-wrap:wrap;gap:6px}.suggestion-chip{background:#f6f6f7;border:none;border-radius:12px;color:#6d7175;cursor:pointer;font-size:11px;padding:4px 10px;transition:all .15s ease}.dark-mode .suggestion-chip{background:#ffffff1a;color:#8b8b9a}.suggestion-chip:hover{background:#e4e5e7;color:#202223}.dark-mode .suggestion-chip:hover{background:#002331;color:#fff}.upload-area{border:2px dashed #e1e3e5;border-radius:8px;cursor:pointer;padding:32px;text-align:center;transition:all .15s ease}.dark-mode .upload-area{border-color:#ffffff1a}.upload-area:hover{border-color:#94d2bd}.upload-placeholder{align-items:center;color:#6d7175;display:flex;flex-direction:column;gap:8px}.upload-placeholder span{font-size:14px;font-weight:500}.upload-placeholder p{font-size:12px;margin:0}.settings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:16px}.slider-field{grid-column:span 2}.slider-field label{display:block;font-size:13px;font-weight:500;margin-bottom:8px}.ai-generation__results{display:flex;flex-direction:column;gap:16px}.generated-grid{padding:8px}.generated-item{border:1px solid #e1e3e5;border-radius:8px;margin-bottom:12px;overflow:hidden}.dark-mode .generated-item{border-color:#ffffff1a}.generated-item .item-preview{align-items:center;background:#f6f6f7;display:flex;height:180px;justify-content:center;position:relative}.dark-mode .generated-item .item-preview{background:#001219}.generated-item .preview-placeholder{color:#8b8b9a}.generated-item .preview-overlay{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .15s ease}.generated-item:hover .preview-overlay{opacity:1}.generated-item .play-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#202223;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px}.generated-item .duration-badge{background:#000000b3;border-radius:4px;bottom:8px;color:#fff;font-size:11px;padding:2px 6px;position:absolute;right:8px}.generated-item .processing-overlay{align-items:center;color:#6d7175;display:flex;flex-direction:column;gap:8px}.generated-item .item-info{padding:12px}.generated-item .item-prompt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6d7175;display:-webkit-box;font-size:12px;margin:0 0 8px;overflow:hidden}.generated-item .item-meta{align-items:center;color:#8b8b9a;display:flex;font-size:11px;justify-content:space-between}.generated-item .item-meta span{align-items:center;display:flex;gap:4px}.generated-item .item-actions{border-top:1px solid #e1e3e5;display:flex;gap:4px;justify-content:center;padding:8px}.dark-mode .generated-item .item-actions{border-color:#ffffff1a}.generated-item .action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6d7175;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.generated-item .action-btn:hover{background:#f6f6f7;color:#202223}.dark-mode .generated-item .action-btn:hover{background:#ffffff1a;color:#fff}.generated-item .action-btn.liked{color:#f59e0b}.empty-results{color:#6d7175;padding:48px 24px;text-align:center}.empty-results h4{font-size:16px;font-weight:500;margin:12px 0 4px}.empty-results p{font-size:13px;margin:0}.queue-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:16px}.queue-stat{text-align:center}.queue-stat .stat-value{display:block;font-size:18px;font-weight:600}.queue-stat .stat-label{color:#6d7175;font-size:11px}.remix-templates{max-width:1600px}.remix-templates-loading{align-items:center;color:#6d7175;display:flex;flex-direction:column;gap:16px;height:400px;justify-content:center}.templates-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.templates-header .header-left{width:300px}.templates-header .header-right{align-items:center;display:flex;gap:12px}.view-toggle{border:1px solid #e1e3e5;border-radius:6px;display:flex;overflow:hidden}.dark-mode .view-toggle{border-color:#ffffff1a}.view-toggle .toggle-btn{align-items:center;background:#fff;border:none;color:#6d7175;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.dark-mode .view-toggle .toggle-btn{background:#001a23;color:#8b8b9a}.view-toggle .toggle-btn.active{background:#94d2bd;color:#fff}.templates-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.category-btn{background:#fff;border:1px solid #e1e3e5;border-radius:20px;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .15s ease}.dark-mode .category-btn{background:#001a23;border-color:#ffffff1a;color:#d1d1d6}.category-btn:hover{border-color:#c1c1c5}.category-btn.active{background:#94d2bd1a;border-color:#94d2bd;color:#94d2bd}.templates-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:260px 1fr}.templates-filters .filter-section{padding:16px}.templates-filters .filter-section h4{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px}.filter-group{margin-bottom:20px}.filter-group label{color:#6d7175;display:block;font-size:12px;font-weight:500;margin-bottom:8px}.featured-section{padding:16px}.featured-section h4{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.featured-list{display:flex;flex-direction:column;gap:8px}.featured-item{align-items:center;background:#f6f6f7;border-radius:6px;display:flex;font-size:12px;justify-content:space-between;padding:8px}.dark-mode .featured-item{background:#002331}.featured-name{font-weight:500}.featured-uses{color:#6d7175}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.templates-grid.list{grid-template-columns:1fr}.template-card{background:#fff;border:1px solid #e1e3e5;border-radius:10px;overflow:hidden;transition:all .2s ease}.dark-mode .template-card{background:#001a23;border-color:#ffffff1a}.template-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.template-preview{align-items:center;background:linear-gradient(135deg,#94d2bd,#00c3e3);display:flex;height:180px;justify-content:center;position:relative}.template-preview .preview-placeholder{color:#ffffff80}.template-preview .preview-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.template-card:hover .preview-overlay{opacity:1}.template-preview .preview-play{align-items:center;background:#fffffff2;border:none;border-radius:50%;color:#202223;cursor:pointer;display:flex;height:56px;justify-content:center;transition:transform .15s ease;width:56px}.template-preview .preview-play:hover{transform:scale(1.1)}.template-preview .Polaris-Badge{left:12px;position:absolute;top:12px}.template-preview .duration-badge{align-items:center;background:#000000b3;border-radius:4px;bottom:12px;color:#fff;display:flex;font-size:11px;gap:4px;padding:4px 8px;position:absolute;right:12px}.template-info{padding:16px}.template-name{font-size:15px;font-weight:600;margin:0 0 6px}.template-description{color:#6d7175;font-size:13px;line-height:1.4;margin:0 0 12px}.template-platforms{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.template-stats{display:flex;gap:16px;margin-bottom:10px}.template-stats .stat{align-items:center;color:#6d7175;display:flex;font-size:12px;gap:4px}.template-tags{display:flex;flex-wrap:wrap;gap:6px}.template-tags .tag{background:#94d2bd1a;border-radius:4px;color:#94d2bd;font-size:11px;padding:2px 6px}.template-actions{border-top:1px solid #e1e3e5;padding:12px 16px 16px}.dark-mode .template-actions{border-color:#ffffff1a}.secondary-actions{display:flex;gap:8px;justify-content:center;margin-top:10px}.secondary-actions .action-btn{align-items:center;background:#f6f6f7;border:none;border-radius:6px;color:#6d7175;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.dark-mode .secondary-actions .action-btn{background:#002331;color:#8b8b9a}.secondary-actions .action-btn:hover{background:#e4e5e7;color:#202223}.dark-mode .secondary-actions .action-btn:hover{background:#002331;color:#fff}.no-templates{color:#6d7175;grid-column:1/-1;padding:64px 24px;text-align:center}.no-templates h4{font-size:16px;font-weight:500;margin:16px 0 4px}.no-templates p{font-size:13px;margin:0}.request-template{margin-top:32px}.request-content{align-items:center;display:flex;justify-content:space-between;padding:24px}.request-content h3{font-size:16px;font-weight:600;margin:0 0 4px}.request-content p{color:#6d7175;font-size:13px;margin:0}@media (max-width:1200px){.ai-generation__content,.hook-variants__content,.lip-sync__content,.templates-content{grid-template-columns:1fr}}@media (max-width:768px){.alchemy-container{flex-direction:column}.alchemy-sidebar{border-bottom:1px solid #e1e3e5;border-right:none;width:100%}.remix-studio__content{flex-direction:column}.remix-studio__media-panel,.remix-studio__properties{border:none;border-bottom:1px solid #ffffff1a;width:100%}.templates-grid,.variants-grid{grid-template-columns:1fr}}