.studio-card{background:var(--card-bg);border:1px solid var(--card-border);min-width:280px;max-width:320px;box-shadow:var(--card-shadow);cursor:grab;border-radius:16px;padding:22px;transition:border-color .3s,box-shadow .3s,background .3s;position:relative}.studio-card:active{cursor:grabbing}.studio-card:hover{border-color:var(--card-border-hover)}.studio-card-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.studio-card-icon{background:var(--card-accent-bg);border:1px solid var(--card-accent-border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.studio-card-icon img{filter:invert(55%)sepia(60%)saturate(2000%)hue-rotate(200deg)brightness();opacity:.85;width:18px;height:18px}.studio-card-title{color:var(--card-text);letter-spacing:-.01em;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.studio-card-subtitle{color:var(--card-text-dim);margin-top:1px;font-family:Inter,sans-serif;font-size:11px}.connection-dot{border:2px solid var(--connector-dot-border,#111);z-index:2;width:12px;height:12px;box-shadow:0 0 6px var(--connector-dot-shadow,#a0917d33);background:#888;border-radius:50%;position:absolute}.connection-dot-right{top:50%;right:-7px;transform:translateY(-50%)}.connection-dot-left{top:50%;left:-7px;transform:translateY(-50%)}.upload-zone{border:1.5px dashed var(--card-border);text-align:center;cursor:pointer;background:#ffffff03;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:120px;padding:28px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.upload-zone:hover{border-color:var(--card-accent);background:var(--card-accent-bg);box-shadow:0 0 0 3px var(--card-accent-bg);transform:scale(1.01)}.upload-zone:hover .upload-zone-icon{color:var(--card-accent);transform:scale(1.15)}.upload-zone:hover .upload-zone-text{color:var(--card-accent)}.upload-zone.drag-over{border-color:var(--card-accent);background:var(--card-accent-bg);box-shadow:0 0 20px var(--card-accent-bg);transform:scale(1.02)}.upload-zone-icon{color:#666;font-size:22px;font-weight:300;transition:transform .3s,color .3s}.upload-zone-text{color:#888;font-family:Inter,sans-serif;font-size:12px;transition:color .3s}.upload-zone-text span{color:#5b8def;cursor:pointer;font-weight:600}.upload-zone-text span:hover{color:#7ba4f7}.upload-actions{gap:8px;margin-top:8px;display:flex}.upload-action-btn{background:var(--card-input-bg);border:1px solid var(--card-border);color:var(--card-text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:Inter,sans-serif;font-size:11px;transition:all .2s;display:flex}.upload-action-btn:hover{border-color:var(--card-accent);color:var(--card-accent)}.upload-count{color:#666;text-align:right;margin-top:8px;font-family:Inter,sans-serif;font-size:11px}.card-send-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#5b8def,#7ba4f7);border:none;border-radius:8px;width:100%;margin-top:12px;padding:10px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.card-send-btn:hover{opacity:.9;transform:translateY(-1px)}.upload-preview-grid{overscroll-behavior:contain;grid-template-columns:repeat(4,1fr);gap:6px;max-height:160px;margin-top:12px;display:grid;overflow-y:auto}.upload-preview-item{aspect-ratio:1;border:1px solid #2a2a2a;border-radius:8px;position:relative;overflow:hidden}.upload-preview-item img{object-fit:cover;width:100%;height:100%}.upload-preview-remove{color:#f5f5f5;cursor:pointer;opacity:0;background:#000000bf;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;transition:opacity .2s;display:flex;position:absolute;top:3px;right:3px}.upload-preview-item:hover .upload-preview-remove{opacity:1}.config-section{margin-bottom:18px}.config-section-title{color:var(--card-text-faint);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #ffffff0a;margin-bottom:10px;padding-bottom:6px;font-family:Inter,sans-serif;font-size:10px;font-weight:600}.config-field{margin-bottom:12px}.config-label{color:var(--card-text-muted);margin-bottom:5px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;display:block}.config-select,.config-textarea{box-sizing:border-box;background:var(--card-input-bg);border:1px solid var(--card-border);width:100%;color:var(--card-text);appearance:none;cursor:pointer;border-radius:8px;outline:none;padding:8px 12px;font-family:Inter,sans-serif;font-size:12px;transition:border-color .2s,background .3s}.config-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='rgba(139,124,246,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.config-select option{background:var(--card-input-bg);color:var(--card-text)}.config-select:focus,.config-textarea:focus{border-color:var(--card-accent-border)}.config-textarea{resize:none;cursor:text;min-height:56px}.config-row{gap:8px;margin-bottom:12px;display:flex}.config-row .config-field{flex:1;margin-bottom:0}.output-toggle{background:#1c1c1c;border:1px solid #2a2a2a;border-radius:10px;gap:4px;padding:3px;display:flex}.output-toggle-btn{color:#777;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:7px 6px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;transition:all .2s;display:flex}.output-toggle-btn.active{color:#5b8def;background:#5b8def1f}.output-toggle-btn:hover:not(.active){color:#bbb}.output-toggle-btn img{filter:invert(55%)sepia(60%)saturate(2000%)hue-rotate(200deg)brightness();width:11px;height:11px}.aspect-ratio-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.aspect-ratio-btn{cursor:pointer;background:#1c1c1c;border:1px solid #2a2a2a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 4px;transition:all .2s;display:flex}.aspect-ratio-btn:hover:not(.active){background:#222;border-color:#444}.aspect-ratio-btn.active{background:#5b8def1f;border-color:#5b8def66}.aspect-ratio-svg{color:#555;flex-shrink:0;transition:color .2s}.aspect-ratio-btn.active .aspect-ratio-svg{color:#5b8def}.aspect-ratio-label{color:#666;letter-spacing:.02em;font-family:Inter,sans-serif;font-size:10px;font-weight:600;transition:color .2s}.aspect-ratio-btn.active .aspect-ratio-label{color:#5b8def}.generate-btn{background:var(--card-accent);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;border-radius:10px;width:100%;margin-top:16px;padding:10px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .25s}.generate-btn:hover{background:var(--card-accent-hover);transform:translateY(-1px);box-shadow:0 4px 20px #5b8def33}.generate-btn:active{transform:translateY(0)}.generate-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.output-gallery-grid{overscroll-behavior:contain;grid-template-columns:repeat(5,1fr);gap:5px;max-height:320px;display:grid;overflow-y:auto}.output-gallery-item{aspect-ratio:1;border:1px solid #2a2a2a;border-radius:8px;position:relative;overflow:hidden}.output-gallery-item img{object-fit:cover;width:100%;height:100%}.gallery-item-interactive:hover{border-color:#5b8def80;transform:scale(1.02)}.gallery-item-expand{color:#fff9;opacity:0;pointer-events:none;font-size:10px;transition:opacity .2s;position:absolute;bottom:5px;right:5px}.output-placeholder{color:#555;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100px;padding:20px 0;font-family:Inter,sans-serif;font-size:12px;display:flex}.output-placeholder-icon{opacity:.35;width:36px;height:36px}.output-placeholder-icon svg{width:100%;height:100%}.video-output-grid{overscroll-behavior:contain;grid-template-columns:1fr;gap:10px;display:grid;overflow-y:auto}.video-output-item{background:#0000004d;border:1px solid #2a2a2a;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-output-item video{object-fit:contain;width:100%;height:auto;display:block}.video-overlay{cursor:pointer;opacity:0;z-index:2;background:#00000059;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.video-output-item:hover .video-overlay{opacity:1}.video-play-icon{color:#fff;background:#5b8defe6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding-left:2px;font-size:13px;display:flex}.lightbox-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999999;cursor:default;pointer-events:auto;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.15s lightbox-in;display:flex;position:fixed;top:0;left:0}@keyframes lightbox-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lightbox-content{cursor:default;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:16px;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-img{object-fit:contain;border-radius:8px;max-width:34vw;max-height:44vh;box-shadow:0 4px 20px #0000004d}.lightbox-video-content{max-width:36vw}.lightbox-video{object-fit:contain;background:#000;border-radius:8px;max-width:80vw;max-height:80vh;box-shadow:0 4px 20px #0000004d}.lightbox-close{color:#fff;cursor:pointer;z-index:1;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:background .2s;display:flex;position:absolute;top:-44px;right:0}.lightbox-close:hover{background:#fff3}.lightbox-nav{color:#fff;cursor:pointer;z-index:3;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;line-height:1;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#5b8def99}.lightbox-prev{left:-60px}.lightbox-next{right:-60px}.lightbox-footer{justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.lightbox-counter{color:#ffffff80;font-family:Inter,sans-serif;font-size:12px}.lightbox-download-btn{color:#5b8def;cursor:pointer;background:#5b8def26;border:1px solid #5b8def4d;border-radius:8px;padding:7px 18px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.lightbox-download-btn:hover{color:#fff;background:#5b8def4d}.workflow-connectors{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.connector-path{fill:none;stroke:var(--connector-stroke,#ffffff14);stroke-width:1.5px;transition:stroke .3s}.connector-path-active{fill:none;stroke:var(--connector-active-stroke,#fff3);stroke-width:1.5px;animation:2.5s ease-in-out infinite path-fade}@keyframes path-fade{0%,to{opacity:.3}50%{opacity:.6}}.endpoint-pulse{animation:2s ease-in-out infinite endpoint-subtle}@keyframes endpoint-subtle{0%,to{r:4;opacity:.7}50%{r:5;opacity:1}}.transfer-dot{opacity:.6}.transfer-dot-inner{opacity:.8}.workflow-canvas{width:100%;height:100%;position:relative}.workflow-node{z-index:1;position:absolute}.upload-preview-grid::-webkit-scrollbar{width:3px}.output-gallery-grid::-webkit-scrollbar{width:3px}.video-output-grid::-webkit-scrollbar{width:3px}.upload-preview-grid::-webkit-scrollbar-track{background:0 0}.output-gallery-grid::-webkit-scrollbar-track{background:0 0}.video-output-grid::-webkit-scrollbar-track{background:0 0}.upload-preview-grid::-webkit-scrollbar-thumb{background:#5b8def1f;border-radius:2px}.output-gallery-grid::-webkit-scrollbar-thumb{background:#5b8def1f;border-radius:2px}.video-output-grid::-webkit-scrollbar-thumb{background:#5b8def1f;border-radius:2px}.model-selection-section{max-width:320px}.model-loading{color:#666;text-align:center;padding:16px 0;font-family:Inter,sans-serif;font-size:11px}.model-step{margin-bottom:14px}.gender-toggle{gap:6px;display:flex}.gender-btn{color:#888;cursor:pointer;background:#1c1c1c;border:1px solid #2a2a2a;border-radius:10px;flex:1;padding:8px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .25s}.gender-btn:hover{color:#bbb;border-color:#444}.gender-btn.active{color:#5b8def;background:#5b8def1f;border-color:#5b8def59}.age-chips{flex-wrap:wrap;gap:5px;display:flex}.age-chip{color:#888;cursor:pointer;white-space:nowrap;background:#1c1c1c;border:1px solid #2a2a2a;border-radius:16px;padding:5px 11px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;transition:all .2s}.age-chip:hover{color:#bbb;background:#222;border-color:#444}.age-chip.active{color:#7ba4f7;background:linear-gradient(135deg,#5b8def26,#8b5cf61f);border-color:#5b8def66}.model-grid{grid-template-columns:repeat(3,1fr);gap:6px;max-height:200px;padding-right:2px;display:grid;overflow-y:auto}.model-grid::-webkit-scrollbar{width:3px}.model-grid::-webkit-scrollbar-track{background:0 0}.model-grid::-webkit-scrollbar-thumb{background:#5b8def1f;border-radius:2px}.model-thumb{aspect-ratio:3/4;cursor:pointer;background:#1a1a1a;border:2px solid #2a2a2a;border-radius:10px;padding:0;transition:all .25s;position:relative;overflow:hidden}.model-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.model-thumb:hover{border-color:#444;transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.model-thumb:hover img{transform:scale(1.05)}.model-thumb.selected{border-color:#5b8def;box-shadow:0 0 0 1px #5b8def4d,0 4px 16px #5b8def26}.model-check{color:#fff;background:#5b8def;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;animation:.2s check-pop;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 8px #5b8def66}@keyframes check-pop{0%{transform:scale(0)}to{transform:scale(1)}}.model-ethnicity{color:#ffffffd9;text-align:center;letter-spacing:.02em;background:linear-gradient(#0000,#000c);padding:3px 5px;font-family:Inter,sans-serif;font-size:8px;font-weight:500;position:absolute;bottom:0;left:0;right:0}.model-count{color:#5b8def;margin-left:6px;font-size:10px;font-weight:400}.selected-model-preview{margin-top:10px}.selected-model-badge{background:#5b8def0f;border:1px solid #5b8def2e;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex}.selected-model-badge img{object-fit:cover;border:1px solid #5b8def4d;border-radius:8px;width:30px;height:30px}.selected-model-badge span{color:#7ba4f7;flex:1;font-family:Inter,sans-serif;font-size:11px;font-weight:500}.clear-model-btn{color:#888;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:10px;transition:all .2s;display:flex}.clear-model-btn:hover{color:#ef5b5b;background:#ef5b5b26;border-color:#ef5b5b4d}.custom-model-upload-zone{border:1.5px dashed var(--card-border);background:var(--card-input-bg);cursor:pointer;width:100%;color:var(--card-text-dim);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;font-family:Inter,sans-serif;transition:all .25s;display:flex}.custom-model-upload-zone svg{opacity:.6;width:22px;height:22px;transition:opacity .2s,transform .2s}.custom-model-upload-zone span{font-size:11px;font-weight:500}.custom-model-upload-zone .custom-model-hint{color:var(--card-text-faint);opacity:.8;font-size:9px;font-weight:400}.custom-model-upload-zone:hover{border-color:var(--card-accent);background:var(--card-accent-bg);color:var(--card-accent)}.custom-model-upload-zone:hover svg{opacity:1;transform:translateY(-2px)}.custom-model-preview{background:#10b9810f;border:1px solid #10b98133;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;animation:.2s check-pop;display:flex}.custom-model-preview img{object-fit:cover;border:1.5px solid #10b98159;border-radius:8px;flex-shrink:0;width:44px;height:56px}.custom-model-preview-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.custom-model-preview-badge{color:#10b981;font-family:Inter,sans-serif;font-size:11px;font-weight:600}.custom-model-preview-sub{color:var(--card-text-dim);font-family:Inter,sans-serif;font-size:9px;font-weight:400}.custom-model-remove{color:#ef444499;cursor:pointer;background:#ef444414;border:1px solid #ef444426;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:11px;transition:all .2s;display:flex}.custom-model-remove:hover{color:#ef4444;background:#ef444433;border-color:#ef444466}.model-or-divider{align-items:center;gap:10px;margin:6px 0 2px;display:flex}.model-or-divider:before,.model-or-divider:after{content:"";background:var(--card-border);flex:1;height:1px}.model-or-divider span{text-transform:uppercase;letter-spacing:.08em;color:var(--card-text-faint);white-space:nowrap;font-family:Inter,sans-serif;font-size:9px;font-weight:500}.output-gallery-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;display:grid}.output-gallery-item{aspect-ratio:9/16;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;position:relative;overflow:hidden}.output-gallery-item img{object-fit:cover;width:100%;height:100%;display:block}.gallery-item-interactive{cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.gallery-item-interactive:hover{border-color:#5b8def;transform:scale(1.02);box-shadow:0 4px 20px #5b8def33}.gallery-item-download{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;opacity:0;z-index:2;background:#0009;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;transition:opacity .2s;display:flex;position:absolute;top:6px;right:6px}.gallery-item-interactive:hover .gallery-item-download{opacity:1}.gallery-item-download:hover{background:#5b8def99}.gallery-item-expand{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ccc;opacity:0;pointer-events:none;background:#00000080;border-radius:6px;padding:3px 10px;font-size:14px;transition:opacity .2s;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.gallery-item-interactive:hover .gallery-item-expand{opacity:1}.output-placeholder{color:#666;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px 20px;font-size:13px;display:flex}.output-placeholder-icon svg{opacity:.4;width:40px;height:40px}.gallery-viewer-card{position:relative;padding:12px!important}.gallery-close-btn{color:#ccc;cursor:pointer;z-index:5;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.gallery-close-btn:hover{color:#fff;background:#ef5b5b4d;border-color:#ef5b5b66}.gallery-viewer{-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#0a0a0a;border-radius:10px;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden}.gallery-viewer-img{object-fit:contain;border-radius:8px;width:100%;max-height:400px;display:block}.gallery-nav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;z-index:3;background:#00000080;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav-left{left:6px}.gallery-nav-right{right:6px}.gallery-nav:hover{background:#5b8def66;border-color:#5b8def80}.gallery-viewer-footer{justify-content:space-between;align-items:center;padding:10px 4px 0;display:flex}.gallery-viewer-counter{color:#888;font-size:12px;font-weight:500}.gallery-viewer-download{color:#5b8def;cursor:pointer;background:#5b8def1f;border:1px solid #5b8def33;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.gallery-viewer-download:hover{background:#5b8def40;border-color:#5b8def}.scene-node{cursor:default;width:clamp(320px,30vw,420px);min-width:320px;max-width:420px;padding:18px}.scene-node-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:14px;display:flex}.scene-node-title{flex-direction:column;gap:4px;min-width:0;display:flex}.scene-node-badge{color:var(--card-accent);background:var(--card-accent-bg);border:1px solid var(--card-accent-border);letter-spacing:.04em;border-radius:6px;width:fit-content;padding:3px 8px;font-family:Inter,monospace;font-size:10px;font-weight:700}.scene-node-label{color:var(--card-text-muted);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.scene-status-chip{white-space:nowrap;border-radius:6px;flex-shrink:0;padding:3px 8px;font-family:Inter,sans-serif;font-size:10px;font-weight:600}.scene-status-loading{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b26;animation:1.5s ease-in-out infinite scene-pulse}.scene-status-done{color:#10b981;background:#10b9811a;border:1px solid #10b98126}.scene-status-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444426}@keyframes scene-pulse{0%,to{opacity:1}50%{opacity:.5}}.scene-elapsed-timer{color:#f59e0bd9;white-space:nowrap;letter-spacing:.05em;background:#f59e0b14;border:1px solid #f59e0b1f;border-radius:6px;flex-shrink:0;padding:3px 10px;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:11px;font-weight:600;animation:1.5s ease-in-out infinite scene-pulse}.scene-frames-row{align-items:center;gap:8px;display:flex}.scene-frame-box{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.scene-frame-box.hovered .scene-frame-img{border-color:#5b8def66}.scene-frame-label{color:var(--card-text-faint);text-transform:uppercase;letter-spacing:.1em;font-family:Inter,sans-serif;font-size:9px;font-weight:600}.scene-frame-img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--card-border);border-radius:8px;width:100%;transition:border-color .2s}.scene-frame-skeleton{aspect-ratio:16/9;background:var(--card-input-bg);border:1px solid var(--card-border);border-radius:8px;width:100%;position:relative;overflow:hidden}.scene-skeleton-shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff0a 50%,#0000 100%);animation:1.5s ease-in-out infinite scene-shimmer;position:absolute;inset:0}@keyframes scene-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.scene-frame-empty{aspect-ratio:16/9;background:var(--card-input-bg);border:1px solid var(--card-border);width:100%;color:var(--card-text-faint);border-radius:8px;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:11px;display:flex}.scene-frame-arrow{width:24px;height:24px;color:var(--card-text-faint);opacity:.5;flex-shrink:0;margin-top:18px}.scene-frame-arrow svg{width:100%;height:100%}.scene-generate-btn{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#5b8def,#7ba4f7);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;padding:10px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .25s;display:flex}.scene-generate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #5b8def40}.scene-generate-btn:active{transform:translateY(0)}.scene-generate-btn svg{width:14px;height:14px}.scene-video-loading{background:var(--card-input-bg);border:1px solid var(--card-border);color:var(--card-text-muted);border-radius:10px;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;font-family:Inter,sans-serif;font-size:12px;display:flex}.scene-video-spinner{border:2px solid #5b8def33;border-top-color:#5b8def;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin}.scene-video-player{border:1px solid var(--card-border);border-radius:10px;margin-top:14px;overflow:hidden}.scene-video-el{object-fit:contain;background:#000;width:100%;height:auto;max-height:200px;display:block}.scene-error-msg{color:#ef4444;background:#ef444414;border:1px solid #ef444426;border-radius:8px;margin-top:10px;padding:8px 12px;font-family:Inter,sans-serif;font-size:11px;line-height:1.4}.scene-connector-flow{stroke-dashoffset:20px;animation:1s linear infinite scene-flow}@keyframes scene-flow{to{stroke-dashoffset:0}}.video-input-container{flex-direction:column;align-items:center;gap:16px;display:flex}.video-input-uploads{align-items:flex-start;gap:20px;display:flex}.video-upload-slot{flex-direction:column;align-items:center;gap:6px;display:flex}.video-upload-circle{cursor:pointer;background:var(--card-input-bg);border:1.5px solid var(--card-border);width:44px;height:44px;color:var(--card-text-dim);border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.video-upload-circle svg{width:20px;height:20px;transition:transform .2s}.video-upload-circle:hover{border-color:var(--card-accent);color:var(--card-accent);box-shadow:0 0 0 3px var(--card-accent-bg);transform:translateY(-1px)}.video-upload-circle:hover svg{transform:scale(1.1)}.video-upload-circle.model{border-style:dashed;border-color:var(--card-border)}.video-upload-circle.model:hover{color:#10b981;border-style:solid;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.video-upload-circle.has-image{border:2px solid #10b981;padding:0}.video-upload-circle-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.video-upload-check{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 1px 4px #10b9814d}.video-upload-label{text-transform:uppercase;letter-spacing:.08em;color:var(--card-text-dim);font-family:Inter,sans-serif;font-size:10px;font-weight:600;transition:color .2s}.video-upload-label.optional{color:#10b981;opacity:.65}.video-input-text-wrap{width:100%}.video-product-preview{object-fit:cover;border:2px solid #10b981;border-radius:50%;flex-shrink:0;width:44px;height:44px;transition:all .2s;box-shadow:0 2px 8px #10b98133}.video-product-preview:hover{transform:scale(1.08);box-shadow:0 4px 12px #10b9814d}.video-upload-btn{background:var(--card-input-bg);border:1.5px solid var(--card-border);width:44px;height:44px;color:var(--card-text-dim);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s;display:flex}.video-upload-btn svg{width:20px;height:20px}.video-upload-btn:hover{border-color:var(--card-accent);color:var(--card-accent);box-shadow:0 0 0 3px var(--card-accent-bg);transform:translateY(-1px)}.video-upload-btn-model{border-style:dashed}.video-upload-btn-model:hover{color:#10b981;border-style:solid;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.video-bottom-preview-wrap{flex-shrink:0;position:relative}.video-preview-remove{color:#fff;border:2px solid var(--card-bg,#141414);cursor:pointer;opacity:0;z-index:2;background:#ef4444e6;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;line-height:1;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:-4px;right:-4px}.video-bottom-preview-wrap:hover .video-preview-remove{opacity:1}.video-preview-remove:hover{background:#ef4444;transform:scale(1.15)}.video-model-preview{border-color:#8b5cf6!important;box-shadow:0 2px 8px #8b5cf633!important}.video-model-preview:hover{box-shadow:0 4px 12px #8b5cf64d!important}.video-aspect-selector{background:var(--card-input-bg);border:1.5px solid var(--card-border);border-radius:10px;gap:4px;padding:4px;display:flex}.video-aspect-btn{cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .2s;display:flex}.video-aspect-btn:hover{background:#5b8def14}.video-aspect-btn.active{background:var(--card-accent-bg);box-shadow:0 0 0 1.5px var(--card-accent)}.video-aspect-icon{border:1.5px solid var(--card-text-dim);border-radius:2px;transition:all .2s}.video-aspect-btn.active .video-aspect-icon{border-color:var(--card-accent)}.video-aspect-icon.ar-16x9{width:18px;height:10px}.video-aspect-icon.ar-9x16{width:10px;height:18px}.video-aspect-icon.ar-1x1{width:14px;height:14px}.video-option-btn{cursor:pointer;color:var(--card-text-dim);white-space:nowrap;letter-spacing:.02em;background:0 0;border:none;border-radius:7px;padding:4px 10px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;transition:all .2s}.video-option-btn:hover{color:var(--card-text-muted);background:#5b8def14}.video-option-btn.active{background:var(--card-accent-bg);color:var(--card-accent);box-shadow:0 0 0 1.5px var(--card-accent)}.final-sequence-card{background:var(--card-bg);width:clamp(280px,30vw,420px);box-shadow:var(--card-shadow);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;flex-direction:column;gap:clamp(12px,1.5vw,20px);padding:clamp(16px,2.5vw,28px);display:flex}.final-sequence-header{align-items:flex-start;gap:16px;display:flex}.final-sequence-icon{background:var(--card-accent-bg);border:1px solid var(--card-accent-border);width:40px;height:40px;color:var(--card-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.final-sequence-title{letter-spacing:.1em;color:var(--card-text);text-transform:uppercase;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.final-sequence-desc{color:var(--card-text-dim);margin-top:6px;font-family:Inter,sans-serif;font-size:12px;line-height:1.5}@media (max-width:768px){.scene-node{width:clamp(260px,80vw,340px);min-width:260px;max-width:340px;padding:14px}.scene-frames-row{gap:6px}.scene-frame-arrow{width:18px;height:18px}}@media (max-width:480px){.scene-node{width:clamp(220px,85vw,300px);min-width:220px;max-width:300px;padding:12px}}.scene-inline-preview{z-index:999999;cursor:default;flex-direction:column;align-items:flex-start;gap:6px;animation:.15s scene-preview-in;display:flex;position:fixed}@keyframes scene-preview-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.scene-inline-preview img{border:1px solid #ffffff14;border-radius:10px;width:auto;max-width:min(400px,40vw);height:auto;max-height:min(400px,50vh);display:block;box-shadow:0 8px 32px #0009}.scene-inline-preview-close{color:#fff9;cursor:pointer;z-index:1;background:#1e1e1ee6;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex;position:absolute;top:-8px;right:-8px}.scene-inline-preview-close:hover{color:#fff;background:#ef4444b3}.scene-inline-preview-label{color:#ffffff73;letter-spacing:.03em;font-family:Inter,sans-serif;font-size:10px;font-weight:500}.scene-sub-segments{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;margin:10px 0 6px;padding:8px 10px}.scene-sub-segments-title{text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;margin-bottom:6px;font-family:Inter,sans-serif;font-size:9px;font-weight:700;display:block}.scene-sub-segments-timeline{gap:3px;width:100%;display:flex}.scene-sub-segment-bar{cursor:default;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;gap:2px;min-width:0;padding:5px 6px;transition:all .2s;display:flex;overflow:hidden}.scene-sub-segment-bar:hover{border-color:var(--card-accent-border);background:#ffffff12}.scene-sub-segment-bar:first-child{border-left:2px solid #818cf880}.scene-sub-segment-bar:nth-child(2){border-left:2px solid #34d39980}.scene-sub-segment-bar:nth-child(3){border-left:2px solid #fbbf2480}.scene-sub-segment-bar:nth-child(4){border-left:2px solid #f472b680}.scene-sub-segment-bar:nth-child(5){border-left:2px solid #a78bfa80}.scene-sub-segment-time{color:#ffffff80;letter-spacing:.02em;white-space:nowrap;font-family:Inter,monospace;font-size:9px;font-weight:700}.scene-sub-segment-prompt{color:#ffffff59;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-family:Inter,sans-serif;font-size:9px;font-weight:400;line-height:1.3;display:-webkit-box;overflow:hidden}.scene-sub-segment-duration{color:var(--card-accent);background:var(--card-accent-bg);border:1px solid var(--card-accent-border);letter-spacing:.03em;border-radius:4px;width:fit-content;padding:1px 5px;font-family:Inter,monospace;font-size:8px;font-weight:700}.scene-frame-img-wrapper{position:relative}.scene-frame-regen-btn{color:#ffffff59;cursor:pointer;letter-spacing:.02em;background:0 0;border:none;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:4px;padding:3px 6px;font-family:Inter,sans-serif;font-size:9px;font-weight:500;transition:all .15s;display:flex}.scene-frame-regen-btn:hover{color:#5b8def}.scene-frame-regen-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffff80;cursor:pointer;opacity:0;z-index:2;background:#0009;border:1px solid #ffffff1a;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex;position:absolute;top:4px;right:4px}.scene-frame-box:hover .scene-frame-regen-icon{opacity:1}.scene-frame-regen-icon:hover{color:#fff;background:#5b8defb3;border-color:#5b8def80}.scene-regen-frames-btn{color:#ffffff73;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:7px 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;transition:all .2s;display:flex}.scene-regen-frames-btn:hover{color:#5b8def;background:#5b8def14;border-color:#5b8def40}.scene-regen-prompt-row{align-items:center;gap:6px;animation:.15s scene-regen-slide;display:flex}.scene-regen-target-label{color:#ffffff59;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}@keyframes scene-regen-slide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.scene-regen-input{color:#f5f5f5;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;outline:none;flex:1;min-width:0;padding:7px 10px;font-family:Inter,sans-serif;font-size:11px;transition:border-color .2s}.scene-regen-input::placeholder{color:#ffffff40}.scene-regen-input:focus{border-color:#5b8def66}.scene-regen-go-btn{color:#5b8def;cursor:pointer;background:#5b8def26;border:1px solid #5b8def4d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.scene-regen-go-btn:hover{color:#fff;background:#5b8def4d}.scene-regen-cancel-btn{color:#ef444499;cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.scene-regen-cancel-btn:hover{color:#ef4444;background:#ef444433}[data-theme=light] .connection-dot{background:#9ca3af;border-color:#fff;box-shadow:0 0 6px #5b8def40}[data-theme=light] .upload-zone{background:#00000004;border-color:#d1d5db}[data-theme=light] .upload-zone:hover{background:#5b8def0a;border-color:#5b8def66}[data-theme=light] .upload-zone.drag-over{background:#5b8def0f;border-color:#5b8def}[data-theme=light] .upload-zone-icon{color:#9ca3af}[data-theme=light] .upload-zone-text{color:#6b7280}[data-theme=light] .upload-preview-item{border-color:#e5e7eb}[data-theme=light] .upload-preview-remove{background:#000000a6}[data-theme=light] .upload-count{color:#9ca3af}[data-theme=light] .config-section-title{border-bottom-color:#0000000f}[data-theme=light] .output-toggle{background:#f3f4f6;border-color:#e5e7eb}[data-theme=light] .output-toggle-btn{color:#9ca3af}[data-theme=light] .output-toggle-btn.active{color:#5b8def;background:#5b8def1a}[data-theme=light] .output-toggle-btn:hover:not(.active){color:#374151}[data-theme=light] .aspect-ratio-btn{background:#f3f4f6;border-color:#e5e7eb}[data-theme=light] .aspect-ratio-btn:hover:not(.active){background:#e5e7eb;border-color:#d1d5db}[data-theme=light] .aspect-ratio-btn.active{background:#5b8def14;border-color:#5b8def59}[data-theme=light] .aspect-ratio-svg{color:#9ca3af}[data-theme=light] .aspect-ratio-btn.active .aspect-ratio-svg{color:#5b8def}[data-theme=light] .aspect-ratio-label{color:#9ca3af}[data-theme=light] .aspect-ratio-btn.active .aspect-ratio-label{color:#5b8def}[data-theme=light] .gender-btn{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}[data-theme=light] .gender-btn:hover{color:#374151;background:#e5e7eb;border-color:#d1d5db}[data-theme=light] .gender-btn.active{color:#5b8def;background:#5b8def14;border-color:#5b8def4d}[data-theme=light] .age-chip{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}[data-theme=light] .age-chip:hover{color:#374151;background:#e5e7eb;border-color:#d1d5db}[data-theme=light] .age-chip.active{color:#5b8def;background:#5b8def14;border-color:#5b8def4d}[data-theme=light] .model-thumb{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .model-thumb:hover{border-color:#d1d5db;box-shadow:0 4px 16px #00000014}[data-theme=light] .model-thumb.selected{border-color:#5b8def;box-shadow:0 0 0 1px #5b8def33,0 4px 16px #5b8def14}[data-theme=light] .model-ethnicity{background:linear-gradient(#0000,#0009)}[data-theme=light] .clear-model-btn{color:#9ca3af;background:#0000000a;border-color:#0000001a}[data-theme=light] .clear-model-btn:hover{color:#ef4444;background:#ef5b5b1a;border-color:#ef5b5b40}[data-theme=light] .selected-model-badge{background:#5b8def0a;border-color:#5b8def1f}[data-theme=light] .selected-model-badge img{border-color:#5b8def33}[data-theme=light] .custom-model-preview{background:#10b9810a;border-color:#10b98126}[data-theme=light] .custom-model-preview img{border-color:#10b98140}[data-theme=light] .output-gallery-item{border-color:#e5e7eb}[data-theme=light] .output-placeholder{color:#9ca3af}[data-theme=light] .video-output-item{background:#00000005;border-color:#e5e7eb}[data-theme=light] .upload-preview-grid::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] .output-gallery-grid::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] .video-output-grid::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] .model-grid::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] .gallery-item-download{color:#374151;background:#ffffffd9;border-color:#0000001a}[data-theme=light] .gallery-item-download:hover{color:#fff;background:#5b8defe6}[data-theme=light] .scene-skeleton-shimmer{background:linear-gradient(90deg,#0000 0%,#0000000a 50%,#0000 100%)}[data-theme=light] .scene-frame-regen-btn{color:#00000059}[data-theme=light] .scene-frame-regen-btn:hover{color:#5b8def}[data-theme=light] .scene-frame-regen-icon{color:#00000080;background:#ffffffd9;border:1px solid #0000001a}[data-theme=light] .scene-frame-regen-icon:hover{color:#fff;background:#5b8defd9;border-color:#5b8def99}[data-theme=light] .scene-regen-frames-btn{color:#00000080;background:#00000005;border:1px solid #0000001a}[data-theme=light] .scene-regen-frames-btn:hover{color:#5b8def;background:#5b8def0f;border-color:#5b8def4d}[data-theme=light] .scene-regen-input{color:#111827;background:#00000008;border:1px solid #0000001f}[data-theme=light] .scene-regen-input::placeholder{color:#0000004d}[data-theme=light] .scene-regen-input:focus{border-color:#5b8def80}[data-theme=light] .scene-inline-preview img{border:1px solid #0000001a;box-shadow:0 8px 32px #00000026}[data-theme=light] .scene-inline-preview-close{color:#00000080;background:#ffffffe6;border:1px solid #0000001a}[data-theme=light] .scene-inline-preview-close:hover{color:#fff;background:#ef4444d9}[data-theme=light] .scene-inline-preview-label{color:#00000080}[data-theme=light] .scene-node .text-white\/40{color:#00000059}[data-theme=light] .scene-node .text-white\/40:hover{color:#5b8def}[data-theme=light] .scene-node .hover\:bg-white\/5:hover{background:#5b8def0f}[data-theme=light] .scene-regen-target-label{color:#00000059}[data-theme=light] .scene-video-el{background:#f3f4f6}[data-theme=light] .scene-connector line,[data-theme=light] .scene-connector-flow{stroke:#0000001f}[data-theme=light] .video-upload-label.optional{color:#10b981;opacity:.8}:root{--select-btn-bg:#ffffff0d;--select-btn-color:#fff9;--select-btn-border:#ffffff1a;--star-inactive:#ffffff26;--feedback-btn-disabled-bg:#ffffff14;--feedback-btn-disabled-color:#ffffff4d}[data-theme=light]{--select-btn-bg:#0000000d;--select-btn-color:#555;--select-btn-border:#0000001f;--star-inactive:#0000002e;--feedback-btn-disabled-bg:#0000000f;--feedback-btn-disabled-color:#00000059}
.music-selector-overlay{z-index:300;overscroll-behavior:none;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.music-selector-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000bf;position:absolute;inset:0}.music-selector-modal{background:#0f0f0f;border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;width:100%;max-width:420px;height:85vh;max-height:680px;animation:.25s cubic-bezier(.16,1,.3,1) musicSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px #000000b3}@keyframes musicSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.music-selector-header{border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.music-selector-header h3{color:#fff;letter-spacing:-.01em;margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:14px;font-weight:600}.music-selector-close{color:#ffffff59;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .15s;display:flex}.music-selector-close:hover{color:#fff;background:#ffffff1a}.music-search-wrapper{flex-shrink:0;padding:10px 12px 8px}.music-search-container{position:relative}.music-search-bar{color:#fff;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;outline:none;width:100%;padding:9px 12px 9px 34px;font-family:Inter,sans-serif;font-size:13px;transition:all .15s}.music-search-bar::placeholder{color:#fff3}.music-search-bar:focus{background:#ffffff0f;border-color:#ffffff26}.music-search-icon{color:#ffffff40;pointer-events:none;font-size:12px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.music-genre-chips{scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;gap:6px;padding:0 12px 10px;display:flex;overflow-x:auto}.music-genre-chips::-webkit-scrollbar{display:none}.music-genre-chip{color:#ffffff73;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff12;border-radius:20px;flex-shrink:0;padding:5px 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;transition:all .15s}.music-genre-chip:hover{color:#fffc;background:#ffffff17}.music-genre-chip.active{color:#000;background:#fff;border-color:#0000;font-weight:600}.music-timeline-section{background:#ffffff05;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;flex-shrink:0;padding:10px 12px;animation:.25s timelineFadeIn}@keyframes timelineFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.music-timeline-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.music-timeline-track-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.music-timeline-art{object-fit:cover;border-radius:5px;flex-shrink:0;width:28px;height:28px}.music-timeline-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:12px;font-weight:600;overflow:hidden}.music-timeline-artist{color:#ffffff59;font-family:Inter,sans-serif;font-size:10px}.music-timeline-times{color:#fff6;font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:4px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;display:flex}.music-timeline-dash{color:#fff3}.music-timeline-waveform{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;height:44px;position:relative;overflow:hidden}.music-waveform-bars{align-items:center;gap:1.5px;height:100%;padding:6px 2px;display:flex}.music-waveform-bar{background:#ffffff14;border-radius:1px;flex:1;min-width:2px;transition:background .1s}.music-waveform-bar.in-clip{background:#ffffff4d}.music-waveform-bar.played{background:#fff}.music-timeline-selection{pointer-events:none;background:#ffffff0a;border:1.5px solid #ffffff80;border-radius:6px;position:absolute;top:0;bottom:0}.music-timeline-handle{background:#fff;border-radius:2px;width:3px;height:16px;position:absolute;top:50%;transform:translateY(-50%)}.music-timeline-handle.left{left:-1px}.music-timeline-handle.right{right:-1px}.music-timeline-playhead{pointer-events:none;background:#fff;border-radius:1px;width:1.5px;transition:left .1s linear;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #fff9}.music-timeline-hint{color:#fff3;text-align:center;margin-top:5px;font-family:Inter,sans-serif;font-size:10px}.music-track-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff12 transparent;flex:1;min-height:0;padding:4px 8px 8px;overflow-y:auto}.music-track-list::-webkit-scrollbar{width:3px}.music-track-list::-webkit-scrollbar-thumb{background:#ffffff12;border-radius:2px}.music-track-item{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex;position:relative}.music-track-item:hover{background:#ffffff0d}.music-track-item.playing{background:#ffffff0f}.music-track-item.selected{background:#ffffff0f;border-color:#ffffff1a}.music-track-art-wrapper{flex-shrink:0;width:40px;height:40px;position:relative}.music-track-art-wrapper img{object-fit:cover;border-radius:7px;width:100%;height:100%}.music-play-overlay{opacity:0;background:#00000080;border-radius:7px;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.music-track-item:hover .music-play-overlay,.music-track-item.playing .music-play-overlay{opacity:1}.music-play-icon{color:#fff;font-size:14px}.music-track-info{flex:1;min-width:0}.music-track-title{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Inter,sans-serif;font-size:13px;font-weight:500;overflow:hidden}.music-track-artist{color:#ffffff59;white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Inter,sans-serif;font-size:11px;overflow:hidden}.music-track-duration{color:#ffffff40;font-variant-numeric:tabular-nums;flex-shrink:0;font-family:Inter,sans-serif;font-size:11px}.music-progress-container{background:#ffffff0d;border-radius:1px;height:1.5px;position:absolute;bottom:0;left:10px;right:10px}.music-progress-bar{background:#ffffff80;border-radius:1px;height:100%;transition:width .3s linear}.music-selector-footer{border-top:1px solid #ffffff0d;flex-shrink:0;padding:12px}.music-select-btn{color:#000;cursor:pointer;letter-spacing:-.01em;background:#fff;border:none;border-radius:10px;width:100%;padding:11px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.music-select-btn:hover{background:#ffffffe6;transform:translateY(-1px)}.music-select-btn:disabled{opacity:.2;cursor:not-allowed;transform:none}.music-loading{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:3rem;display:flex}.music-loading-spinner{border:2px solid #ffffff14;border-top-color:#fff9;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite musicSpin}@keyframes musicSpin{to{transform:rotate(360deg)}}.music-loading-text{color:#ffffff40;font-family:Inter,sans-serif;font-size:12px}.music-empty{text-align:center;color:#ffffff40;padding:2.5rem 1.5rem;font-family:Inter,sans-serif;font-size:13px}.music-empty-icon{opacity:.4;margin-bottom:8px;font-size:2rem}@media (max-width:640px){.music-selector-overlay{align-items:flex-end;padding:0}.music-selector-modal{border-radius:18px 18px 0 0;max-width:100%;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) musicSlideUpMobile}@keyframes musicSlideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}}
.tour-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;background:#0a0a0fd9;justify-content:center;align-items:center;padding:clamp(16px,4vw,32px);transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.tour-overlay.visible{opacity:1;visibility:visible}.tour-modal{background:#ffffff08;border:1px solid #ffffff14;border-radius:clamp(16px,4vw,24px);flex-direction:column;width:100%;max-width:min(100%,560px);transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:translateY(20px)scale(.98);box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 1px #ffffff05}.tour-overlay.visible .tour-modal{transform:translateY(0)scale(1)}.tour-close-btn{z-index:10;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent;background:#0006;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.tour-close-btn:hover{background:#ffffff1a;transform:scale(1.1)}.tour-close-btn svg{width:16px;height:16px}.tour-image-container{aspect-ratio:16/10;background:0 0;width:100%;min-height:200px;position:relative;overflow:hidden}.tour-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0;transform:scale(1)}.tour-image.active{opacity:1}.tour-image-overlay{pointer-events:none;background:linear-gradient(#0a0a0f00 40%,#0a0a0f 100%);position:absolute;inset:0}.tour-content{z-index:10;flex-direction:column;flex-grow:1;padding:0 clamp(20px,5vw,32px) clamp(20px,5vw,32px);display:flex;position:relative}.tour-text{opacity:1;flex-direction:column;justify-content:flex-start;min-height:clamp(100px,15vh,120px);transition:opacity .3s,transform .3s;display:flex;transform:translateY(0)}.tour-text.fading{opacity:0;transform:translateY(10px)}.tour-title{color:#fff;letter-spacing:-.02em;margin-top:-10px;margin-bottom:clamp(6px,2vw,12px);font-family:Space Grotesk,sans-serif;font-size:clamp(20px,4vw,26px);font-weight:700;line-height:1.2}.tour-description{color:#ffffffb3;margin:0;font-family:Inter,sans-serif;font-size:clamp(14px,1.5vw + 8px,16px);line-height:1.6}.tour-footer{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(20px,4vw,32px);padding-top:clamp(16px,3vw,24px);display:flex}.tour-dots{align-items:center;gap:8px;display:flex}.tour-dot{background:#ffffff26;border-radius:50%;width:clamp(6px,1.5vw,8px);height:clamp(6px,1.5vw,8px);transition:all .3s}.tour-dot.completed{background:#fff6}.tour-dot.active{background:#5b8def;border-radius:4px;width:clamp(20px,4vw,24px);box-shadow:0 0 10px #5b8def80}.tour-next-btn{color:#0a0a0f;cursor:pointer;z-index:20;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:clamp(10px,2vw,12px) clamp(20px,4vw,24px);font-family:Inter,sans-serif;font-size:clamp(13px,1.5vw,15px);font-weight:600;transition:all .2s;display:inline-flex;position:relative}.tour-next-btn:hover{background:#f0f0f0;transform:scale(1.02)}.tour-next-btn:active{transform:scale(.98)}.btn-icon{width:16px;height:16px;transition:transform .2s}.tour-next-btn:hover .btn-icon{transform:translate(2px)}@media (max-width:480px){.tour-image-container{aspect-ratio:4/3}.tour-footer{flex-direction:column-reverse;align-items:stretch}.tour-dots{justify-content:center;padding-top:8px}}@media (max-height:600px) and (orientation:landscape){.tour-modal{flex-direction:row;align-items:stretch;max-width:800px}.tour-image-container{aspect-ratio:auto;border-right:1px solid #ffffff0d;flex:1;min-height:100%}.tour-image-overlay{background:linear-gradient(90deg,#0a0a0f00 50%,#0a0a0f 100%)}.tour-content{flex:1.2;justify-content:center;padding:32px}.tour-title{margin-top:0}}
.credit-notification-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;max-width:min(380px,100vw - 40px);display:flex;position:fixed;top:56px;right:20px}.credit-notification-toast{pointer-events:auto;-webkit-backdrop-filter:blur(24px)saturate(1.4);cursor:pointer;background:linear-gradient(135deg,#101828eb,#0a1220f5);border:1px solid #10b98133;border-radius:16px;align-items:flex-start;gap:14px;padding:16px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards credit-toast-slide-in;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000073,0 0 0 1px #ffffff0a,0 0 60px #10b9810f,inset 0 1px #ffffff0a}.credit-notification-toast:hover{border-color:#10b98159;transform:translateY(-2px);box-shadow:0 16px 48px #00000080,0 0 0 1px #ffffff0f,0 0 80px #10b9811a,inset 0 1px #ffffff0f}.credit-notification-toast.dismissing{animation:.4s cubic-bezier(.55,0,1,.45) forwards credit-toast-slide-out}.credit-toast-icon{background:linear-gradient(135deg,#10b98126,#34d39914);border:1px solid #10b98126;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;animation:.6s cubic-bezier(.34,1.56,.64,1) .3s both credit-icon-pop;display:flex}.credit-toast-icon svg{color:#10b981;filter:drop-shadow(0 0 4px #10b9814d);width:20px;height:20px}.credit-toast-content{flex:1;min-width:0}.credit-toast-title{color:#f0fdf4;letter-spacing:-.01em;align-items:center;gap:6px;margin:0 0 4px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;display:flex}.credit-toast-title-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite credit-dot-pulse;box-shadow:0 0 8px #10b98180}.credit-toast-message{color:#ffffff80;margin:0;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:1.5}.credit-toast-count{color:#34d399;font-weight:700}.credit-toast-added{color:#10b981;font-size:13px;font-weight:700}.credit-toast-total{color:#ffffff59;white-space:nowrap;margin-left:auto;font-size:12px;font-weight:600}.credit-toast-close{color:#ffffff4d;cursor:pointer;background:#ffffff0a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;line-height:1;transition:all .2s;display:flex}.credit-toast-close:hover{color:#ffffffb3;background:#ffffff1a}.credit-toast-close svg{width:12px;height:12px}.credit-toast-progress{opacity:.6;background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7);border-radius:0 0 16px 16px;height:2px;animation:6s linear forwards credit-progress-shrink;position:absolute;bottom:0;left:0}.credit-notification-toast:before{content:"";background:linear-gradient(90deg,#0000,#10b9814d,#0000);height:1px;position:absolute;top:0;left:16px;right:16px}[data-theme=light] .credit-notification-toast{background:linear-gradient(135deg,#fffffff7,#f0fdf4f7);border-color:#10b98133;box-shadow:0 12px 40px #00000014,0 0 0 1px #10b98114,0 0 60px #10b9810a,inset 0 1px #fffc}[data-theme=light] .credit-notification-toast:hover{border-color:#10b9814d;box-shadow:0 16px 48px #0000001a,0 0 0 1px #10b9811f,0 0 80px #10b9810f,inset 0 1px #ffffffe6}[data-theme=light] .credit-toast-icon{background:linear-gradient(135deg,#10b9811a,#34d3990f);border-color:#10b9811f}[data-theme=light] .credit-toast-icon svg{color:#059669;filter:none}[data-theme=light] .credit-toast-title{color:#064e3b}[data-theme=light] .credit-toast-title-dot{background:#059669;box-shadow:0 0 8px #05966966}[data-theme=light] .credit-toast-message{color:#064e3b8c}[data-theme=light] .credit-toast-count,[data-theme=light] .credit-toast-added{color:#059669}[data-theme=light] .credit-toast-total{color:#064e3b59}[data-theme=light] .credit-toast-close{color:#064e3b4d;background:#00000008}[data-theme=light] .credit-toast-close:hover{color:#064e3b99;background:#0000000f}[data-theme=light] .credit-toast-progress{opacity:.5;background:linear-gradient(90deg,#059669,#10b981,#34d399)}[data-theme=light] .credit-notification-toast:before{background:linear-gradient(90deg,#0000,#10b98133,#0000)}@keyframes credit-toast-slide-in{0%{opacity:0;transform:translate(100%)scale(.85)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes credit-toast-slide-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(120%)scale(.85)}}@keyframes credit-icon-pop{0%{transform:scale(0)rotate(-15deg)}to{transform:scale(1)rotate(0)}}@keyframes credit-progress-shrink{0%{width:100%}to{width:0%}}@keyframes credit-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:480px){.credit-notification-container{max-width:none;top:50px;left:10px;right:10px}.credit-notification-toast{gap:12px;padding:14px}.credit-toast-icon{border-radius:10px;width:36px;height:36px}.credit-toast-icon svg{width:18px;height:18px}.credit-toast-title{font-size:12px}.credit-toast-message{font-size:11px}}