:root{--bg-page:#faf7fc;--bg-surface:#ffffff;--bg-preview:#1e1e2e;--bg-hover:rgba(139,92,246,0.08);--primary:#8b5cf6;--primary-end:#a855f7;--primary-gradient:linear-gradient(90deg,#8b5cf6,#a855f7);--accent-secondary:#f97316;--accent-teal:#06b6d4;--accent-pink:#ec4899;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--text-primary:#111827;--text-secondary:#6b7280;--text-on-dark:#ffffff;--text-on-dark-muted:#9ca3af;--border:#e5e7eb;--border-dark:#374151;--shadow-card:0 1px 3px rgba(0,0,0,0.1);--shadow-focus:0 0 0 2px var(--primary);--shadow-primary-btn:0 4px 14px rgba(139,92,246,0.35);--font-sans:"Inter",system-ui,-apple-system,sans-serif;--text-h1:24px;--text-h2:18px;--text-body:14px;--text-caption:12px;--leading-tight:1.3;--leading-body:1.5;--space-unit:8px;--space-card:24px;--space-section:32px;--radius-card:12px;--radius-default:8px;--radius-pill:9999px}*{box-sizing:border-box;padding:0;margin:0}html{background:#ffffff}body,html{max-width:100vw;overflow-x:clip}body{min-height:100vh;background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit;font-size:inherit}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}}@keyframes toastSlideInDesktop{0%{transform:translateX(calc(100% + 32px));opacity:0}to{transform:translateX(0);opacity:1}}@keyframes toastSlideOutDesktop{0%{transform:translateX(0);opacity:1}to{transform:translateX(calc(100% + 32px));opacity:0}}.toast-enter{animation:toastSlideInDesktop .24s cubic-bezier(.16,1,.3,1) forwards}.toast-exit{animation:toastSlideOutDesktop .2s ease-in forwards}@keyframes dialogScaleIn{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-enter{animation:dialogScaleIn .18s cubic-bezier(.16,1,.3,1) forwards}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.45}}.skeleton{background:#e5e7eb;border-radius:8px;animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton--rounded{border-radius:9999px}.skeleton--dark{background:#2a2a3e}@keyframes roomDetectedFadeIn{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-8px)}12%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.75}}@keyframes processingDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.processing-step-current-dot{animation:processingDotPulse 1.2s ease-in-out infinite}@keyframes editorEqBounce{0%{height:4px}to{height:12px}}.vibe-card-btn:not(.vibe-card-active):hover{background:#FAF5FF!important;border-color:#C084FC!important;box-shadow:0 0 0 2px #E9D5FF!important}.title-display:hover{background:rgba(0,0,0,.04)}.title-display:hover .pencil-icon{opacity:1!important}.scene-card-wrap{transition:background .15s,border-color .2s,box-shadow .2s;cursor:pointer}.scene-card-selected{border-color:#8b5cf6!important;box-shadow:0 0 0 1px #8b5cf6!important;background:#ffffff!important}.scene-card-default{border-color:#e5e7eb!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;background:#ffffff!important}.scene-card-default:hover{background:#F9FAFB!important}.music-track-row:not(.music-track-row-selected):hover{background:rgba(139,92,246,.04)!important;border-left-color:rgba(139,92,246,.35)!important}.footer-contact-link{text-decoration:none}.footer-contact-link:hover{text-decoration:underline}.header-dropdown-item:hover{background:#F9FAFB}.header-dropdown-danger:hover{background:#FEF2F2}.auth-mobile-hero{display:none}.auth-page-main{min-height:100dvh;font-family:Inter,system-ui,sans-serif;overscroll-behavior:none;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,0)}@media (min-width:768px){.auth-page-main{display:grid;grid-template-columns:1fr 1.5fr}.auth-right-panel{background:#ffffff;flex-direction:column;padding:32px}.auth-form-center-wrap,.auth-right-panel{display:flex;align-items:center;justify-content:center}.auth-form-center-wrap{flex:1 1}}@media (max-width:767px){.auth-page-main{display:block;background:linear-gradient(180deg,#4c1d95,#8b5cf6)}.auth-mobile-hero{display:flex;height:300px;align-items:center;justify-content:center}.auth-left-panel{display:none!important}.auth-right-panel{background:#ffffff;border-radius:24px 24px 0 0;margin-top:-70px;padding:32px 16px 48px;min-height:calc(100dvh - 230px);width:100%;box-sizing:border-box}.auth-form-center-wrap,.auth-right-panel{display:block!important;align-items:unset!important;justify-content:unset!important}.auth-form-center-wrap{flex:unset!important}.auth-form-card{width:100%!important;max-width:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;overflow:hidden}.auth-form-heading{text-align:center!important;font-size:28px!important}.auth-form-subtitle{text-align:center!important;margin-bottom:20px!important}.auth-input-wrapper{padding:13px 12px!important}.auth-forgot-link-wrap{min-height:44px;display:flex!important;align-items:center;justify-content:flex-end;margin-bottom:8px!important}.auth-submit-btn{padding:14px 20px!important;font-size:16px!important;box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.1)!important}.auth-beta-banner{border-radius:10px!important;padding:14px 16px!important;margin-bottom:24px!important}.auth-links-row{text-align:center!important;margin-top:28px!important}.auth-coming-soon-overlay{border-radius:0!important}.dashboard-main{padding:16px!important;gap:16px!important}.dashboard-grid{display:flex!important;flex-direction:column!important;gap:16px!important}.dashboard-upload-section{order:-1}.dashboard-upload-heading{display:none!important}.video-card-thumb{width:80px!important;min-width:80px!important}.dashboard-footer{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important;padding-top:16px!important}.header-root{padding-left:16px!important;padding-right:16px!important}.header-page-title{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin-left:0!important;max-width:calc(100% - 140px)!important;overflow:hidden!important}.header-page-title.title-display{display:flex!important;pointer-events:auto!important;cursor:pointer!important}.header-page-title span:first-child{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important}.header-page-title .pencil-icon{display:none!important}input.header-page-title{display:block!important;pointer-events:auto!important;font-size:13px!important;max-width:calc(100% - 140px)!important;min-width:100px!important;padding:3px 8px!important}.header-dropdown-item{min-height:44px;padding-top:12px!important;padding-bottom:12px!important}.header-dropdown-panel{right:0;left:auto;max-width:calc(100vw - 32px);min-width:200px}.settings-save-btn{align-self:stretch!important;width:100%!important;text-align:center}.brand-kit-grid{grid-template-columns:1fr!important}.brand-kit-logo-section{display:flex!important;flex-direction:row!important;gap:12px!important;align-items:flex-start!important;flex-wrap:wrap!important}.brand-kit-logo-zone{width:120px!important;min-width:120px!important;height:80px!important;margin-bottom:0!important}.brand-kit-upload-zone{width:100%!important}.brand-kit-logo-buttons{flex-direction:column!important;flex:1 1!important;gap:8px!important;margin-bottom:0!important}.brand-kit-logo-buttons>button,.brand-kit-logo-buttons>div,.brand-kit-sk-btn{width:100%!important}.brand-kit-logo-caption{width:100%!important;text-align:center!important;margin-top:4px!important}.brand-kit-pos-picker{height:166px!important}.brand-kit-preview-label{display:block!important}.brand-kit-preview-row{flex-direction:column!important;height:auto!important;gap:0!important;padding:0!important;background:transparent!important;border:none!important;align-items:stretch!important}.brand-kit-preview-thumb{width:100%!important;height:166px!important;border-radius:10px!important;background:#1E1E2E!important;border:1px solid #374151!important;flex-shrink:0}.brand-kit-preview-text{text-align:center!important;margin-top:8px!important}.brand-kit-save-wrap{justify-content:stretch!important}.brand-kit-save-wrap>button,.brand-kit-save-wrap>div{width:100%!important}}@media (min-width:768px){.brand-kit-preview-label{display:none!important}}@media (max-width:767px){.preview-dark-inner{padding:0!important}.preview-video{border-radius:0!important;display:block}.preview-light-zone{padding:20px 16px 40px!important}.preview-action-buttons{flex-direction:column!important;gap:10px!important}.preview-action-buttons>*{width:100%!important;justify-content:center!important;box-sizing:border-box!important}.scenes-columns-wrapper{flex-direction:column!important;min-height:0!important}.scenes-left-column{width:100%!important;min-width:0!important;max-width:none!important;border-right:none!important;border-bottom:1px solid #e5e7eb;flex-direction:row!important;height:auto!important;overflow:hidden!important}.scenes-section-header{display:none!important}.scenes-right-column .scenes-section-header{display:block!important}.scenes-list{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;flex:none!important;padding:8px 10px!important;gap:6px!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;scrollbar-width:none}}@media (max-width:767px){.scenes-list::-webkit-scrollbar{display:none}.scene-card-wrap{flex-direction:column!important;width:72px!important;min-width:72px!important;max-width:72px!important;flex-shrink:0!important;padding:4px!important;gap:3px!important;align-items:center!important;overflow:hidden!important;height:155px!important;min-height:155px!important;touch-action:pan-x!important}.scene-thumb{width:64px!important;height:64px!important;min-width:64px!important;border-radius:4px!important}.scene-card-text{align-items:center!important;text-align:center;width:100%;overflow:hidden;gap:2px!important}.scene-room-pill{font-size:9px!important;padding:1px 5px!important}.scene-duration-label,.scene-number-label{font-size:10px!important}.scenes-center-column{flex:none!important;width:100%!important;max-width:100vw!important;overflow:visible!important;order:-1!important}.scenes-dark-zone{padding:8px 0!important;overflow:hidden!important;max-width:100%!important;position:fixed!important;top:48px!important;left:0!important;right:0!important;z-index:20!important;background:#1E1E2E!important}.scenes-mobile-player-spacer{height:60vw}.scenes-left-column>div:first-child,.scenes-right-column>div:first-child{position:static!important;z-index:auto!important}.scenes-video-player-wrap,.scenes-video-player-wrap>div{max-width:100%!important;overflow:hidden!important}.scenes-disclaimer{display:none!important}.scenes-sticky-light-section{width:100%!important;margin:0!important}.scenes-regen-picker{position:fixed!important;top:50%!important;left:16px!important;right:16px!important;transform:translateY(-50%)!important;z-index:40!important;background:#ffffff!important;border-radius:12px!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important}.scenes-overlay-label{font-size:10px!important;padding:3px 8px!important;max-width:60%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.scenes-light-zone{position:fixed!important;bottom:0!important;left:0!important;right:0!important;padding:16px!important;background:#ffffff!important;border-top:1px solid #e5e7eb!important;z-index:50!important}.scenes-light-zone>div{width:100%!important}.scenes-light-zone button{width:100%!important;justify-content:center!important}.scenes-right-column{width:100%!important;min-width:0!important;max-width:none!important;border-left:none!important;border-top:none!important;overflow:visible!important;padding-bottom:90px!important}.scenes-settings-scroll{padding:0 16px 24px!important}.scenes-right-column section:first-of-type,.scenes-right-column section:nth-of-type(2){padding-top:16px!important}.scenes-right-column section:nth-of-type(n+3){padding-top:20px!important}.scenes-right-column section{padding-bottom:0!important}.scene-add-btn{width:72px!important;min-width:72px!important;max-width:72px!important;flex-shrink:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:8px 4px!important;border-radius:8px!important}.scene-add-plus{font-size:20px!important;line-height:1!important}.scene-add-label{font-size:10px!important;line-height:1.2!important;white-space:nowrap!important}.music-tracks-toggle{display:block!important}.deleted-scenes-toggle{width:72px!important;min-width:72px!important;max-width:72px!important;height:155px!important;flex-shrink:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;border:2px dashed #d1d5db!important;border-radius:8px!important;background:#F9FAFB!important;padding:4px!important;cursor:pointer!important;touch-action:manipulation!important}.deleted-scenes-toggle.deleted-scenes-toggle-open{border:2px solid #d1d5db!important;background:#F3F4F6!important}.deleted-scenes-badge{background:#EF4444;color:#ffffff;border-radius:50%;width:18px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1}.deleted-scene-mobile-card{width:72px!important;min-width:72px!important;max-width:72px!important;height:155px!important;flex-shrink:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;border:2px dashed #d1d5db!important;border-radius:8px!important;background:#F9FAFB!important;padding:4px!important;overflow:hidden!important}.deleted-scene-card-thumb{width:60px!important;min-width:60px!important;height:60px!important;min-height:60px!important;border-radius:4px!important;overflow:hidden!important;background:#e5e7eb!important;flex-shrink:0!important}.deleted-scene-card-room{font-size:9px!important;text-transform:uppercase!important;padding:1px 5px!important;background:#F3F4F6!important;color:#6B7280!important;width:60px!important;max-width:60px!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;display:block!important}.deleted-scene-card-room,.deleted-scene-restore-btn{font-weight:600!important;border-radius:9999px!important;white-space:nowrap!important}.deleted-scene-restore-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:3px 6px!important;border:1px solid #d1d5db!important;background:#ffffff!important;color:#374151!important;font-size:10px!important;cursor:pointer!important;flex-shrink:0!important;touch-action:manipulation!important}.dash-sk-thumb{width:80px!important;min-width:80px!important}.editor-sk-wrapper{flex-direction:column!important;min-height:0!important}.editor-sk-left{width:100%!important;min-width:0!important;max-width:none!important;border-right:none!important;border-bottom:1px solid #e5e7eb!important;flex-direction:row!important;height:auto!important;overflow:hidden!important}.editor-sk-col-heading{display:none!important}.editor-sk-right-heading,.editor-sk-scene-list{display:flex!important}.editor-sk-scene-list{flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;flex:none!important;padding:8px 10px!important;gap:6px!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;scrollbar-width:none}}@media (max-width:767px){.editor-sk-scene-list::-webkit-scrollbar{display:none}.editor-sk-scene-card{width:72px!important;min-width:72px!important;max-width:72px!important;height:auto!important;flex-shrink:0!important;padding:4px!important;border-radius:8px!important;gap:4px!important;overflow:hidden!important;flex-direction:column!important;align-items:center!important}.editor-sk-scene-drag{display:none!important}.editor-sk-scene-text{align-items:center!important;gap:3px!important;width:100%!important}.editor-sk-scene-thumb{width:64px!important;height:64px!important;border-radius:4px!important}.editor-sk-center{flex:none!important;width:100%!important;order:-1!important}.editor-sk-dark{padding:0!important}.editor-sk-light{position:fixed!important;bottom:0!important;left:0!important;right:0!important;padding:16px!important;background:#ffffff!important;border-top:1px solid #e5e7eb!important;z-index:50!important}.editor-sk-render-btn,.editor-sk-right{width:100%!important}.editor-sk-right{min-width:0!important;max-width:none!important;border-left:none!important;border-top:none!important;overflow:visible!important;padding-bottom:90px!important}.editor-sk-settings-body{overflow:visible!important;padding:8px 16px 24px!important}.preview-sk-dark-inner{max-width:none!important;padding:0!important}.preview-sk-light-inner{max-width:none!important;padding:20px 16px 40px!important}.preview-sk-buttons{flex-direction:column!important;gap:10px!important;margin-bottom:20px!important}.preview-sk-btn,.settings-sk-save{width:100%!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px white!important;-webkit-text-fill-color:#111827!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}