@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Mono:wght@500;700&family=DM+Sans:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Mono:wght@500&family=DM+Sans:wght@700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=DM+Sans:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=DM+Mono:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=DM+Mono:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&display=swap);:root{--primary-color:#5908e5;--secondary-color:#2ecc71;--text-color:#333;--background-color:#000}*{font-family:Poppins,sans-serif;margin:0;padding:0}::-webkit-scrollbar{height:12px!important;width:12px!important}::-webkit-scrollbar-track{background:#f1f1f1!important}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#888!important}html{overflow-y:scroll!important;scrollbar-gutter:stable!important}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home{--accent:#7c3aed;--accent-bright:#a78bfa;--accent-dim:#4c1d95;--accent-glow:#7c3aed38;--bg:#09090b;--bg-panel:#111115;--bg-card:#18181f;--bg-card-hover:#1f1f29;--bg-input:#0f0f14;--bg-elevated:#1c1c25;--border:#ffffff12;--border-accent:#7c3aed59;--text:#f4f4f8;--text-secondary:#8888a8;--text-muted:#55556a;--success:#10b981;--danger:#ef4444;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--transition:180ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 16px #00000080;--glow:0 0 18px var(--accent-glow)}*,:after,:before{margin:0;padding:0}.home{background-color:var(--bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");color:var(--text);display:flex;flex-direction:column;font-family:DM Sans,sans-serif;min-height:100vh}.home .header{background-color:var(--bg-panel);border-bottom:1px solid var(--border);color:var(--text)}.topbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#111115eb;border-bottom:1px solid var(--border);justify-content:space-between;padding:14px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar,.topbar-title{align-items:center;display:flex}.topbar-title{color:var(--text-secondary);font-size:13px;font-weight:700;gap:8px;letter-spacing:.05em;text-transform:uppercase}.topbar-icon{color:var(--accent-bright);font-size:16px}.cookie-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:7px 14px;transition:all var(--transition)}.cookie-btn:hover{background:var(--bg-card-hover);border-color:var(--border-accent);color:var(--accent-bright)}.cookie-btn--open{background:var(--accent-glow);border-color:var(--accent);box-shadow:var(--glow);color:var(--accent-bright)}.cookie-btn-icon{font-size:10px}.cookie-drawer{border-bottom:1px solid #0000;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.cookie-drawer--open{border-bottom-color:var(--border);max-height:900px}.cookie-drawer-inner{animation:fadeSlideDown .3s ease;background:var(--bg-panel);padding:24px}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cookie-drawer-header h3{color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.cookie-drawer-header p{color:var(--text-muted);font-size:12px;line-height:1.6;margin-bottom:20px}.cookie-fields{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.cookie-field{display:flex;flex-direction:column;gap:8px}.cookie-field-header{align-items:center;display:flex;gap:8px}.cookie-badge{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;width:20px}.cookie-label{color:var(--text);font-size:12px;font-weight:600}.cookie-required{background:var(--accent-glow);color:var(--accent-bright);font-weight:600}.cookie-optional,.cookie-required{border-radius:4px;font-size:10px;margin-left:auto;padding:2px 6px}.cookie-optional{background:var(--bg-card);color:var(--text-muted)}.cookie-textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:DM Mono,monospace;font-size:11px;line-height:1.6;min-height:100px;padding:10px;resize:vertical;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.cookie-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.cookie-textarea::placeholder{color:var(--text-muted);opacity:.5}.cookie-char-count{color:var(--text-muted);font-family:DM Mono,monospace;font-size:10px;text-align:right}.cookie-actions{display:flex;gap:10px;justify-content:flex-end}button{border:none;cursor:pointer;font-family:DM Sans,sans-serif}.btn-ghost{background:#0000;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:12px;font-weight:600;padding:8px 16px;transition:all var(--transition)}.btn-ghost:hover{background:var(--bg-card-hover);border-color:var(--border-accent);color:var(--text)}.btn-primary{align-items:center;background:var(--accent);border-radius:var(--radius-pill);color:#fff;display:flex;font-size:12px;font-weight:700;gap:6px;padding:8px 20px;transition:all var(--transition)}.btn-primary:hover:not(:disabled){background:#6d28d9;box-shadow:var(--glow);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.prompt-stage{align-items:center;animation:fadeUp .4s ease;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:48px 24px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.prompt-stage-label{align-items:center;color:var(--text-muted);display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.1em;margin-bottom:16px;text-transform:uppercase}.stage-icon{color:var(--accent-bright);font-size:12px}.prompt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);max-width:720px;overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.prompt-card:focus-within{border-color:var(--border-accent);box-shadow:var(--shadow-md),var(--glow)}.prompt-textarea{background:#0000;border:none;color:var(--text);font-size:14px;letter-spacing:.01em;line-height:1.7;min-height:340px;padding:24px;resize:none;width:100%}.prompt-textarea:focus{outline:none}.prompt-textarea::placeholder{color:var(--text-muted);opacity:.5}.prompt-footer{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px 20px}.char-meter-wrap{align-items:center;display:flex;flex:1 1;gap:12px;min-width:140px}.char-meter{background:var(--bg-elevated);flex:1 1;height:4px;max-width:160px;overflow:hidden}.char-meter,.char-meter-fill{border-radius:var(--radius-pill)}.char-meter-fill{background:var(--text-muted);height:100%;transition:width .3s ease,background .3s ease}.char-meter-fill--ready{background:var(--success)}.char-count{color:var(--text-muted);font-family:DM Mono,monospace;font-size:11px;transition:color .3s;white-space:nowrap}.char-count--ready{color:var(--success);font-weight:600}.btn-proceed{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);cursor:not-allowed;display:flex;font-size:12px;font-weight:700;gap:6px;opacity:.5;padding:9px 20px;transition:all var(--transition)}.btn-proceed--ready{background:var(--accent);border-color:var(--accent);color:#fff;cursor:pointer;opacity:1}.btn-proceed--ready:hover{background:#6d28d9;box-shadow:var(--glow);transform:translateY(-1px)}.proceed-arrow{font-size:10px;transition:transform var(--transition)}.btn-proceed--ready:hover .proceed-arrow{transform:translateX(3px)}.meta-stage{animation:fadeUp .4s ease;margin:0 auto;max-width:1100px;padding:24px;width:100%}.meta-stage-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.meta-stage-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.btn-back,.meta-stage-label{align-items:center;display:flex;gap:6px}.btn-back{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:12px;font-weight:600;padding:7px 14px;transition:all var(--transition)}.btn-back:hover{background:var(--bg-card-hover);border-color:var(--border-accent);color:var(--text)}.meta-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.meta-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color var(--transition)}.meta-section:hover{border-color:var(--border-accent)}.meta-section--wide{grid-column:1/-1}.meta-section-title{align-items:center;color:var(--text-muted);display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.1em;margin-bottom:14px;text-transform:uppercase}.optional-tag{background:var(--bg-input);border-radius:4px;color:var(--text-muted);font-size:9px;font-weight:500;letter-spacing:.05em;padding:2px 6px}.prompt-type-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.prompt-type-card{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:16px 12px;position:relative;text-align:center;transition:all var(--transition)}.prompt-type-card:hover:not(.prompt-type-card--soon){border-color:var(--border-accent);color:var(--text);transform:translateY(-2px)}.prompt-type-card--active{background:var(--accent-glow)!important;border-color:var(--accent)!important;box-shadow:var(--glow)!important;color:var(--accent-bright)!important}.prompt-type-card--soon{cursor:default;opacity:.4}.pt-icon{font-size:18px}.pt-label{font-size:12px;font-weight:700}.pt-desc{color:var(--text-muted);font-size:10px}.pt-check{color:var(--accent-bright);font-size:10px;position:absolute;right:8px;top:8px}.soon-badge{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:9px;padding:2px 5px;position:absolute;right:6px;top:6px}.pill-group{display:flex;flex-wrap:wrap;gap:8px}.select-btn{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:7px 14px;transition:all var(--transition)}.select-btn:hover{border-color:var(--border-accent);color:var(--text)}.select-btn--active{background:var(--accent-glow)!important;border-color:var(--accent)!important;box-shadow:var(--glow)!important;color:var(--accent-bright)!important}.select-btn--disabled{cursor:not-allowed;opacity:.35}.select-btn-check{font-size:10px}.niche-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.niche-card{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 8px;position:relative;text-align:center;transition:all var(--transition)}.niche-card:hover{border-color:var(--border-accent);color:var(--text);transform:translateY(-2px)}.niche-card--active{background:var(--accent-glow)!important;border-color:var(--accent)!important;box-shadow:var(--glow)!important;color:var(--accent-bright)!important}.niche-icon{font-size:20px}.niche-label{font-size:11px;font-weight:700;letter-spacing:.02em}.niche-check{color:var(--accent-bright);font-size:10px;position:absolute;right:6px;top:6px}.split-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.split-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 14px;text-align:left;transition:all var(--transition)}.split-card:hover{border-color:var(--border-accent);color:var(--text)}.split-card--active{background:var(--accent-glow)!important;border-color:var(--accent)!important;box-shadow:var(--glow)!important;color:var(--accent-bright)!important}.split-label{font-size:12px;font-weight:700}.split-desc{font-size:10px;opacity:.6}.orientation-group{display:flex;gap:10px}.orientation-btn{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:12px;font-weight:600;gap:6px;padding:16px 12px;transition:all var(--transition)}.orientation-btn:hover{border-color:var(--border-accent);color:var(--text)}.orientation-btn--active{background:var(--accent-glow)!important;border-color:var(--accent)!important;box-shadow:var(--glow)!important;color:var(--accent-bright)!important}.orientation-icon{font-size:20px;line-height:1}.orientation-ratio{font-family:DM Mono,monospace;font-size:10px;opacity:.6}.emotion-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:13px;outline:none;padding:10px 12px;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.emotion-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.emotion-input::placeholder{color:var(--text-muted);opacity:.5}.compose-bar{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.compose-summary{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.summary-chip{background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;padding:5px 12px;text-transform:capitalize}.btn-compose,.summary-chip{border-radius:var(--radius-pill)}.btn-compose{align-items:center;background:var(--accent);color:#fff;display:flex;font-size:13px;font-weight:700;gap:6px;letter-spacing:.02em;padding:10px 28px;transition:all var(--transition);white-space:nowrap}.btn-compose:hover{background:#6d28d9;box-shadow:var(--glow);transform:translateY(-1px)}.btn-compose:active{transform:scale(.97)}.spinner{animation:spin .6s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:900px){.meta-grid{grid-template-columns:1fr}.meta-section--wide{grid-column:1}.niche-grid,.prompt-type-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.topbar{padding:12px 16px}.meta-stage{padding:16px}.prompt-stage{padding:24px 16px}.prompt-textarea{font-size:13px;min-height:220px;padding:20px}.prompt-footer{padding:12px 20px 16px}.niche-grid{grid-template-columns:repeat(2,1fr)}.niche-card:last-child{grid-column:1/-1}.split-grid{grid-template-columns:1fr}.orientation-group{flex-direction:row}.compose-bar{align-items:stretch;flex-direction:column}.btn-compose{justify-content:center}.cookie-fields,.prompt-type-grid{grid-template-columns:1fr}}.header{--accent:#7c3aed;--accent-bright:#a78bfa;--accent-dim:#4c1d95;--accent-glow:#7c3aed40;--bg:#09090b;--bg-panel:#111115;--bg-glass:#111115e0;--bg-card:#18181f;--bg-hover:#1f1f29;--border:#ffffff12;--border-accent:#7c3aed66;--text:#f4f4f8;--text-secondary:#8888a8;--text-muted:#55556a;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--transition:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 20px #00000080;--glow:0 0 24px var(--accent-glow);grid-gap:16px;align-items:center;animation:headerSlideIn .5s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:var(--bg-glass);border-bottom:1px solid var(--border);box-shadow:0 1px 0 0 #7c3aed14,0 4px 12px #0006;display:grid;font-family:DM Sans,sans-serif;gap:16px;grid-template-areas:"menu logo user";grid-template-columns:64px 1fr 64px;min-height:68px;padding:12px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:300}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.header:after{background:linear-gradient(90deg,#0000 0,var(--accent-dim) 20%,var(--accent) 50%,var(--accent-dim) 80%,#0000 100%);bottom:0;content:"";height:1px;left:0;opacity:0;position:absolute;right:0;transition:opacity var(--transition-slow)}.header:hover:after{opacity:.6}.side-bar-icon{grid-area:menu;justify-content:flex-start;z-index:10}.menu-button,.side-bar-icon{align-items:center;display:flex}.menu-button{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;height:44px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all var(--transition);width:44px}.menu-button:before{background:linear-gradient(135deg,var(--accent-dim),var(--accent-bright));content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition)}.menu-button:hover{border-color:var(--accent);box-shadow:var(--shadow-sm),var(--glow);transform:translateY(-2px)}.menu-button:hover:before{opacity:.15}.menu-button:active{transform:translateY(0) scale(.96)}.side-bar-icon svg{color:var(--text-secondary);font-size:24px;position:relative;transition:color var(--transition),transform var(--transition);z-index:1}.menu-button:hover svg{color:var(--accent-bright);transform:scale(1.1)}.logo{grid-area:logo;justify-content:center}.logo,.logo a{align-items:center;display:flex;position:relative}.logo a{background:#0000;gap:10px;padding:8px 20px;text-decoration:none;transition:all var(--transition)}.logo a,.logo a:before{border-radius:var(--radius-pill)}.logo a:before{background:linear-gradient(135deg,var(--accent-dim),var(--accent),var(--accent-bright));content:"";inset:-2px;opacity:0;position:absolute;transition:opacity var(--transition-slow);z-index:0}.logo a:hover:before{opacity:.18}.logo-badge{animation:logoPulse 2.5s ease-in-out infinite;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent-glow),inset 0 0 4px #ffffff4d;height:8px;position:relative;width:8px}@keyframes logoPulse{0%,to{box-shadow:0 0 12px var(--accent-glow),inset 0 0 4px #ffffff4d;opacity:1;transform:scale(1)}50%{box-shadow:0 0 20px var(--accent-glow),inset 0 0 4px #ffffff80;opacity:.7;transform:scale(1.3)}}.logo h2{background:linear-gradient(135deg,var(--text) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-family:DM Sans,sans-serif;font-size:16px;font-weight:800;letter-spacing:.15em;margin:0;position:relative;text-transform:uppercase;transition:all var(--transition-slow);z-index:1}.logo a:hover h2,.logo h2{-webkit-text-fill-color:#0000}.logo a:hover h2{background:linear-gradient(135deg,var(--accent-bright) 0,var(--accent) 60%,var(--accent-bright) 100%);-webkit-background-clip:text;background-clip:text;letter-spacing:.18em}.header-items{align-items:center;display:flex;gap:12px;grid-area:user;justify-content:flex-end}.header-items .name{align-items:center;background:var(--bg-card);border:1.5px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:700;justify-content:center;letter-spacing:.08em;padding:.8rem;position:relative;transition:all var(--transition);-webkit-user-select:none;user-select:none}.header-items .name:before{background:linear-gradient(135deg,var(--accent-dim),var(--accent),var(--accent-bright));content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition)}.header-items .name:hover{border-color:var(--accent);box-shadow:var(--shadow-sm),var(--glow);transform:translateY(-3px) scale(1.05)}.header-items .name:hover:before{opacity:1}.header-items .name p{margin:0;position:relative;transition:all var(--transition);z-index:1}.header-items .name:hover p{color:#fff;transform:scale(1.05)}.status-indicator{background:var(--accent);border:2px solid var(--bg-glass);border-radius:50%;bottom:2px;box-shadow:0 0 8px var(--accent-glow);height:10px;position:absolute;right:2px;width:10px;z-index:2}.header-items .logout{position:relative}.header-items .logout button{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.03em;margin:0;overflow:hidden;padding:10px 18px;position:relative;transition:all var(--transition)}.header-items .logout button:before{background:linear-gradient(135deg,var(--accent-dim),var(--accent));content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition)}.header-items .logout button:hover{border-color:var(--accent);box-shadow:var(--shadow-sm),var(--glow);color:var(--text);transform:translateY(-2px)}.header-items .logout button:hover:before{opacity:.15}.header-items .logout button:active{transform:translateY(0) scale(.97)}.header-items .logout button span{position:relative;z-index:1}@media (max-width:1024px){.header{padding:12px 24px}.logo h2{font-size:15px;letter-spacing:.12em}}@media (max-width:768px){.header{gap:12px;grid-template-columns:56px 1fr 56px;min-height:64px;padding:10px 20px}.menu-button{height:42px;width:42px}.side-bar-icon svg{font-size:22px}.logo h2{font-size:14px;letter-spacing:.1em}.logo-badge{height:7px;width:7px}.header-items .name{font-size:11px;height:40px;width:40px}.header-items .logout button{font-size:12px;padding:9px 16px}}@media (max-width:600px){.header{gap:10px;grid-template-areas:"menu logo user";grid-template-columns:48px 1fr auto;min-height:60px;padding:10px 16px}.menu-button{height:40px;width:40px}.side-bar-icon svg{font-size:20px}.logo{justify-content:flex-start;margin-left:4px}.logo a{padding:6px 14px}.logo h2{font-size:13px;letter-spacing:.08em}.logo-badge{height:6px;width:6px}.header-items{gap:10px}.header-items .name{font-size:10px;height:38px;width:38px}.header-items .logout button{font-size:11px;padding:8px 14px}.status-indicator{height:9px;width:9px}}@media (max-width:480px){.header{gap:8px;min-height:56px;padding:8px 14px}.menu-button{height:38px;width:38px}.side-bar-icon svg{font-size:18px}.logo a{padding:5px 12px}.logo h2{font-size:12px;letter-spacing:.06em}.logo-badge{height:5px;width:5px}.header-items .name{border-width:1px;font-size:9px;height:36px;width:36px}.header-items .logout button{font-size:10px;padding:7px 12px}}@media (max-width:380px){.header{grid-template-columns:36px 1fr auto;min-height:52px;padding:8px 12px}.menu-button{height:36px;width:36px}.side-bar-icon svg{font-size:17px}.logo h2{font-size:11px}.header-items{gap:8px}.header-items .name{height:34px;width:34px}.header-items .logout button span{display:none}.header-items .logout button{height:36px;justify-content:center;padding:0;width:36px}.header-items .logout button:after{content:"⏻";font-size:15px;position:relative;z-index:1}}@media (prefers-reduced-motion:reduce){.header,.header-items .logout button,.header-items .name,.logo a,.menu-button{animation:none;transition:none}.logo-badge{animation:none}}@media (prefers-contrast:high){.header{border-bottom-width:2px}.header-items .logout button,.header-items .name,.menu-button{border-width:2px}}@media print{.header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;padding:12px 0;position:static}.header:after{display:none}.header-items .logout,.side-bar-icon,.status-indicator{display:none!important}.logo{justify-content:flex-start}.logo h2{-webkit-text-fill-color:#0000;background:#000;-webkit-background-clip:text}}.header-items .logout button:focus-visible,.header-items .name:focus-visible,.logo a:focus-visible,.menu-button:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}@supports (-webkit-backdrop-filter:blur(20px)){.header{-webkit-backdrop-filter:blur(20px) saturate(180%)}}@-moz-document url-prefix(){.header{background:#111115f2}}.side-bar-container{--accent:#7c3aed;--accent-bright:#a78bfa;--accent-dim:#4c1d95;--accent-glow:#7c3aed40;--bg:#09090b;--bg-panel:#111115;--bg-card:#18181f;--bg-hover:#1f1f29;--border:#ffffff12;--border-accent:#7c3aed59;--text:#f4f4f8;--text-secondary:#8888a8;--text-muted:#55556a;--radius-md:10px;--radius-lg:14px;--transition:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--shadow-md:0 8px 32px #0009;--glow:0 0 24px var(--accent-glow);animation:fadeIn .25s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf;inset:0;position:fixed;z-index:500}.side-bar{animation:slideInLeft .4s cubic-bezier(.16,1,.3,1);background:var(--bg-panel);border-right:1px solid var(--border);bottom:0;box-shadow:var(--shadow-md),4px 0 24px #7c3aed1a;display:flex;flex-direction:column;font-family:DM Sans,sans-serif;left:0;overflow-y:auto;padding:0;position:fixed;scrollbar-color:var(--border) #0000;scrollbar-width:thin;top:0;width:280px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.side-bar::-webkit-scrollbar{width:4px}.side-bar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.side-bar::-webkit-scrollbar-track{background:#0000}.sidebar-logo{align-items:center;background:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 20px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sidebar-logo h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:800;letter-spacing:.12em;margin:0;text-transform:uppercase;transition:all var(--transition)}.sidebar-logo:hover h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-bright) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text}.close-sidebar{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;height:36px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition);width:36px}.close-sidebar:before{background:linear-gradient(135deg,var(--accent-dim),var(--accent-bright));content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition)}.close-sidebar:hover{border-color:var(--accent);box-shadow:0 2px 8px #0006,var(--glow);transform:rotate(90deg)}.close-sidebar:hover:before{opacity:.15}.close-sidebar svg{color:var(--text-secondary);font-size:18px;margin:0;position:relative;transition:color var(--transition);z-index:1}.close-sidebar:hover svg{color:var(--accent-bright)}.sidebar-items-plugin,.sidebar-menu{border-bottom:1px solid var(--border);padding:20px 20px 16px}.sidebar-items-plugin h5,.sidebar-menu h5{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.12em;margin:0 0 12px;text-transform:uppercase}.side-bar a{color:var(--text-secondary);display:block;text-decoration:none}.sidebar-items-plugin p,.sidebar-menu p{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;letter-spacing:.01em;margin:0 0 8px;padding:10px 14px;position:relative;transition:all var(--transition)}.sidebar-items-plugin p:before,.sidebar-menu p:before{background:var(--accent);border-radius:0 3px 3px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height var(--transition);width:3px}.sidebar-items-plugin p:hover,.sidebar-menu p:hover{background:var(--bg-hover);color:var(--text);transform:translateX(4px)}.sidebar-items-plugin p:hover:before,.sidebar-menu p:hover:before{height:60%}.sidebar-items-plugin a:hover p,.sidebar-menu a:hover p{color:var(--accent-bright)}.sidebar-items-plugin p.active,.sidebar-menu p.active{background:#7c3aed1f;color:var(--accent-bright);font-weight:600}.sidebar-items-plugin p.active:before,.sidebar-menu p.active:before{height:70%}.sub-draft{border-left:1px solid var(--border);margin-left:20px;margin-top:4px;padding-left:12px}.sub-draft a{display:block}.sub-draft p{color:var(--text-muted);font-size:12px;margin:0 0 6px;padding:8px 12px}.sub-draft p:hover{background:var(--bg-card);color:var(--accent-bright);transform:translateX(2px)}.sub-draft p:before{display:none}.side-bar-container:after{content:"";inset:0;position:absolute;z-index:-1}@media (max-width:768px){.side-bar{width:260px}.sidebar-logo{padding:18px 16px 14px}.sidebar-logo h2{font-size:14px}.close-sidebar{height:34px;width:34px}.close-sidebar svg{font-size:16px}.sidebar-items-plugin,.sidebar-menu{padding:16px 16px 14px}}@media (max-width:480px){.side-bar{width:240px}.sidebar-logo{padding:16px 14px 12px}.sidebar-logo h2{font-size:13px;letter-spacing:.1em}.close-sidebar{height:32px;width:32px}.close-sidebar svg{font-size:15px}.sidebar-items-plugin,.sidebar-menu{padding:14px 14px 12px}.sidebar-items-plugin h5,.sidebar-menu h5{font-size:9px}.sidebar-items-plugin p,.sidebar-menu p{font-size:12px;padding:9px 12px}.sub-draft{margin-left:16px;padding-left:10px}.sub-draft p{font-size:11px;padding:7px 10px}}@media (max-width:360px){.side-bar{width:220px}.sidebar-logo h2{font-size:12px}}@media (prefers-reduced-motion:reduce){.close-sidebar,.side-bar,.side-bar-container,.sidebar-items-plugin p,.sidebar-menu p{animation:none;transition:none}}.close-sidebar:focus-visible,.sidebar-items-plugin a:focus-visible,.sidebar-menu a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.side-bar.slide-out{animation:slideOutLeft .3s cubic-bezier(.4,0,1,1) forwards}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.loader{align-items:center;background:#09090b;display:flex;flex-direction:column;gap:40px;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9999}.loader:before{animation:loaderPulseGlow 3s ease-in-out infinite;background:radial-gradient(circle,#7c3aed1f 0,#0000 70%);content:"";height:600px;pointer-events:none;position:absolute;width:600px}@keyframes loaderPulseGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.loader-logo{-webkit-text-fill-color:#0000;animation:logoFade .6s ease both;background:linear-gradient(135deg,#f4f4f8,#8888a8);-webkit-background-clip:text;background-clip:text;font-family:DM Sans,sans-serif;font-size:13px;font-weight:800;letter-spacing:.24em;position:relative;text-transform:uppercase;z-index:1}@keyframes logoFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loader-ring-wrap{align-items:center;display:flex;height:96px;justify-content:center;position:relative;width:96px;z-index:1}.loader-ring-wrap:before{animation:spinOuter 1.4s cubic-bezier(.68,-.55,.27,1.55) infinite;border-color:#7c3aed #7c3aed #0000 #0000;border-radius:50%;border-style:solid;border-width:2px;content:"";inset:0;position:absolute}.loader-ring-wrap:after{animation:spinInner 1s linear infinite;border-color:#0000 #0000 #a78bfa #a78bfa;border-radius:50%;border-style:solid;border-width:2px;content:"";inset:12px;position:absolute}@keyframes spinOuter{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinInner{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.loader-dot{animation:dotPulse 1.4s ease-in-out infinite;background:#7c3aed;border-radius:50%;box-shadow:0 0 16px #7c3aedcc,0 0 32px #7c3aed66;height:12px;width:12px}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.4)}}.loader-bar-wrap{background:#ffffff0d;border-radius:999px;height:2px;overflow:hidden;position:relative;width:180px;z-index:1}.loader-bar{animation:barSlide 1.6s ease-in-out infinite;background:linear-gradient(90deg,#0000,#7c3aed,#a78bfa,#0000);border-radius:999px;height:100%;width:40%}@keyframes barSlide{0%{transform:translateX(-200%)}to{transform:translateX(450%)}}.loader-status{animation:statusBlink 2s ease-in-out infinite,logoFade .6s ease both;color:#55556a;font-family:DM Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.08em;position:relative;text-transform:uppercase;z-index:1}@keyframes statusBlink{0%,to{opacity:.4}50%{opacity:1}}.loader-corner{height:24px;opacity:.3;position:absolute;width:24px}.loader-corner--tl{border-left:1.5px solid #7c3aed;left:32px}.loader-corner--tl,.loader-corner--tr{border-top:1.5px solid #7c3aed;top:32px}.loader-corner--tr{border-right:1.5px solid #7c3aed;right:32px}.loader-corner--bl{border-left:1.5px solid #7c3aed;left:32px}.loader-corner--bl,.loader-corner--br{border-bottom:1.5px solid #7c3aed;bottom:32px}.loader-corner--br{border-right:1.5px solid #7c3aed;right:32px}@media (max-width:480px){.loader-ring-wrap{height:80px;width:80px}.loader-ring-wrap:after{inset:10px}.loader-dot{height:10px;width:10px}.loader-logo{font-size:12px}.loader-bar-wrap{width:140px}.loader-corner{height:18px;width:18px}.loader-corner--tl,.loader-corner--tr{top:20px}.loader-corner--bl,.loader-corner--tl{left:20px}.loader-corner--br,.loader-corner--tr{right:20px}.loader-corner--bl,.loader-corner--br{bottom:20px}}@media (prefers-reduced-motion:reduce){.loader-bar,.loader-dot,.loader-ring-wrap:after,.loader-ring-wrap:before,.loader-status,.loader:before{animation:none}.loader-bar{opacity:.7;transform:translateX(50%);width:60%}}.confirmation-container{--accent:#7c3aed;--accent-bright:#a78bfa;--accent-dim:#4c1d95;--accent-glow:#7c3aed40;--bg:#09090b;--bg-panel:#111115;--bg-card:#18181f;--bg-card-hover:#1f1f29;--border:#ffffff12;--border-accent:#7c3aed59;--text:#f4f4f8;--text-secondary:#8888a8;--danger:#ef4444;--success:#10b981;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--transition:180ms cubic-bezier(0.4,0,0.2,1);--shadow-md:0 4px 20px #0009;--glow:0 0 24px var(--accent-glow);align-items:center;animation:overlayFadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:500}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.confirmation-box{animation:boxSlideIn .3s cubic-bezier(.16,1,.3,1);background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),var(--glow);font-family:DM Sans,sans-serif;max-width:480px;padding:32px;text-align:center;width:100%}@keyframes boxSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirmation-box h2{color:var(--text);font-size:16px;font-weight:600;letter-spacing:.01em;line-height:1.5;margin:0 0 28px}.confirmation-box button{align-items:center;border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;justify-content:center;letter-spacing:.02em;margin:0 6px;min-width:100px;padding:10px 28px;transition:all var(--transition)}.confirmation-box button:first-of-type{background:var(--accent);border-color:var(--accent);color:#fff}.confirmation-box button:first-of-type:hover{background:#6d28d9;box-shadow:var(--glow);transform:translateY(-2px)}.confirmation-box button:first-of-type:active{transform:translateY(0) scale(.97)}.confirmation-box button:last-of-type{background:var(--bg-panel);border-color:var(--border);color:var(--text-secondary)}.confirmation-box button:last-of-type:hover{background:var(--bg-card-hover);border-color:var(--border-accent);color:var(--text);transform:translateY(-1px)}.confirmation-box button:last-of-type:active{transform:scale(.97)}@media (max-width:768px){.confirmation-container{padding:16px}.confirmation-box{padding:28px 24px}.confirmation-box h2{font-size:15px;margin-bottom:24px}.confirmation-box button{font-size:12px;min-width:90px;padding:9px 24px}}@media (max-width:480px){.confirmation-box{padding:24px 20px}.confirmation-box h2{font-size:14px;margin-bottom:20px}.confirmation-box button{margin:0 4px;min-width:80px;padding:8px 20px}}@media (max-width:360px){.confirmation-box{padding:20px 16px}.confirmation-box h2{font-size:13px}.confirmation-box button{display:block;margin:6px 0;width:100%}}@media (prefers-reduced-motion:reduce){.confirmation-box,.confirmation-box button,.confirmation-container{animation:none;transition:none}}.confirmation-box button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.confirmation-box button:focus{box-shadow:0 0 0 3px var(--accent-glow)}.overall-news .header{background-color:#000;color:#fff}.news{background-color:#000;margin:0;max-width:100%;min-height:100vh;overflow-x:hidden;padding:2rem 1rem}.news-header h2{border-bottom:3px solid var(--primary-color);color:#fff;display:inline-block;font-size:2rem;margin-bottom:1.5rem;padding-bottom:.5rem}.news-sets{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:1rem 0}.single-news{background:#000;border:1px solid #333;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.single-news:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.single-news .date{align-items:flex-end;display:flex;flex-direction:column;margin-bottom:1rem;padding-right:1rem;position:relative}.single-news .date:after{background:#4299e1;content:"";height:60%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px}.single-news .day{color:#fff;font-size:1.5rem;font-weight:700}.single-news .month{color:#718096;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.single-news h3{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:17px;line-height:1.4;margin:1rem 0;overflow:hidden;text-overflow:ellipsis}.single-news button{align-self:flex-start;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;margin-top:auto;padding:.5rem 1.5rem;transition:background .2s ease}.single-news button:hover{background:#3182ce}.news-sets>p{color:#718096;grid-column:1/-1;padding:2rem;text-align:center;width:100%}.selected-news{background-color:var(--background-color);display:flex;flex-direction:column;min-height:100vh}.news-data .single-news-data h3{border-bottom:3px solid var(--primary-color);color:#fff;display:inline-block;font-size:2rem;font-size:30px;margin-bottom:1.5rem;padding-bottom:.5rem}.source-data-date{display:flex;justify-content:space-between;padding:0 1rem;width:95%}.source-data-date p{color:var(--primary-color);font-size:25px;font-weight:800}.source-data-date .date{align-items:flex-end;display:flex;flex-direction:column;margin-bottom:1rem;padding-right:1rem;position:relative}.source-data-date .date:after{background:var(--primary-color);content:"";height:60%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px}.source-data-date .day{color:#fff;font-size:1.5rem;font-weight:700}.source-data-date .month{color:#f6f6f6;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.single-news-data textarea{background-color:#5908e500;border:1px solid #ccc;border-radius:5px;box-shadow:1px 1px 1px #999;color:#fff;font-size:.8rem;height:70vh!important;letter-spacing:1px;line-height:1.5;max-width:100%;padding:10px;width:95%}.news-navigate{display:flex;justify-content:space-between;margin:1rem}.news-navigate button{font-size:13px;font-weight:800}.news-navigate button:last-child{background-color:var(--primary-color);color:#fff}.section{align-items:start;display:flex;flex-direction:column;gap:1rem;justify-content:center;width:100%}.section h4{color:#fff;font-size:15px;margin-bottom:.5rem}.options{display:flex;gap:1rem}.options button{background-color:#1f1f1f;border:1px solid #444;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;padding:.7rem 1.5rem;transition:background-color .3s ease}.options button.active,.options button:hover{background-color:var(--primary-color)}.section input{background-color:#1f1f1f;border:1px solid #444;border-radius:5px;color:#fff;font-size:13px;padding:.7rem;width:70%}.section input::placeholder{color:#888}.meta-data-buttons button{font-size:13px;font-weight:800}.meta-data-buttons{display:flex;justify-content:space-between}.meta-data-buttons .edit-prompt{background-color:#fff}.meta-data-buttons .continue{background-color:var(--primary-color);color:#fff}@media (max-width:768px){.news{padding:1rem}.news-header h2{font-size:1.5rem}.news-sets{grid-template-columns:1fr}.single-news{min-height:auto}}@media (max-width:480px){.single-news{padding:1rem}.single-news h3{font-size:1rem}.single-news button{width:100%}}.container{display:flex;flex-direction:column;height:100vh}.header{background:#f5f5f5;border-bottom:1px solid #ddd;padding:1rem}.main-content{display:flex;flex:1 1;overflow:hidden}.sidebar{border-right:1px solid #ddd;width:300px}.main-panel,.sidebar{overflow-y:auto;padding:1rem}.main-panel{flex:1 1}.media-section{margin-bottom:1rem}.image-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.thumbnail{border:2px solid #0000;cursor:pointer}.thumbnail:hover{border-color:#007bff}.thumbnail img{height:auto;width:100%}.video-list{display:flex;flex-direction:column;gap:.5rem}.video-item{border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:.5rem}.script-section{margin-bottom:1rem}.script-editor{height:200px;padding:.5rem;width:100%}.media-viewer{border:1px solid #ddd;margin-bottom:1rem;min-height:300px;padding:1rem}.preview-image{height:auto;max-width:100%}.video-container{height:0;padding-bottom:56.25%;position:relative}.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.final-video{margin-top:2rem}.finalize-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.news-data{animation:fadeIn 1s ease-in-out;margin-top:2rem}.single-news-data h3:hover{color:var(--primary-color);transition:color .3s ease}.source-data-date p:hover{color:#fff;transition:color .3s ease}@keyframes typing{0%{width:0}to{width:100%}}@keyframes borderAnimation{0%{border-color:#ccc}50%{border-color:var(--primary-color)}to{border-color:#ccc}}.single-news-data textarea{animation:borderAnimation 3s infinite}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}:root{--bg-base:#09090b;--bg-tag:#1e1829;--border-accent:#7c3aed66;--text-primary:#f4f4f8;--sidebar-width:280px;--header-height:56px;--transition-slow:320ms cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 1px 3px #0006;--shadow-glow:0 0 20px var(--accent-glow)}*,:after,:before{box-sizing:border-box}.composition-panel{background-color:#09090b;background-color:var(--bg-base);color:#f4f4f8;color:var(--text-primary);display:flex;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.5;min-height:100vh}.composition-panel .side-panel{background:#111115;background:var(--bg-panel);border-right:1px solid #ffffff12;border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:0;transition:width .32s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.4,0,.2,1);transition:width var(--transition-slow),transform var(--transition-slow);width:280px;width:var(--sidebar-width);z-index:50}.composition-panel .side-panel .panel-header{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);flex-shrink:0;padding:14px 12px 10px}.composition-panel .side-panel .panel-header select{-webkit-appearance:none;appearance:none;background:#0f0f14;background:var(--bg-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238888a8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #7c3aed66;border:1px solid var(--border-accent);border-radius:10px;border-radius:var(--radius-md);color:#f4f4f8;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;height:38px;margin:0;outline:none;padding:0 32px 0 12px;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition);width:100%}.composition-panel .side-panel .panel-header select:focus{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed40;box-shadow:0 0 0 3px var(--accent-glow)}.panel-items{display:flex;flex:1 1;overflow:hidden}.section-side{border-right:1px solid #ffffff12;border-right:1px solid var(--border);flex-shrink:0;overflow-y:auto;padding:12px 0;width:56px}.section-side,.section-side-fixed{align-items:center;display:flex;flex-direction:column;gap:8px}.section-numbers p{align-items:center;background:#18181f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#8888a8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;margin:0;transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),border-color var(--transition),color var(--transition);-webkit-user-select:none;user-select:none;width:36px}.section-numbers p:hover{background:#1f1f29;background:var(--bg-card-hover);border-color:#7c3aed;border-color:var(--accent);color:#a78bfa;color:var(--accent-bright)}.add-section-media{align-items:center;background:#0000;border:1px dashed #ffffff12;border:1px dashed var(--border);border-radius:10px;border-radius:var(--radius-md);color:#55556a;color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),border-color var(--transition);width:36px}.add-section-media:hover{background:#7c3aed40;background:var(--accent-glow);border-color:#7c3aed;border-color:var(--accent);color:#a78bfa;color:var(--accent-bright)}.add-section-media svg{color:inherit;font-size:12px}.section-data{flex:1 1;overflow-y:auto;padding:8px 0;scrollbar-color:#ffffff12 #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.section-data::-webkit-scrollbar{width:4px}.section-data::-webkit-scrollbar-thumb{background:#ffffff12;background:var(--border);border-radius:4px}.video-link-side-panel{padding:4px 8px}.video-link-side-panel>div{border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;padding:8px;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.video-link-side-panel>div:hover{background:#1f1f29;background:var(--bg-card-hover);border-color:#7c3aed66;border-color:var(--border-accent)}.section-data h3{color:#a78bfa;color:var(--accent-bright);font-size:10px!important;font-weight:600;letter-spacing:.08em;margin:0 0 2px;text-transform:uppercase}.section-data p{color:#55556a;color:var(--text-muted);font-size:11px;margin:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.existing-url{background:#7c3aed33!important;border-color:#7c3aed!important;border-color:var(--accent)!important}.character-link-container{display:flex;justify-content:center;padding:8px}.charcter-link{align-items:center;background:#1e1829;background:var(--bg-tag);border:1px solid #7c3aed66;border:1px solid var(--border-accent);border-radius:999px;border-radius:var(--radius-pill);color:#8888a8;color:var(--text-secondary);display:flex;font-size:11px;font-weight:500;gap:6px;padding:5px 12px;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition)}.charcter-link:hover{background:#1f1f29;background:var(--bg-card-hover);color:#a78bfa;color:var(--accent-bright)}.charcter-link svg{color:#55556a;color:var(--text-muted);font-size:10px}.charcter-link a{color:inherit;text-decoration:none}.slider-control{background:#7c3aed;background:var(--accent);border-radius:0 10px 10px 0;border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:0 0 20px #7c3aed40;box-shadow:var(--shadow-glow);cursor:pointer;display:none;height:48px;left:0;position:fixed;top:50%;transform:translateY(-50%);transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),transform var(--transition);width:22px;z-index:101}.slider-control:hover{background:#a78bfa;background:var(--accent-bright)}.slider-close,.slider-open{align-items:center;color:#fff;display:flex;font-size:10px;height:100%;justify-content:center;width:100%}.compostion-main-panel{box-sizing:border-box;margin-left:280px;margin-left:var(--sidebar-width);min-height:100vh;overflow-x:hidden;position:relative;width:calc(100% - 280px);width:calc(100% - var(--sidebar-width))}.composition-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#09090beb;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);display:flex;height:56px;height:var(--header-height);justify-content:space-between;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.feature-toggles{gap:4px}.feature-toggles,.toggle-row{align-items:center;display:flex}.toggle-row{background:#18181f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-pill);color:#8888a8;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;gap:8px;padding:5px 10px;transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),border-color var(--transition);white-space:nowrap}.toggle-row:hover{background:#1f1f29;background:var(--bg-card-hover);border-color:#7c3aed66;border-color:var(--border-accent)}.toggle-row input[type=checkbox]{accent-color:#7c3aed;accent-color:var(--accent);cursor:pointer;height:14px;margin:0;width:14px}.composition-btns{align-items:center;display:flex;gap:8px}.compostion-main-panel button,button{align-items:center;border:none;border-radius:999px;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;gap:6px;justify-content:center;outline:none;padding:7px 16px;transition:background .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),box-shadow var(--transition),transform var(--transition),color var(--transition);-webkit-user-select:none;user-select:none;white-space:nowrap}button:active{transform:scale(.97)}.upate-btn button{background:#7c3aed;background:var(--accent);border:1px solid #0000;color:#fff}.upate-btn button:hover{background:#6d28d9;box-shadow:0 0 16px #7c3aed40;box-shadow:0 0 16px var(--accent-glow);transform:translateY(-1px)}.generate-btn,.generate-btn button{background:#f4f4f8!important;background:var(--text-primary)!important;border:none!important;color:#09090b!important;color:var(--bg-base)!important;font-weight:700}.generate-btn button:hover,.generate-btn:hover{background:#fff!important;box-shadow:0 0 20px #fff3!important;transform:translateY(-1px)}.planner-toggle-btn{background:#18181f!important;background:var(--bg-card)!important;border:1px solid #ffffff12!important;border:1px solid var(--border)!important;border-radius:999px!important;border-radius:var(--radius-pill)!important;color:#8888a8!important;color:var(--text-secondary)!important;font-size:12px!important;padding:7px 14px!important;transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1)!important;transition:background var(--transition),border-color var(--transition)!important}.planner-toggle-btn:hover{background:#1f1f29!important;background:var(--bg-card-hover)!important;border-color:#7c3aed66!important;border-color:var(--border-accent)!important;color:#a78bfa!important;color:var(--accent-bright)!important}.phase-planner-collapsed{background:#111115;background:var(--bg-panel);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);padding:8px 16px}.phase-summary-text{color:#55556a;color:var(--text-muted);font-family:DM Mono,monospace;font-size:11px;letter-spacing:.02em}.phase-planner-open{animation:slideDown .2s ease;background:#111115;background:var(--bg-panel);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);padding:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.phase-planner-header{color:#8888a8;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.phase-duration-controls{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:14px}.duration-input-group{display:flex;flex-direction:column;gap:5px}.duration-input-group label{color:#55556a;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.duration-input-group input{background:#0f0f14;background:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#f4f4f8;color:var(--text-primary);font-family:DM Mono,monospace;font-size:13px;margin:0;outline:none;padding:8px 10px;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition)}.duration-input-group input:focus{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed40;box-shadow:0 0 0 3px var(--accent-glow)}.phase-media-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.phase-media-row{grid-gap:10px;align-items:start;background:#18181f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);display:grid;gap:10px;grid-template-columns:64px 1fr;padding:10px 12px;transition:border-color .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition)}.phase-media-row:hover{border-color:#7c3aed66;border-color:var(--border-accent)}.phase-label{color:#55556a;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.08em;padding-top:8px;text-transform:uppercase}.composition-panel .media-planner select,.phase-media-prompt select,.phase-media-prompt textarea,.phase-media-type select{-webkit-appearance:none;appearance:none;background:#0f0f14;background:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#f4f4f8;color:var(--text-primary);font-family:inherit;font-size:13px;outline:none;padding:7px 10px;transition:border-color .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition);width:100%}.phase-media-prompt select:focus,.phase-media-type select:focus{border-color:#7c3aed;border-color:var(--accent)}.phase-media-prompt{grid-column:1/-1}.phase-media-prompt textarea{color:#f4f4f8;color:var(--text-primary);font-family:inherit;min-height:64px;resize:vertical}.phase-media-prompt textarea:focus{border-color:#7c3aed;border-color:var(--accent)}.phase-planner-info{background:#0f0f14;background:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#55556a;color:var(--text-muted);font-size:11px;line-height:1.6;padding:10px 12px}.phase-planner-info strong{color:#8888a8;color:var(--text-secondary)}.media{padding:16px}.composition-images{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:12px 0}.composition-image-container{aspect-ratio:16/9;border:2px solid #0000;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;overflow:hidden;position:relative;transition:border-color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),transform var(--transition)}.composition-image-container:hover{border-color:#7c3aed;border-color:var(--accent);transform:scale(1.02)}.composition-images img{display:block;height:100%;object-fit:cover;width:100%}.fire-icon{filter:drop-shadow(0 1px 3px rgba(0,0,0,.8));font-size:18px;position:absolute;right:6px;top:6px;z-index:2}.composition-videos{display:flex;gap:16px;max-width:100%;padding:16px}.video-section{border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);flex:0 0 52%;height:-webkit-fit-content;height:fit-content;overflow:hidden;position:-webkit-sticky;position:sticky;top:56px;top:var(--header-height)}.clip-data-section{flex:1 1;overflow-y:auto;padding-bottom:80px}.clip-inputs{align-items:center;background:#18181f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px;padding:8px 12px}.clip-inputs label{color:#55556a;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.clip-inputs input[type=text]{background:#4c1d95;background:var(--accent-dim);border:1px solid #7c3aed66;border:1px solid var(--border-accent);border-radius:999px;border-radius:var(--radius-pill);color:#f4f4f8;color:var(--text-primary);font-family:DM Mono,monospace;font-size:11px;height:auto;margin:0;min-width:80px;padding:3px 10px;text-align:center;width:auto}.clip-inputs div{align-items:center;display:flex;gap:6px}.clip-inputs svg{color:#f87171;cursor:pointer;margin:0;transition:color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:color var(--transition),transform var(--transition)}.clip-inputs svg:hover{color:#ef4444;transform:scale(1.1)}.cut-time input{cursor:default}.compostion-effect{align-items:center;display:flex;gap:10px;margin:8px 0}.compostion-effect label{color:#55556a;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.compostion-effect select{-webkit-appearance:none;appearance:none;background:#0f0f14;background:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#f4f4f8;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:12px;margin:0;outline:none;padding:5px 10px;transition:border-color .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition);width:auto}.compostion-effect select:focus{border-color:#7c3aed;border-color:var(--accent)}.clips-input-section{background:#18181f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:12px;padding:14px}.copy-clip-btn{background:#0f0f14!important;background:var(--bg-input)!important;border:1px solid #ffffff12!important;border:1px solid var(--border)!important;border-radius:6px!important;border-radius:var(--radius-sm)!important;color:#55556a!important;color:var(--text-muted)!important;font-size:11px!important;margin-top:10px!important;padding:5px 14px!important}.copy-clip-btn:hover{background:#1f1f29!important;background:var(--bg-card-hover)!important;border-color:#7c3aed66!important;border-color:var(--border-accent)!important;color:#a78bfa!important;color:var(--accent-bright)!important}.manual-clip-inputs{background:#18181f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);margin-top:16px;padding:14px 16px}.manual-clip-inputs form{align-items:center;display:flex;gap:8px}.manual-clip-inputs input[type=text]{background:#0f0f14;background:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#f4f4f8;color:var(--text-primary);flex:1 1;font-family:DM Mono,monospace;font-size:14px;height:auto;margin:0;outline:none;padding:8px 12px;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition);width:auto}.manual-clip-inputs input[type=text]:focus{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed40;box-shadow:0 0 0 3px var(--accent-glow)}.manual-clip-inputs button{border:none!important;border-radius:10px!important;border-radius:var(--radius-md)!important;color:#fff!important;font-size:12px!important;font-weight:600!important;padding:8px 16px!important;transition:filter .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)!important;transition:filter var(--transition),transform var(--transition)!important}.manual-clip-inputs button:hover{filter:brightness(1.15);transform:translateY(-1px)}.script{padding:16px}.script textarea{background:#18181f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);color:#f4f4f8;color:var(--text-primary);font-family:DM Mono,monospace;font-size:13px;height:70vh;letter-spacing:.02em;line-height:1.7;outline:none;padding:16px;resize:vertical;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition);width:100%}.script textarea:focus{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed40;box-shadow:0 0 0 3px var(--accent-glow)}.timeline{display:flex;flex-direction:column;gap:12px;padding:16px}.segment{background:#18181f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:14px;transition:border-color .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition)}.segment:hover{border-color:#7c3aed66;border-color:var(--border-accent)}.segment-head{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.segment select{-webkit-appearance:none;appearance:none;background:#0f0f14;background:var(--bg-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%238888a8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#f4f4f8;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;min-width:120px;outline:none;padding:6px 28px 6px 10px;transition:border-color .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition);width:auto}.segment select:focus{border-color:#7c3aed;border-color:var(--accent)}.segment:after,.segment:before{display:none}.timeline textarea{background:#0f0f14;background:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#f4f4f8;color:var(--text-primary);font-family:DM Mono,monospace;font-size:13px;line-height:1.6;min-height:80px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition);width:100%}.timeline textarea:focus{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed40;box-shadow:0 0 0 3px var(--accent-glow)}.timeline label{color:#55556a;color:var(--text-muted);font-size:11px}.segment-controls{display:flex;gap:6px;justify-content:flex-end;margin-top:8px}.control-button{align-items:center;background:#0f0f14;background:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition);width:28px}.control-button:hover{background:#1f1f29;background:var(--bg-card-hover);border-color:#7c3aed66;border-color:var(--border-accent)}.icon{font-size:12px}.delete-icon{color:#f87171}.add-icon{color:#4ade80}.control-button .icon{color:inherit}.toggle-checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.toggle-slot{background-color:#0f0f14;background-color:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10em;cursor:pointer;flex-shrink:0;font-size:10px;height:2.4em;position:relative;transition:background-color .18s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition);width:5em}.toggle-checkbox:checked~.toggle-slot{background-color:#4c1d95;background-color:var(--accent-dim);border-color:#7c3aed;border-color:var(--accent)}.toggle-button{background-color:#55556a;background-color:var(--text-muted);border-radius:50%;height:1.6em;left:.25em;position:absolute;top:50%;transform:translateY(-50%);transition:transform .3s cubic-bezier(.26,2,.46,.71),background-color .18s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.26,2,.46,.71),background-color var(--transition);width:1.6em}.toggle-checkbox:checked~.toggle-slot .toggle-button{background-color:#7c3aed;background-color:var(--accent);transform:translate(2.5em,-50%)}.moon-icon-wrapper,.sun-icon-wrapper{display:none}.video-tag{gap:10px;margin:8px 0}.segment-tag-input,.video-tag{align-items:center;display:flex}.segment-tag-input{animation:fadeIn .15s ease;gap:6px}.tag-input{align-items:center;display:flex;position:relative}.to-do-input{background:#0f0f14!important;background:var(--bg-input)!important;border:1px solid #7c3aed66!important;border:1px solid var(--border-accent)!important;border-radius:10px!important;border-radius:var(--radius-md)!important;color:#a78bfa!important;color:var(--accent-bright)!important;font-family:DM Mono,monospace!important;font-size:12px!important;height:auto!important;max-width:180px!important;outline:none!important;padding:6px 10px!important;transition:border-color .18s cubic-bezier(.4,0,.2,1)!important;transition:border-color var(--transition)!important;width:180px!important}.to-do-input:focus{border-color:#7c3aed!important;border-color:var(--accent)!important}.to-do-input::placeholder{color:#55556a!important;color:var(--text-muted)!important;opacity:1!important}.todo-line{display:none}.characters{display:flex;flex-direction:column;gap:8px;padding:16px}.character-card{align-items:center;background:#18181f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);display:flex;gap:10px;max-width:480px;padding:10px 12px;transition:border-color .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition);width:100%}.character-card:hover{border-color:#7c3aed66;border-color:var(--border-accent);transform:none}.character-input{background:#0f0f14;background:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#f4f4f8;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:13px;outline:none;padding:7px 10px;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition);width:auto}.character-input:focus{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed40;box-shadow:0 0 0 3px var(--accent-glow)}.character-controls{display:flex;gap:6px}.empty-character{display:flex;justify-content:center;padding:32px}.add-character-btn{align-items:center;background:#7c3aed!important;background:var(--accent)!important;border-radius:999px!important;border-radius:var(--radius-pill)!important;color:#fff!important;display:flex;font-weight:600!important;gap:8px;padding:10px 20px!important}.add-character-btn:hover{background:#6d28d9!important;box-shadow:0 0 20px #7c3aed40!important;box-shadow:var(--shadow-glow)!important}.captions-tab{padding:0}.captions-scroll{overflow-y:auto}.add-media{animation:overlayIn .15s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;inset:0;position:fixed;z-index:200}.add-media,.cancel-add-media{align-items:center;display:flex;justify-content:center}.cancel-add-media{background:#18181f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#8888a8;color:var(--text-secondary);cursor:pointer;font-size:20px;height:36px;position:absolute;right:16px;top:16px;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition);width:36px}.cancel-add-media:hover{background:#1f1f29;background:var(--bg-card-hover);color:#f87171}.cancel-add-media svg{color:inherit!important;cursor:pointer;font-size:14px}.form-container{animation:formIn .2s cubic-bezier(.4,0,.2,1);border:1px solid #7c3aed66;border:1px solid var(--border-accent);border-radius:16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md),var(--shadow-glow);color:#f4f4f8;color:var(--text-primary);display:flex;flex-direction:column;font-family:inherit;gap:16px;padding:28px 24px;width:min(480px,92vw)}@keyframes formIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.form-container .form{display:flex;flex-direction:column;gap:14px}.form-container .form-group{display:flex;flex-direction:column;gap:5px}.form-container .form-group label{color:#55556a;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.form-container .form-group input{background:#0f0f14;background:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#f4f4f8;color:var(--text-primary);font-family:inherit;font-size:13px;height:auto;margin:0;outline:none;padding:10px 12px;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition);width:100%}.form-container .form-group input:focus{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed40;box-shadow:0 0 0 3px var(--accent-glow)}.form-container .form-group input::placeholder{color:#55556a;color:var(--text-muted);opacity:1}.form-container .form-group select{-webkit-appearance:none;appearance:none;background:#0f0f14;background:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#f4f4f8;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:13px;outline:none;padding:10px 12px;transition:border-color .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition);width:100%}.form-container .form-group select:focus{border-color:#7c3aed;border-color:var(--accent)}.form-container .form-group textarea{background:#0f0f14;background:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#f4f4f8;color:var(--text-primary);font-family:DM Mono,monospace;font-size:12px;line-height:1.6;outline:none;padding:10px 12px;resize:vertical;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition);width:100%}.form-container .form-group textarea:focus{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed40;box-shadow:0 0 0 3px var(--accent-glow)}.form-submit-btn{align-self:flex-start;border:none!important;border-radius:999px!important;border-radius:var(--radius-pill)!important;cursor:pointer;font-size:13px!important;font-weight:600!important;padding:10px 24px!important;transition:background .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)!important;transition:background var(--transition),box-shadow var(--transition),transform var(--transition)!important}.form-submit-btn:hover{box-shadow:0 0 20px #7c3aed40!important;box-shadow:var(--shadow-glow)!important;transform:translateY(-1px)!important}.composition-channel{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7;display:flex;inset:0;justify-content:center;min-height:100vh;position:fixed;z-index:200}.composition-channel .get-channel{background:#18181f;background:var(--bg-card);border:1px solid #7c3aed66;border:1px solid var(--border-accent);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000080,0 0 20px #7c3aed40;box-shadow:var(--shadow-md),var(--shadow-glow);max-height:88vh;max-width:min(800px,92vw);overflow-y:auto;padding:28px 20px;width:100%}.composition-channel .get-channel h2{color:#f4f4f8;color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 16px}.composition-channel-btns{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.composition-channel-btns button{border-radius:999px!important;border-radius:var(--radius-pill)!important;font-size:13px!important;font-weight:600!important;padding:9px 20px!important}.composition-channel-btns button:first-child{background:#7c3aed!important;background:var(--accent)!important;color:#fff!important}.composition-channel-btns button:first-child:hover{background:#6d28d9!important;box-shadow:0 0 20px #7c3aed40!important;box-shadow:var(--shadow-glow)!important}.composition-channel-btns button:last-child{background:#0f0f14!important;background:var(--bg-input)!important;border:1px solid #ffffff12!important;border:1px solid var(--border)!important;color:#8888a8!important;color:var(--text-secondary)!important}.composition-channel-btns button:last-child:hover{background:#1f1f29!important;background:var(--bg-card-hover)!important;border-color:#7c3aed66!important;border-color:var(--border-accent)!important}svg{color:#a78bfa;color:var(--accent-bright)}input[type=checkbox]{accent-color:#7c3aed;accent-color:var(--accent);cursor:pointer;height:14px;margin:0;width:14px}*{scrollbar-color:var(--border) #fff}::-webkit-scrollbar-track{background:#fff}@media (max-width:1023px){.composition-header{flex-wrap:wrap;gap:8px;height:auto;padding:10px 12px}.composition-videos{flex-direction:column;padding:12px}.video-section{flex:none;position:relative;top:0;width:100%}.feature-toggles{flex-wrap:wrap;gap:4px;margin-left:0}}@media (max-width:600px){:root{--sidebar-width:256px}.slider-control{display:block}.close .side-panel{transform:translateX(-100%)}.open .side-panel{transform:translateX(0)}.compostion-main-panel{margin-left:0;width:100%}.composition-header{align-items:flex-start;flex-direction:column;gap:8px;padding:10px}.composition-btns{flex-wrap:wrap;justify-content:flex-end;width:100%}.feature-toggles{flex-wrap:wrap;gap:4px;margin-left:0}.toggle-row{font-size:11px;padding:4px 8px}.generate-btn,.planner-toggle-btn,.upate-btn button{border-radius:10px!important;border-radius:var(--radius-md)!important;font-size:11px!important}.composition-videos{padding:10px}.clip-inputs .cut-time input{min-width:80px;width:80px}.section-side-fixed{position:relative}.section-side{z-index:100}.media{align-items:center;display:flex;flex-direction:column}.phase-planner-open{padding:12px}.phase-duration-controls,.phase-media-row{grid-template-columns:1fr}}@media (max-width:400px){.form-container{padding:20px 14px}.composition-videos{padding:8px}}.caption-editor{--ce-accent:#7c3aed;--ce-accent-bright:#a78bfa;--ce-accent-dim:#4c1d95;--ce-accent-glow:#7c3aed38;--ce-teal:#0ea5e9;--ce-teal-glow:#0ea5e938;--ce-bg:#09090b;--ce-panel:#111115;--ce-card:#18181f;--ce-card-hover:#1f1f2a;--ce-input:#0f0f14;--ce-raised:#1c1c25;--ce-border:#ffffff12;--ce-border-accent:#7c3aed59;--ce-border-teal:#0ea5e959;--ce-text:#f0f0f6;--ce-text-secondary:#8888a8;--ce-text-muted:#55556a;--ce-radius-sm:6px;--ce-radius-md:10px;--ce-radius-lg:14px;--ce-radius-pill:999px;--ce-transition:170ms cubic-bezier(0.4,0,0.2,1);--ce-transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--ce-shadow-sm:0 1px 4px #00000080;--ce-shadow-md:0 4px 20px #00000080;--ce-glow-accent:0 0 18px var(--ce-accent-glow);--ce-glow-teal:0 0 18px var(--ce-teal-glow);background:var(--ce-bg);color:var(--ce-text);font-family:DM Sans,sans-serif;font-size:13px;line-height:1.5;overflow-y:auto;scrollbar-color:var(--ce-border) #0000;scrollbar-width:thin;width:100%}.caption-editor::-webkit-scrollbar{width:4px}.caption-editor::-webkit-scrollbar-thumb{background:var(--ce-border);border-radius:4px}.editor-container{grid-gap:0;display:grid;gap:0;grid-template-columns:340px 1fr;min-height:100%}.controls-panel{background:var(--ce-panel);border-right:1px solid var(--ce-border);min-height:100%;overflow-y:auto;padding:20px 16px;scrollbar-color:var(--ce-border) #0000;scrollbar-width:thin}.controls-panel::-webkit-scrollbar{width:3px}.controls-panel::-webkit-scrollbar-thumb{background:var(--ce-border);border-radius:3px}.caption-panel-header{align-items:center;border-bottom:1px solid var(--ce-border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:14px}.panel-title{color:var(--ce-text-muted);font-size:11px;font-weight:700;letter-spacing:.1em;margin:0;text-transform:uppercase}.caption-toggle{align-items:center;border:1px solid var(--ce-border)!important;border-radius:var(--ce-radius-pill)!important;box-shadow:none!important;cursor:pointer;display:inline-flex;font-size:11px!important;font-weight:700!important;gap:7px;letter-spacing:.06em;padding:7px 14px!important;text-transform:uppercase;transition:background var(--ce-transition),border-color var(--ce-transition),box-shadow var(--ce-transition),transform var(--ce-transition)!important}.caption-toggle svg{font-size:16px!important;transition:transform var(--ce-transition)}.caption-toggle:hover{transform:translateY(-1px)!important}.caption-toggle:active{transform:scale(.97)!important}.caption-toggle.enabled{background:var(--ce-accent)!important;border-color:var(--ce-accent)!important;box-shadow:var(--ce-glow-accent)!important;color:#fff!important}.caption-toggle.enabled:hover{background:#6d28d9!important;box-shadow:0 0 28px var(--ce-accent-glow)!important}.caption-toggle.enabled svg{animation:togglePulse 2.5s ease-in-out infinite}@keyframes togglePulse{0%,to{opacity:1}50%{opacity:.65}}.caption-toggle.disabled{background:var(--ce-card)!important;border-color:var(--ce-border)!important;color:var(--ce-text-muted)!important}.caption-toggle.disabled:hover{background:var(--ce-card-hover)!important;border-color:var(--ce-border-accent)!important;color:var(--ce-text-secondary)!important}.control-group{animation:groupIn .2s ease both;margin-bottom:18px}@keyframes groupIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.control-group:nth-child(2){animation-delay:30ms}.control-group:nth-child(3){animation-delay:60ms}.control-group:nth-child(4){animation-delay:90ms}.control-group:nth-child(5){animation-delay:.12s}.control-group:nth-child(6){animation-delay:.15s}.control-group:nth-child(7){animation-delay:.18s}.control-group:nth-child(8){animation-delay:.21s}.control-group:nth-child(9){animation-delay:.24s}.control-label{align-items:center;color:var(--ce-text-muted);display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.07em;margin-bottom:8px;text-transform:uppercase}.control-label svg{font-size:10px}.control-select{-webkit-appearance:none;appearance:none;background:var(--ce-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%2355556a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid var(--ce-border);border-radius:var(--ce-radius-md);color:var(--ce-text);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;outline:none;padding:9px 32px 9px 11px;transition:border-color var(--ce-transition),box-shadow var(--ce-transition);width:100%}.control-select:hover{border-color:var(--ce-border-accent)}.control-select:focus{border-color:var(--ce-accent);box-shadow:0 0 0 3px var(--ce-accent-glow)}.control-slider{appearance:none;-webkit-appearance:none;background:var(--ce-border);border-radius:var(--ce-radius-pill);cursor:pointer;height:4px;margin-top:4px;outline:none;transition:background var(--ce-transition);width:100%}.control-slider:hover{background:#ffffff1f}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ce-accent-bright);border:2px solid var(--ce-bg);border-radius:50%;box-shadow:0 0 8px var(--ce-accent-glow);cursor:pointer;height:16px;-webkit-transition:transform var(--ce-transition),box-shadow var(--ce-transition);transition:transform var(--ce-transition),box-shadow var(--ce-transition);width:16px}.control-slider::-webkit-slider-thumb:hover{box-shadow:0 0 16px var(--ce-accent-glow);transform:scale(1.25)}.control-slider::-moz-range-thumb{background:var(--ce-accent-bright);border:2px solid var(--ce-bg);border-radius:50%;box-shadow:0 0 8px var(--ce-accent-glow);cursor:pointer;height:16px;width:16px}.alignment-buttons,.position-buttons{display:flex;gap:6px}.align-btn,.pos-btn{background:var(--ce-input)!important;border:1px solid var(--ce-border)!important;border-radius:var(--ce-radius-sm)!important;color:var(--ce-text-secondary)!important;cursor:pointer;flex:1 1;font-size:12px!important;font-weight:600!important;letter-spacing:.02em;padding:8px 6px!important;text-align:center;transition:background var(--ce-transition),border-color var(--ce-transition),color var(--ce-transition),box-shadow var(--ce-transition)!important}.align-btn:hover,.pos-btn:hover{background:var(--ce-card-hover)!important;border-color:var(--ce-border-accent)!important;color:var(--ce-accent-bright)!important}.align-btn.active,.pos-btn.active{background:var(--ce-accent-dim)!important;border-color:var(--ce-accent)!important;box-shadow:inset 0 0 0 1px var(--ce-accent),var(--ce-glow-accent)!important;color:var(--ce-accent-bright)!important}.color-controls{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.color-input-group{align-items:center;display:flex;flex-direction:column;gap:6px}.color-label{color:var(--ce-text-muted);font-size:10px;font-weight:600;letter-spacing:.06em;text-align:center;text-transform:uppercase;white-space:nowrap}.color-picker{background:var(--ce-input);border:1px solid var(--ce-border);border-radius:var(--ce-radius-sm);cursor:pointer;height:40px;padding:3px;transition:border-color var(--ce-transition),box-shadow var(--ce-transition);width:100%}.color-picker:hover{border-color:var(--ce-border-accent);box-shadow:var(--ce-glow-accent)}.color-picker:focus{border-color:var(--ce-accent);outline:none}.preview-panel{background:var(--ce-bg);display:flex;flex-direction:column;gap:0}.device-toggle{background:var(--ce-panel);border-bottom:1px solid var(--ce-border);display:flex;gap:8px;padding:14px 20px}.device-btn{align-items:center;background:var(--ce-input)!important;border:1px solid var(--ce-border)!important;border-radius:var(--ce-radius-pill)!important;color:var(--ce-text-secondary)!important;cursor:pointer;display:inline-flex;font-size:12px!important;font-weight:600!important;gap:7px;padding:7px 16px!important;transition:background var(--ce-transition),border-color var(--ce-transition),color var(--ce-transition),box-shadow var(--ce-transition)!important}.device-btn svg{font-size:12px}.device-btn:hover{background:var(--ce-card-hover)!important;border-color:var(--ce-border-accent)!important}.device-btn.active,.device-btn:hover{color:var(--ce-accent-bright)!important}.device-btn.active{background:var(--ce-accent-dim)!important;border-color:var(--ce-accent)!important;box-shadow:var(--ce-glow-accent)!important}.device-preview{align-items:center;background:var(--ce-bg);display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:32px 20px;position:relative}.device-preview:before{background-image:linear-gradient(var(--ce-border) 1px,#0000 1px),linear-gradient(90deg,var(--ce-border) 1px,#0000 1px);background-size:40px 40px;content:"";inset:0;opacity:.4;pointer-events:none;position:absolute}.device-preview.landscape .device-screen{height:326px;width:580px}.device-preview.portrait .device-screen{height:390px;width:220px}.device-screen{background:#000;border-radius:14px;box-shadow:0 0 0 1px #ffffff14,0 0 0 8px #1a1a20,0 0 0 9px #ffffff0d,var(--ce-shadow-md);overflow:hidden;position:relative;transition:width var(--ce-transition-slow),height var(--ce-transition-slow)}.video-mockup{background:radial-gradient(ellipse at 30% 40%,#633aa280 0,#0000 60%),radial-gradient(ellipse at 75% 65%,#0f5a8c66 0,#0000 55%),#0a0a12;height:100%;justify-content:center;width:100%}.mockup-content,.video-mockup{align-items:center;display:flex}.mockup-content{flex-direction:column;gap:12px;text-align:center}.mockup-circle{animation:mockupPulse 2.4s ease-in-out infinite;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;height:56px;position:relative;width:56px}.mockup-circle:after{border-bottom:10px solid #0000;border-left:16px solid #ffffff59;border-top:10px solid #0000;content:"";height:0;inset:0;margin:auto;position:absolute;transform:translateX(2px);width:0}@keyframes mockupPulse{0%,to{box-shadow:0 0 0 0 #ffffff0a;transform:scale(1)}50%{box-shadow:0 0 0 10px #fff0;transform:scale(1.06)}}.mockup-text{color:#ffffff40;font-family:DM Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.caption-overlay{display:flex;justify-content:center;left:0;padding:12px 16px;pointer-events:none;position:absolute;right:0;transition:top var(--ce-transition-slow),bottom var(--ce-transition-slow)}.caption-overlay.position-top{top:12px}.caption-overlay.position-middle{top:50%;transform:translateY(-50%)}.caption-overlay.position-bottom{bottom:12px}.caption-text{animation:captionIn .2s ease;line-height:1.35;max-width:90%;text-shadow:1px 1px 3px #000000e6,0 0 8px #0009}@keyframes captionIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.preview-info{grid-gap:6px 16px;background:var(--ce-panel);border-top:1px solid var(--ce-border);display:grid;gap:6px 16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:14px 20px}.preview-info p{align-items:center;color:var(--ce-text-muted);display:flex;font-family:DM Mono,monospace;font-size:11px;gap:6px;margin:0}.preview-info strong{color:var(--ce-text-secondary);font-weight:600}@media (max-width:1100px){.editor-container{grid-template-columns:300px 1fr}}@media (max-width:900px){.editor-container{grid-template-columns:1fr;grid-template-rows:auto auto}.controls-panel{border-bottom:1px solid var(--ce-border);border-right:none;min-height:0;min-height:auto}.device-preview.landscape .device-screen{height:270px;max-width:480px;width:100%}.device-preview.portrait .device-screen{height:320px;width:180px}.color-controls{grid-template-columns:repeat(4,1fr)}.preview-info{grid-template-columns:1fr 1fr}}@media (max-width:560px){.controls-panel{padding:16px 12px}.caption-toggle{font-size:10px!important;padding:6px 12px!important}.color-controls{grid-template-columns:repeat(2,1fr)}.device-preview{padding:20px 12px}.device-preview.landscape .device-screen{height:191px;max-width:340px;width:100%}.preview-info{grid-template-columns:1fr}}.thumbnails{background:#333;height:720px;margin:2rem auto;overflow:hidden;position:relative;width:1280px}.thumbnail-1{display:flex}.left-side{border-left:5px solid #ff0;right:0}.left-side,.right-side{background-position:50%;background-size:cover;flex:1 1;height:100%;position:absolute;top:0;width:50%}.right-side{border-right:5px solid #ff0;left:0}.left-side h3,.right-side h2{background-color:red;bottom:0;color:#fff;font-size:40px;margin-bottom:150px;padding:0 4rem;position:absolute;width:-webkit-fit-content;width:fit-content}.left-side h3{right:0}.thumbnails .title-text{align-items:center;background-color:#fff;bottom:0;color:#000;font-size:85px;font-weight:800;height:155px;left:0;right:0}.arrow,.thumbnails .title-text{display:flex;justify-content:center;position:absolute}.arrow{left:50%;top:50%;transform:translate(-50%,-50%);width:100px;z-index:99}:root{--accent-glow:#7c3aed38;--radius-pill:999px}.completed-vids-container{background:#09090b;background:var(--bg);font-family:DM Sans,sans-serif;min-height:100vh}.completed-vids-container .header{background:#111115;background:var(--bg-panel);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);color:#f4f4f8;color:var(--text)}.completed-vids{display:flex;flex-direction:column;margin:0 auto;max-width:1600px;min-height:calc(100vh - 68px);padding:24px}.complete-vid-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.completed-vids h2{color:#f4f4f8;color:var(--text);font-size:20px;font-weight:700;letter-spacing:.02em;margin:0}.complete-vid-header h3{color:#55556a;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.06em;margin:0 8px 0 auto;text-transform:uppercase}.complete-vid-header select{-webkit-appearance:none;appearance:none;background:#0f0f14 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%2355556a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;background:var(--bg-input) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%2355556a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;background-size:11px;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#f4f4f8;color:var(--text);cursor:pointer;font-size:13px;font-weight:500;min-width:200px;padding:9px 36px 9px 14px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.complete-vid-header select:hover{border-color:#7c3aed59;border-color:var(--border-accent)}.complete-vid-header select:focus{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed38;box-shadow:0 0 0 3px var(--accent-glow);outline:none}.videos{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:32px}.video-element{animation:videoCardIn .3s ease both;background:#18181f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}@keyframes videoCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.video-element:first-child{animation-delay:0ms}.video-element:nth-child(2){animation-delay:40ms}.video-element:nth-child(3){animation-delay:80ms}.video-element:nth-child(4){animation-delay:.12s}.video-element:nth-child(5){animation-delay:.16s}.video-element:nth-child(6){animation-delay:.2s}.video-element:hover{border-color:#7c3aed59;border-color:var(--border-accent);box-shadow:0 4px 16px #00000080,0 0 20px #7c3aed38;box-shadow:var(--shadow-md),var(--glow);transform:translateY(-4px)}.videos img,.videos video{aspect-ratio:16/9;background:#0f0f14;background:var(--bg-input);height:auto;object-fit:cover;transition:opacity .18s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition);width:100%}.video-element:hover img,.video-element:hover video{opacity:.9}.video-element h3{background:#111115;background:var(--bg-panel);border-top:1px solid #ffffff12;border-top:1px solid var(--border);color:#f4f4f8;color:var(--text);font-size:14px;font-weight:600;letter-spacing:.01em;line-height:1.4;margin:0;padding:14px 16px}.video-element:hover h3{color:#a78bfa;color:var(--accent-bright)}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:auto;padding:24px 0}.pagination-info{color:#55556a;color:var(--text-muted);font-size:12px;font-weight:500;margin-right:16px}.pagination button{align-items:center;background:#18181f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#8888a8;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:0 12px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.pagination button:hover:not(:disabled){background:#1f1f29;background:var(--bg-card-hover);border-color:#7c3aed59;border-color:var(--border-accent);color:#f4f4f8;color:var(--text);transform:translateY(-1px)}.pagination button.active{background:#7c3aed;background:var(--accent);border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 20px #7c3aed38;box-shadow:var(--glow);color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.3}.pagination .page-dots{color:#55556a;color:var(--text-muted);padding:0 4px}.overall-complete-vid{background:#09090b;background:var(--bg);font-family:DM Sans,sans-serif;min-height:100vh}.overall-complete-vid .header{background:#111115;background:var(--bg-panel);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);color:#f4f4f8;color:var(--text)}.single-completed-vid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1600px;min-height:calc(100vh - 68px);padding:32px}.video-script{display:flex;flex-direction:column}.video-script textarea{background:#18181f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);color:#f4f4f8;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;line-height:1.7;min-height:500px;padding:20px;resize:vertical;transition:border-color .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition);width:100%}.video-script textarea:focus{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed38;box-shadow:0 0 0 3px var(--accent-glow);outline:none}.video-result{display:flex;flex-direction:column;gap:16px}.single-vid-btn{display:flex;flex-wrap:wrap;gap:12px}.single-vid-btn button{border:1px solid #ffffff12;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-pill);cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;letter-spacing:.02em;min-width:140px;padding:12px 24px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.download-btn{background:#7c3aed!important;background:var(--accent)!important;border-color:#7c3aed!important;border-color:var(--accent)!important;color:#fff!important}.download-btn:hover{background:#6d28d9!important;box-shadow:0 0 20px #7c3aed38;box-shadow:var(--glow);transform:translateY(-2px)}.regenerate-btn{background:#18181f!important;background:var(--bg-card)!important;border-color:#ffffff12!important;border-color:var(--border)!important;color:#8888a8!important;color:var(--text-secondary)!important}.regenerate-btn:hover:not(:disabled){background:#1f1f29!important;background:var(--bg-card-hover)!important;border-color:#7c3aed59!important;border-color:var(--border-accent)!important;color:#f4f4f8!important;color:var(--text)!important}.regenerate-btn:disabled{cursor:not-allowed;opacity:.5}.error-message{background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;border-radius:var(--radius-md);color:#fca5a5;font-size:13px;font-weight:500;padding:14px 18px;text-align:center}.empty-state{align-items:center;color:#55556a;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-state svg{font-size:64px;margin-bottom:16px;opacity:.3}.empty-state p{font-size:14px;margin:0}@media (max-width:1200px){.videos{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:900px){.completed-vids{padding:20px}.single-completed-vid{gap:24px;grid-template-columns:1fr;padding:24px}.video-script{order:2}.video-result{order:1}}@media (max-width:768px){.complete-vid-header{align-items:flex-start;flex-direction:column;gap:12px}.complete-vid-header h3{margin:0}.complete-vid-header select{min-width:0;min-width:auto;width:100%}.videos{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.pagination{flex-wrap:wrap}.pagination-info{margin:0 0 12px;text-align:center;width:100%}}@media (max-width:600px){.completed-vids{padding:16px}.completed-vids h2{font-size:18px}.single-completed-vid{gap:20px;padding:16px}.video-script textarea{font-size:13px;min-height:300px;padding:16px}.videos{gap:12px;grid-template-columns:1fr}.single-vid-btn{flex-direction:column}.single-vid-btn button{width:100%}.pagination button{font-size:12px;height:32px;min-width:32px;padding:0 10px}}.video-element.processing-element{cursor:not-allowed;opacity:.8;position:relative}.processing-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;border-radius:16px;border-radius:var(--radius-lg);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.processing-spinner{animation:processingSpinner .8s linear infinite;border:4px solid #7c3aed33;border-radius:50%;border-top:4px solid var(--accent);height:48px;width:48px}@keyframes processingSpinner{to{transform:rotate(1turn)}}.video-element.processing-element:hover{border-color:#ffffff12;border-color:var(--border);box-shadow:0 2px 8px #0006;box-shadow:var(--shadow-sm);transform:none}.video-element.processing-element h3{color:#55556a;color:var(--text-muted)}*{scrollbar-color:#ffffff12 #0000;scrollbar-color:var(--border) #0000}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-thumb{background:#ffffff12;background:var(--border);border-radius:4px}::-webkit-scrollbar-track{background:#0000}.send-to-timeline-btn{background:#0000;border:1px solid #7c3aed59;border:1px solid var(--border-accent);border-radius:999px;border-radius:var(--radius-pill);color:#a78bfa;color:var(--accent-bright);cursor:pointer;display:none;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;margin:0 16px 14px;padding:8px 0;text-transform:uppercase;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:calc(100% - 32px)}.send-to-timeline-btn:hover{background:#7c3aed;background:var(--accent);border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 20px #7c3aed38;box-shadow:var(--glow);color:#fff}.video-element:hover .send-to-timeline-btn{animation:videoCardIn .15s ease both;display:block}@media (max-width:600px){.send-to-timeline-btn{display:block}}.timeline-btn{background:#0000;border:1px solid #7c3aed59;border:1px solid var(--border-accent);color:#a78bfa;color:var(--accent-bright);transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.timeline-btn:hover{background:#7c3aed;background:var(--accent);border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 20px #7c3aed38;box-shadow:var(--glow);color:#fff;transform:translateY(-2px)}.timeline-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.vjs-svg-icon{fill:currentColor;background-position:50%;background-repeat:no-repeat;display:inline-block;height:1.8em;width:1.8em}.vjs-svg-icon:before{content:none!important}.vjs-control:focus .vjs-svg-icon,.vjs-svg-icon:hover{filter:drop-shadow(0 0 .25em #fff)}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{height:100%;left:0;position:absolute;top:0;width:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;font-style:normal;font-weight:400;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff")}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-style:normal;font-weight:400}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-spinner{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-spinner:before{content:"\f10a"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10b"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10c"}.vjs-icon-hd{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-hd:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-downloading{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-downloading:before{content:"\f10f"}.vjs-icon-file-download{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-file-download:before{content:"\f110"}.vjs-icon-file-download-done{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-file-download-done:before{content:"\f111"}.vjs-icon-file-download-off{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-file-download-off:before{content:"\f112"}.vjs-icon-share{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-share:before{content:"\f113"}.vjs-icon-cog{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-cog:before{content:"\f114"}.vjs-icon-square{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-square:before{content:"\f115"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\f116"}.vjs-icon-circle-outline{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-circle-outline:before{content:"\f117"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-circle-inner-circle:before{content:"\f118"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f119"}.vjs-icon-repeat{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-repeat:before{content:"\f11a"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f11b"}.video-js .vjs-skip-backward-5 .vjs-icon-placeholder,.vjs-icon-replay-5{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before,.vjs-icon-replay-5:before{content:"\f11c"}.video-js .vjs-skip-backward-10 .vjs-icon-placeholder,.vjs-icon-replay-10{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before,.vjs-icon-replay-10:before{content:"\f11d"}.video-js .vjs-skip-backward-30 .vjs-icon-placeholder,.vjs-icon-replay-30{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before,.vjs-icon-replay-30:before{content:"\f11e"}.video-js .vjs-skip-forward-5 .vjs-icon-placeholder,.vjs-icon-forward-5{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before,.vjs-icon-forward-5:before{content:"\f11f"}.video-js .vjs-skip-forward-10 .vjs-icon-placeholder,.vjs-icon-forward-10{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before,.vjs-icon-forward-10:before{content:"\f120"}.video-js .vjs-skip-forward-30 .vjs-icon-placeholder,.vjs-icon-forward-30{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before,.vjs-icon-forward-30:before{content:"\f121"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f122"}.vjs-icon-next-item{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-next-item:before{content:"\f123"}.vjs-icon-previous-item{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-previous-item:before{content:"\f124"}.vjs-icon-shuffle{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-shuffle:before{content:"\f125"}.vjs-icon-cast{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-cast:before{content:"\f126"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\f127"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-style:normal;font-weight:400}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\f128"}.vjs-icon-facebook{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-facebook:before{content:"\f129"}.vjs-icon-linkedin{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-linkedin:before{content:"\f12a"}.vjs-icon-twitter{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-twitter:before{content:"\f12b"}.vjs-icon-tumblr{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-tumblr:before{content:"\f12c"}.vjs-icon-pinterest{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-pinterest:before{content:"\f12d"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f12e"}.video-js{background-color:#000;box-sizing:border-box;color:#fff;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-style:normal;font-weight:400;line-height:1;padding:0;position:relative;vertical-align:top;word-break:normal}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{height:100%!important;width:100%!important}.video-js[tabindex="-1"]{outline:none}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin:0}.video-js.vjs-1-1,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-fluid{max-width:100%;width:100%}.video-js.vjs-1-1:not(.vjs-audio-only-mode),.video-js.vjs-16-9:not(.vjs-audio-only-mode),.video-js.vjs-4-3:not(.vjs-audio-only-mode),.video-js.vjs-9-16:not(.vjs-audio-only-mode),.video-js.vjs-fluid:not(.vjs-audio-only-mode){height:0}.video-js.vjs-16-9:not(.vjs-audio-only-mode){padding-top:56.25%}.video-js.vjs-4-3:not(.vjs-audio-only-mode){padding-top:75%}.video-js.vjs-9-16:not(.vjs-audio-only-mode){padding-top:177.7777777778%}.video-js.vjs-1-1:not(.vjs-audio-only-mode){padding-top:100%}.video-js .vjs-tech,.video-js.vjs-fill:not(.vjs-audio-only-mode){height:100%;width:100%}.video-js .vjs-tech{left:0;position:absolute;top:0}.video-js.vjs-audio-only-mode .vjs-tech{display:none}body.vjs-full-window,body.vjs-pip-window{height:100%;margin:0;padding:0}.vjs-full-window .video-js.vjs-fullscreen,body.vjs-pip-window .video-js{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),body.vjs-pip-window .video-js{display:block;height:100%!important;padding-top:0!important;width:100%!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-pip-container .vjs-pip-text{background-color:#000000b3;bottom:10%;font-size:2em;padding:.5em;position:absolute;text-align:center;width:100%}.vjs-layout-small.vjs-pip-container .vjs-pip-text,.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,.vjs-layout-x-small.vjs-pip-container .vjs-pip-text{bottom:0;font-size:1.4em}.vjs-hidden{display:none!important}.vjs-disabled{cursor:default;opacity:.5}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1!important;visibility:visible!important}.vjs-no-js{background-color:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:18px;height:150px;margin:0 auto;padding:20px;text-align:center;width:300px}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{background-color:#2b333f;background-color:#2b333fb3;border:.06666em solid #fff;border-radius:.3em;cursor:pointer;display:block;font-size:3em;height:1.63332em;left:50%;line-height:1.5em;margin-left:-1.5em;margin-top:-.81666em;opacity:1;padding:0;position:absolute;top:50%;transition:all .4s;width:3em}.vjs-big-play-button .vjs-svg-icon{height:1em;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%);width:1em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{background-color:#73859f;background-color:#73859f80;border-color:#fff;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking,.vjs-scrubbing,.vjs-error) .vjs-big-play-button{display:block}.video-js button{-webkit-appearance:none;appearance:none;background:none;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-decoration:none;text-transform:none;transition:none}.video-js.vjs-spatial-navigation-enabled .vjs-button:focus{box-shadow:none;outline:.0625em solid #fff}.vjs-control .vjs-button{height:100%;width:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:#000c;background:linear-gradient(180deg,#000c,#fff0);overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;font-family:Arial,Helvetica,sans-serif;margin:0;overflow:auto;padding:0}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{display:flex;font-size:1.2em;justify-content:center;line-height:1.4em;list-style:none;margin:0;padding:.2em 0;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:#73859f80}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon,.vjs-menu li.vjs-selected .vjs-svg-icon,.vjs-menu li.vjs-selected:focus .vjs-svg-icon,.vjs-menu li.vjs-selected:hover .vjs-svg-icon{fill:#000}.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible){background:none}.vjs-menu li.vjs-menu-title{cursor:default;font-size:1em;font-weight:700;line-height:2em;margin:0 0 .3em;padding:0;text-align:center;text-transform:uppercase}.vjs-menu-button-popup .vjs-menu{border-top-color:#2b333fb3;bottom:0;display:none;height:0;left:-3em;margin-bottom:1.5em;position:absolute;width:10em}.vjs-pip-window .vjs-menu-button-popup .vjs-menu{left:auto;right:1em}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:#2b333fb3;bottom:1.5em;max-height:15em;position:absolute;width:100%}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{overflow:hidden;transition:all .4s}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover{width:12em}.vjs-menu-button-inline .vjs-menu{height:100%;left:4em;margin:0;opacity:0;padding:0;position:absolute;top:0;transition:all .4s;width:auto}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-menu-button-inline .vjs-menu-content{height:100%;margin:0;overflow:hidden;width:auto}.video-js .vjs-control-bar{background-color:#2b333f;background-color:#2b333fb3;bottom:0;display:none;height:3em;left:0;position:absolute;right:0;width:100%}.video-js.vjs-spatial-navigation-enabled .vjs-control-bar{gap:1px}.video-js:not(.vjs-controls-disabled,.vjs-using-native-controls,.vjs-error) .vjs-control-bar.vjs-lock-showing{display:flex!important}.vjs-audio-only-mode .vjs-control-bar,.vjs-has-started .vjs-control-bar{display:flex;opacity:1;transition:visibility .1s,opacity .1s;visibility:visible}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:0;pointer-events:none;transition:visibility 1s,opacity 1s;visibility:visible}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;pointer-events:auto;visibility:visible}.video-js .vjs-control{flex:none;height:100%;margin:0;padding:0;position:relative;text-align:center;width:4em}.video-js .vjs-control.vjs-visible-text{padding-left:1em;padding-right:1em;width:auto}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.vjs-button>.vjs-icon-placeholder{display:block}.vjs-button>.vjs-svg-icon{display:inline-block}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js :not(.vjs-visible-text)>.vjs-control-text{clip:rect(0 0 0 0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{align-items:center;cursor:pointer;display:flex;flex:auto;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{align-items:center;display:flex}.video-js .vjs-progress-holder{flex:auto;height:.3em;transition:all .2s}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{display:block;height:100%;margin:0;padding:0;position:absolute;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;line-height:.35em;position:absolute;right:-.5em;z-index:1}.vjs-svg-icons-enabled .vjs-play-progress:before{content:none!important}.vjs-play-progress .vjs-svg-icon{height:.9em;line-height:.15em;pointer-events:none;position:absolute;right:-.4em;top:-.35em;width:.9em;z-index:1}.video-js .vjs-load-progress{background:#73859f80}.video-js .vjs-load-progress div{background:#73859fbf}.video-js .vjs-time-tooltip{background-color:#fff;background-color:#fffc;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{background-color:#000;display:none;height:100%;position:absolute;width:1px;z-index:1}.video-js .vjs-progress-control:hover .vjs-mouse-display,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display{display:block}.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{opacity:0;transition:visibility 1s,opacity 1s;visibility:hidden}.vjs-mouse-display .vjs-time-tooltip{background-color:#000;background-color:#000c;color:#fff}.video-js .vjs-slider{-webkit-touch-callout:none;background-color:#73859f;background-color:#73859f80;cursor:pointer;margin:0 .45em;padding:0;position:relative;-webkit-user-select:none;user-select:none}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{box-shadow:0 0 1em #fff;text-shadow:0 0 1em #fff}.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus{outline:.0625em solid #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;display:flex;margin-right:1em}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{height:1px;margin-left:-1px;opacity:0;visibility:visible;width:1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;visibility:visible}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{height:3em;margin-right:0;width:5em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{transition:width .1s;width:10em}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;width:3em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{height:.3em;width:5em}.vjs-volume-bar.vjs-slider-vertical{height:5em;margin:1.35em auto;width:.3em}.video-js .vjs-volume-level{background-color:#fff;bottom:0;left:0;position:absolute}.video-js .vjs-volume-level:before{font-size:.9em;position:absolute;z-index:1}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{left:-.3em;top:-.5em;z-index:1}.vjs-svg-icons-enabled .vjs-volume-level:before{content:none}.vjs-volume-level .vjs-svg-icon{height:.9em;pointer-events:none;position:absolute;width:.9em;z-index:1}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{line-height:.35em;right:-.5em}.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon{right:-.3em;transform:translateY(-50%)}.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon{top:-.55em;transform:translateX(-50%)}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{background-color:#2b333f;background-color:#2b333fb3;bottom:8em;height:8em;width:3em}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{background-color:#fff;background-color:#fffc;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-volume-tooltip{display:block;font-size:1em;visibility:visible}.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip{left:1em;top:-12px}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{background-color:#000;display:none;height:1px;position:absolute;width:100%;z-index:1}.video-js .vjs-volume-horizontal .vjs-mouse-display{height:100%;width:1px}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{opacity:0;transition:visibility 1s,opacity 1s;visibility:hidden}.vjs-mouse-display .vjs-volume-tooltip{background-color:#000;background-color:#000c;color:#fff}.vjs-poster{bottom:0;cursor:pointer;display:inline-block;height:100%;left:0;margin:0;padding:0;position:absolute;right:0;top:0;vertical-align:middle}.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster,.vjs-pip-container.vjs-has-started .vjs-poster{display:block}.vjs-poster img{height:100%;object-fit:contain;width:100%}.video-js .vjs-live-control{align-items:flex-start;display:flex;flex:auto;font-size:1em;line-height:3em}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{align-items:center;cursor:pointer;display:inline-flex;flex:none;font-size:1em;height:100%;line-height:3em;min-width:4em;padding-left:.5em;padding-right:.5em;width:auto}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{color:#888;margin-right:.5em}.vjs-svg-icons-enabled .vjs-seek-to-live-control{line-height:0}.vjs-seek-to-live-control .vjs-svg-icon{fill:#888;height:1em;pointer-events:none;width:1em}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon{fill:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;padding-left:1em;padding-right:1em;width:auto}.video-js .vjs-current-time,.video-js .vjs-duration,.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control{display:flex}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{bottom:3em;left:0;pointer-events:none;position:absolute;right:0;top:0}.vjs-error .vjs-text-track-display{display:none}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;margin-bottom:.1em;text-align:center}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js.vjs-force-center-align-cues .vjs-text-track-cue{text-align:center!important;width:80%!important}@supports not (inset:10px){.video-js .vjs-text-track-display>div{bottom:0;left:0;right:0;top:0}}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,.vjs-pip-window .vjs-picture-in-picture-control{display:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-fullscreen-control,.vjs-pip-window .vjs-fullscreen-control{display:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{height:100%;left:0;position:absolute;top:0;width:100%}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;pointer-events:none;text-align:center}.vjs-playback-rate .vjs-menu{left:0;width:4em}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-loading-spinner{background-clip:padding-box;border:.6em solid #2b333fb3;border-radius:50%;box-sizing:border-box;display:none;height:5em;left:50%;opacity:.85;position:absolute;text-align:left;top:50%;transform:translate(-50%,-50%);visibility:hidden;width:5em}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{align-items:center;animation:vjs-spinner-show 0s linear .3s forwards;display:flex;justify-content:center}.vjs-error .vjs-loading-spinner{display:none}.vjs-loading-spinner:after,.vjs-loading-spinner:before{border:inherit;border-color:#fff #0000 #0000;border-radius:inherit;box-sizing:inherit;content:"";height:inherit;opacity:1;position:absolute;width:inherit}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{animation-delay:.44s;border-top-color:#fff}@keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{to{transform:rotate(1turn)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}to{border-top-color:#73859f}}.video-js.vjs-audio-only-mode .vjs-captions-button{display:none}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-audio-only-mode .vjs-descriptions-button{display:none}.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon{height:1.5em;width:1.5em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{display:inline-block;margin-bottom:-.1em;vertical-align:middle}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{content:"\f10c";font-family:VideoJS;font-size:1.5em;line-height:inherit}.video-js.vjs-audio-only-mode .vjs-subs-caps-button{display:none}.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{display:inline-block;margin-bottom:-.1em;vertical-align:middle}.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{content:" \f12e";font-family:VideoJS;font-size:1.5em;line-height:inherit}.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-volume-control{display:none}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto}.video-js.vjs-layout-tiny .vjs-progress-control,.video-js.vjs-layout-x-small .vjs-progress-control{display:none}.video-js.vjs-layout-x-small .vjs-custom-control-spacer{display:block;flex:auto}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:#2b333fbf;color:#fff;height:70%}.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings{height:80%}.vjs-error .vjs-text-track-settings{display:none}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-text-track-settings select{font-size:inherit}.vjs-track-setting>select{margin-bottom:.5em;margin-right:1em}.vjs-text-track-settings fieldset{border:none;margin:10px}.vjs-text-track-settings fieldset span{display:inline-block;padding:0 .6em .8em}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;font-size:1.2em;font-weight:700}.vjs-text-track-settings .vjs-label{margin:0 .5em .5em 0}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{background-image:linear-gradient(0deg,#fff 88%,#73859f);outline-style:solid;outline-width:medium}.vjs-track-settings-controls button:hover{color:#2b333fbf}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f);border-radius:2px;color:#2b333f;cursor:pointer}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}.vjs-title-bar{background:#000000e6;background:linear-gradient(180deg,#000000e6,#000000b3 60%,#0000);font-size:1.2em;line-height:1.5;padding:.666em 1.333em 4em;pointer-events:none;position:absolute;top:0;transition:opacity .1s;width:100%}.vjs-error .vjs-title-bar{display:none}.vjs-title-bar-description,.vjs-title-bar-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vjs-title-bar-title{font-weight:700;margin-bottom:.333em}.vjs-playing.vjs-user-inactive .vjs-title-bar{opacity:0;transition:opacity 1s}.video-js .vjs-skip-backward-10,.video-js .vjs-skip-backward-30,.video-js .vjs-skip-backward-5,.video-js .vjs-skip-forward-10,.video-js .vjs-skip-forward-30,.video-js .vjs-skip-forward-5{cursor:pointer}.video-js .vjs-transient-button{align-items:center;background-color:#32323280;cursor:pointer;display:flex;height:3em;justify-content:center;opacity:1;position:absolute;transition:opacity 1s}.video-js:not(.vjs-has-started) .vjs-transient-button{display:none}.video-js.not-hover .vjs-transient-button:not(.force-display),.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display){opacity:0}.video-js .vjs-transient-button span{padding:0 .5em}.video-js .vjs-transient-button.vjs-left{left:1em}.video-js .vjs-transient-button.vjs-right{right:1em}.video-js .vjs-transient-button.vjs-top{top:1em}.video-js .vjs-transient-button.vjs-near-top{top:4em}.video-js .vjs-transient-button.vjs-bottom{bottom:4em}.video-js .vjs-transient-button:hover{background-color:#323232e6}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{border:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:none}.video-js :focus:not(:focus-visible){outline:none}:root{--vm-accent:#7c3aed;--vm-accent-bright:#a78bfa;--vm-accent-dim:#4c1d95;--vm-accent-glow:#7c3aed38;--vm-success:#10b981;--vm-success-glow:#10b98138;--vm-bg:#09090b;--vm-panel:#111115;--vm-card:#18181f;--vm-card-hover:#1f1f29;--vm-input:#0f0f14;--vm-border:#ffffff12;--vm-border-accent:#7c3aed59;--vm-text:#f4f4f8;--vm-text-secondary:#8888a8;--vm-text-muted:#55556a;--vm-radius-sm:6px;--vm-radius-md:10px;--vm-radius-lg:16px;--vm-radius-pill:999px;--vm-transition:180ms cubic-bezier(0.4,0,0.2,1);--vm-transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--vm-shadow-sm:0 1px 3px #00000080;--vm-shadow-md:0 4px 16px #00000080;--vm-glow-accent:0 0 18px var(--vm-accent-glow);--vm-glow-success:0 0 18px var(--vm-success-glow)}.voices-container{background:#09090b;background:var(--vm-bg);font-family:DM Sans,sans-serif;min-height:100vh}.voices-container .header{background:#111115;background:var(--vm-panel);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--vm-border)}.voices,.voices-container .header{color:#f4f4f8;color:var(--vm-text)}.voices{background:#09090b;background:var(--vm-bg);margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 24px}.voices h2{color:#f4f4f8;color:var(--vm-text);font-size:20px;font-weight:700;letter-spacing:.02em;margin:0 0 8px;text-align:center}.voices p{color:#55556a;color:var(--vm-text-muted);font-size:13px;font-weight:400;margin:0 0 32px;text-align:center}.ai-voices{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%}.singles-voice{animation:voiceIn .2s ease both;background:#18181f;background:var(--vm-card);border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:16px;border-radius:var(--vm-radius-lg);display:flex;flex-direction:column;padding:16px;transition:border-color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--vm-transition),transform var(--vm-transition),box-shadow var(--vm-transition)}@keyframes voiceIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.singles-voice:first-child{animation-delay:0ms}.singles-voice:nth-child(2){animation-delay:40ms}.singles-voice:nth-child(3){animation-delay:80ms}.singles-voice:nth-child(4){animation-delay:.12s}.singles-voice:nth-child(5){animation-delay:.16s}.singles-voice:nth-child(6){animation-delay:.2s}.singles-voice:nth-child(7){animation-delay:.24s}.singles-voice:nth-child(8){animation-delay:.28s}.singles-voice:nth-child(9){animation-delay:.32s}.singles-voice:hover{border-color:#7c3aed59;border-color:var(--vm-border-accent);box-shadow:0 4px 16px #00000080;box-shadow:var(--vm-shadow-md);transform:translateY(-2px)}.voice-name{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.voice-name h3{color:#f4f4f8;color:var(--vm-text);font-size:15px;font-weight:600;letter-spacing:.02em;margin:0}.bgmusic-checkbox,.checkbox-wrapper-31{display:inline-block;flex-shrink:0;height:32px;position:relative;width:32px}.bgmusic-checkbox .background,.checkbox-wrapper-31 .background{fill:#0f0f14;fill:var(--vm-input);transition:fill .3s cubic-bezier(.4,0,.2,1);transition:fill var(--vm-transition-slow)}.bgmusic-checkbox .stroke,.checkbox-wrapper-31 .stroke{fill:none;stroke:#55556a;stroke:var(--vm-text-muted);stroke-miterlimit:10;stroke-width:2px;stroke-dashoffset:100;stroke-dasharray:100;transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1),stroke .18s cubic-bezier(.4,0,.2,1);transition:stroke-dashoffset var(--vm-transition-slow),stroke var(--vm-transition)}.bgmusic-checkbox .check,.checkbox-wrapper-31 .check{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;stroke-dashoffset:22;stroke-dasharray:22;transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1);transition:stroke-dashoffset var(--vm-transition-slow)}.bgmusic-checkbox input[type=checkbox],.checkbox-wrapper-31 input[type=checkbox]{-webkit-appearance:none;appearance:none;cursor:pointer;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%}.bgmusic-checkbox input[type=checkbox]:checked+svg .background,.checkbox-wrapper-31 input[type=checkbox]:checked+svg .background{fill:#7c3aed;fill:var(--vm-accent)}.bgmusic-checkbox input[type=checkbox]:checked+svg .stroke,.checkbox-wrapper-31 input[type=checkbox]:checked+svg .stroke{stroke-dashoffset:0;stroke:#a78bfa;stroke:var(--vm-accent-bright)}.bgmusic-checkbox input[type=checkbox]:checked+svg .check,.checkbox-wrapper-31 input[type=checkbox]:checked+svg .check{stroke-dashoffset:0}.bgmusic-checkbox:hover .check,.checkbox-wrapper-31:hover .check{stroke-dashoffset:0;opacity:.3}.voice-record{display:flex;flex-direction:column;gap:8px}.bgmusic-container{background:#09090b;background:var(--vm-bg);font-family:DM Sans,sans-serif;min-height:100vh}.bgmusic-container .header{background:#111115;background:var(--vm-panel);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--vm-border);color:#f4f4f8;color:var(--vm-text)}.bgmusic{background:#09090b;background:var(--vm-bg);margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 24px}.bgmusic,.bgmusic h2{color:#f4f4f8;color:var(--vm-text)}.bgmusic h2{font-size:20px;font-weight:700;letter-spacing:.02em;margin:0 0 8px;text-align:center}.bgmusic p{color:#55556a;color:var(--vm-text-muted);font-size:13px;font-weight:400;margin:0 0 24px;text-align:center}.bgmusic-filter{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 auto 28px}.bgmusic-filter label{color:#8888a8;color:var(--vm-text-secondary);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.bgmusic-filter select{-webkit-appearance:none;appearance:none;background:#0f0f14;background:var(--vm-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%2355556a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:10px;border-radius:var(--vm-radius-md);color:#f4f4f8;color:var(--vm-text);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;outline:none;padding:8px 32px 8px 12px;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--vm-transition),box-shadow var(--vm-transition)}.bgmusic-filter select:hover{border-color:#7c3aed59;border-color:var(--vm-border-accent)}.bgmusic-filter select:focus{border-color:#7c3aed;border-color:var(--vm-accent);box-shadow:0 0 0 3px #7c3aed38;box-shadow:0 0 0 3px var(--vm-accent-glow)}.bgmusic-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.bgmusic-item{animation:musicIn .2s ease both;background:#18181f;background:var(--vm-card);border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:16px;border-radius:var(--vm-radius-lg);padding:16px;transition:border-color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--vm-transition),transform var(--vm-transition),box-shadow var(--vm-transition)}@keyframes musicIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bgmusic-item:first-child{animation-delay:0ms}.bgmusic-item:nth-child(2){animation-delay:40ms}.bgmusic-item:nth-child(3){animation-delay:80ms}.bgmusic-item:nth-child(4){animation-delay:.12s}.bgmusic-item:nth-child(5){animation-delay:.16s}.bgmusic-item:nth-child(6){animation-delay:.2s}.bgmusic-item:nth-child(7){animation-delay:.24s}.bgmusic-item:nth-child(8){animation-delay:.28s}.bgmusic-item:nth-child(9){animation-delay:.32s}.bgmusic-item:nth-child(10){animation-delay:.36s}.bgmusic-item:hover{border-color:#7c3aed59;border-color:var(--vm-border-accent);box-shadow:0 4px 16px #00000080;box-shadow:var(--vm-shadow-md);transform:translateY(-2px)}.bgmusic-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.bgmusic-item-header h3{color:#f4f4f8;color:var(--vm-text);font-size:14px;font-weight:600;letter-spacing:.01em;line-height:1.4;margin:0}.bgmusic-player{display:flex;flex-direction:column;gap:10px}.bgmusic-waveform{background:#0f0f14;background:var(--vm-input);border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:6px;border-radius:var(--vm-radius-sm);height:60px;margin:0;overflow:hidden;position:relative;width:100%}.bgmusic-waveform:before{background:#ffffff0d;content:"";height:1px;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100%}.bgmusic-waveform canvas,.bgmusic-waveform svg{height:100%;left:0;position:absolute;top:0;width:100%}.bgmusic-voice-btn,.voice-record button{align-items:center;background:#0f0f14;background:var(--vm-input);border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:999px;border-radius:var(--vm-radius-pill);color:#8888a8;color:var(--vm-text-secondary);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;gap:6px;justify-content:center;outline:none;padding:7px 16px;transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:background var(--vm-transition),border-color var(--vm-transition),color var(--vm-transition),box-shadow var(--vm-transition);-webkit-user-select:none;user-select:none}.bgmusic-voice-btn:hover,.voice-record button:hover{background:#1f1f29;background:var(--vm-card-hover);border-color:#7c3aed59;border-color:var(--vm-border-accent);color:#a78bfa;color:var(--vm-accent-bright)}.bgmusic-voice-btn:active,.voice-record button:active{transform:scale(.97)}.bgmusic-channel-overlay,.composition-channel{align-items:center;animation:overlayIn .15s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.bgmusic-channel-box,.composition-channel .get-channel{animation:modalIn .2s cubic-bezier(.4,0,.2,1);background:#18181f;background:var(--vm-card);border:1px solid #7c3aed59;border:1px solid var(--vm-border-accent);border-radius:16px;border-radius:var(--vm-radius-lg);box-shadow:0 4px 16px #00000080,0 0 18px #7c3aed38;box-shadow:var(--vm-shadow-md),var(--vm-glow-accent);color:#f4f4f8;color:var(--vm-text);max-height:88vh;overflow-y:auto;padding:28px 20px;width:min(800px,92vw)}@keyframes modalIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.bgmusic-channel-actions,.composition-channel-btns{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.bgmusic-channel-actions button,.composition-channel-btns button{border:none!important;border-radius:999px!important;border-radius:var(--vm-radius-pill)!important;cursor:pointer;font-family:DM Sans,sans-serif!important;font-size:13px!important;font-weight:600!important;padding:9px 20px!important;transition:background .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)!important;transition:background var(--vm-transition),box-shadow var(--vm-transition),transform var(--vm-transition)!important}.bgmusic-channel-actions button:first-child,.composition-channel-btns button:first-child{background:#7c3aed!important;background:var(--vm-accent)!important;color:#fff!important}.bgmusic-channel-actions button:first-child:hover,.composition-channel-btns button:first-child:hover{background:#6d28d9!important;box-shadow:0 0 18px #7c3aed38!important;box-shadow:var(--vm-glow-accent)!important;transform:translateY(-1px)!important}.bgmusic-channel-actions button:last-child,.composition-channel-btns button:last-child{background:#0f0f14!important;background:var(--vm-input)!important;border:1px solid #ffffff12!important;border:1px solid var(--vm-border)!important;color:#8888a8!important;color:var(--vm-text-secondary)!important}.bgmusic-channel-actions button:last-child:hover,.composition-channel-btns button:last-child:hover{background:#1f1f29!important;background:var(--vm-card-hover)!important;border-color:#7c3aed59!important;border-color:var(--vm-border-accent)!important;color:#f4f4f8!important;color:var(--vm-text)!important}.bgmusic-loader{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000eb;color:#f4f4f8;color:var(--vm-text);display:flex;inset:0;justify-content:center;position:fixed;z-index:300}@media (max-width:900px){.ai-voices,.bgmusic-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:600px){.bgmusic,.voices{padding:20px 16px}.bgmusic h2,.voices h2{font-size:18px}.bgmusic p,.voices p{font-size:12px;margin-bottom:20px}.ai-voices,.bgmusic-list{gap:12px;grid-template-columns:1fr}.bgmusic-filter{flex-direction:column;gap:8px}.bgmusic-filter select{width:100%}.bgmusic-waveform{height:50px}}.voice-delete-btn{align-items:center;background:#0000;border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:50%;color:#55556a;color:var(--vm-text-muted);cursor:pointer;display:flex;font-size:11px;height:24px;justify-content:center;line-height:1;padding:0;transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background var(--vm-transition),border-color var(--vm-transition),color var(--vm-transition);width:24px}.voice-delete-btn:hover{background:#ef444426;border-color:#ef444466;color:#f87171}.voices-header-row{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.voices-header-row>div{flex:1 1}.clone-voice-btn{background:#7c3aed;background:var(--vm-accent);border:none;border-radius:999px;border-radius:var(--vm-radius-pill);box-shadow:0 2px 8px #7c3aed38;box-shadow:0 2px 8px var(--vm-accent-glow);color:#fff;cursor:pointer;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:10px 20px;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:background var(--vm-transition),transform var(--vm-transition),box-shadow var(--vm-transition)}.clone-voice-btn:hover{background:#6d28d9;box-shadow:0 4px 14px #7c3aed38;box-shadow:0 4px 14px var(--vm-accent-glow);transform:translateY(-1px)}.clone-voice-btn:active{transform:scale(.97)}.voices-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.voices-search{background:#0f0f14;background:var(--vm-input);border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:10px;border-radius:var(--vm-radius-md);color:#f4f4f8;color:var(--vm-text);flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;min-width:180px;outline:none;padding:8px 14px;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--vm-transition),box-shadow var(--vm-transition)}.voices-search::placeholder{color:#55556a;color:var(--vm-text-muted)}.voices-search:focus{border-color:#7c3aed;border-color:var(--vm-accent);box-shadow:0 0 0 3px #7c3aed38;box-shadow:0 0 0 3px var(--vm-accent-glow)}.voices-filter-group{align-items:center;display:flex;gap:7px}.voices-filter-group label{color:#55556a;color:var(--vm-text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.voices-filter-group select{-webkit-appearance:none;appearance:none;background:#0f0f14;background:var(--vm-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%2355556a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:10px;border-radius:var(--vm-radius-md);color:#f4f4f8;color:var(--vm-text);cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;outline:none;padding:7px 28px 7px 10px;transition:border-color .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--vm-transition)}.voices-filter-group select:hover{border-color:#7c3aed59;border-color:var(--vm-border-accent)}.voices-filter-group select:focus{border-color:#7c3aed;border-color:var(--vm-accent);box-shadow:0 0 0 3px #7c3aed38;box-shadow:0 0 0 3px var(--vm-accent-glow)}.voices-count{color:#55556a;color:var(--vm-text-muted);font-size:12px;margin:0 0 20px;text-align:left!important}.voices-active-label{color:#8888a8;color:var(--vm-text-secondary)}.voices-active-label strong{color:#a78bfa;color:var(--vm-accent-bright)}.voices-empty{color:#55556a;color:var(--vm-text-muted);font-size:14px;padding:48px 0;text-align:center}.singles-voice--active{background:color-mix(in srgb,#7c3aed 8%,#18181f);background:color-mix(in srgb,var(--vm-accent) 8%,var(--vm-card));border-color:#7c3aed!important;border-color:var(--vm-accent)!important;box-shadow:0 0 18px #7c3aed38;box-shadow:var(--vm-glow-accent)}.singles-voice--cloned{border-color:#10b9814d}.singles-voice--cloned:hover{border-color:#10b981!important;border-color:var(--vm-success)!important;box-shadow:0 0 18px #10b98138;box-shadow:var(--vm-glow-success)}.voice-name-left{display:flex;flex-direction:column;gap:5px;min-width:0}.voice-name-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.voice-meta{display:flex;flex-wrap:wrap;gap:5px}.voice-tag{border-radius:999px;border-radius:var(--vm-radius-pill);display:inline-block;font-size:10px;font-weight:600;letter-spacing:.02em;padding:1px 7px}.voice-tag--locale{background:#3b82f626;color:#60a5fa;font-family:DM Mono,monospace}.voice-tag--gender{background:#8b5cf626;color:#a78bfa;color:var(--vm-accent-bright)}.voice-tag--cloned{background:#10b98126;color:#10b981;color:var(--vm-success)}.voice-error{background:#0f0f14;background:var(--vm-input);border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:6px;border-radius:var(--vm-radius-sm);color:#55556a;color:var(--vm-text-muted);font-size:12px;padding:12px;text-align:center}.voice-loading{width:100%}.voice-loading-bar{align-items:center;background:#0f0f14;background:var(--vm-input);border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:6px;border-radius:var(--vm-radius-sm);display:flex;height:70px;justify-content:center;overflow:hidden;position:relative;width:100%}.voice-loading-bar:after{animation:voiceLoadingShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#7c3aed26 50%,#0000);content:"";inset:0;position:absolute}@keyframes voiceLoadingShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.channel-picker-title{color:#8888a8;color:var(--vm-text-secondary);font-size:14px;line-height:1.5;margin:0 0 16px}.channel-picker-title strong{color:#a78bfa;color:var(--vm-accent-bright)}.clone-modal-overlay{align-items:center;animation:cloneOverlayIn .15s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d1;display:flex;inset:0;justify-content:center;position:fixed;z-index:300}@keyframes cloneOverlayIn{0%{opacity:0}to{opacity:1}}.clone-modal{animation:cloneModalIn .2s cubic-bezier(.4,0,.2,1);background:#18181f;background:var(--vm-card);border:1px solid #7c3aed59;border:1px solid var(--vm-border-accent);border-radius:16px;border-radius:var(--vm-radius-lg);box-shadow:0 24px 60px #0009,0 0 18px #7c3aed38;box-shadow:0 24px 60px #0009,var(--vm-glow-accent);max-height:90vh;overflow-y:auto;width:min(560px,94vw)}@keyframes cloneModalIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.clone-modal-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--vm-border);display:flex;justify-content:space-between;padding:20px 24px}.clone-modal-header h3{color:#f4f4f8;color:var(--vm-text);font-size:17px;font-weight:600;letter-spacing:.01em;margin:0}.clone-modal-close{align-items:center;background:#0000;border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:50%;color:#55556a;color:var(--vm-text-muted);cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;line-height:1;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1);transition:background var(--vm-transition),color var(--vm-transition),border-color var(--vm-transition);width:28px}.clone-modal-close:hover{background:#ef444426;border-color:#ef444466;color:#f87171}.clone-modal-body{display:flex;flex-direction:column;gap:18px;padding:24px}.clone-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.clone-field{display:flex;flex-direction:column;gap:6px}.clone-field label{color:#8888a8;color:var(--vm-text-secondary);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.clone-hint{color:#55556a;color:var(--vm-text-muted);font-weight:400;letter-spacing:0;text-transform:none}.clone-input{background:#0f0f14;background:var(--vm-input);border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:10px;border-radius:var(--vm-radius-md);color:#f4f4f8;color:var(--vm-text);font-family:DM Sans,sans-serif;font-size:13px;outline:none;padding:9px 12px;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--vm-transition),box-shadow var(--vm-transition);width:100%}.clone-input::placeholder{color:#55556a;color:var(--vm-text-muted)}.clone-input:focus{border-color:#7c3aed;border-color:var(--vm-accent);box-shadow:0 0 0 3px #7c3aed38;box-shadow:0 0 0 3px var(--vm-accent-glow)}select.clone-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2355556a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding-right:32px}.clone-audio-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.clone-or{color:#55556a;color:var(--vm-text-muted);font-size:11px}.clone-upload-btn{align-items:center;background:#0f0f14;background:var(--vm-input);border:1px dashed #ffffff12;border:1px dashed var(--vm-border);border-radius:10px;border-radius:var(--vm-radius-md);color:#8888a8;color:var(--vm-text-secondary);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;gap:7px;padding:9px 16px;transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background var(--vm-transition),border-color var(--vm-transition),color var(--vm-transition)}.clone-upload-btn:hover{background:#1f1f29;background:var(--vm-card-hover);border-color:#7c3aed59;border-color:var(--vm-border-accent);color:#f4f4f8;color:var(--vm-text)}.clone-upload-btn--active{background:#10b98114;border-color:#10b981;border-color:var(--vm-success);border-style:solid;color:#10b981;color:var(--vm-success)}.clone-record-btn{background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;border-radius:var(--vm-radius-md);color:#f87171;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;padding:9px 16px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--vm-transition)}.clone-record-btn:hover{background:#ef444426;border-color:#ef444480}.clone-record-btn--recording{animation:cloneRecPulse 1.2s ease-in-out infinite;background:#ef444433;border-color:#ef444499}@keyframes cloneRecPulse{0%,to{box-shadow:0 0 0 #ef444400}50%{box-shadow:0 0 14px #ef444466}}.clone-record-btn--done{background:#10b9811a;border-color:#10b98166;color:#10b981;color:var(--vm-success)}.clone-consent-box{background:#7c3aed0f;border:1px solid #7c3aed33;border-radius:10px;border-radius:var(--vm-radius-md);display:flex;flex-direction:column;gap:12px;padding:16px}.clone-consent-label{color:#a78bfa;color:var(--vm-accent-bright);font-size:11px;font-weight:500;line-height:1.4;margin:0}.clone-submit-btn{background:#7c3aed;background:var(--vm-accent);border:none;border-radius:999px;border-radius:var(--vm-radius-pill);box-shadow:0 2px 10px #7c3aed38;box-shadow:0 2px 10px var(--vm-accent-glow);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:11px 20px;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:background var(--vm-transition),transform var(--vm-transition),box-shadow var(--vm-transition);width:100%}.clone-submit-btn:hover{background:#6d28d9;box-shadow:0 4px 16px #7c3aed38;box-shadow:0 4px 16px var(--vm-accent-glow);transform:translateY(-1px)}.clone-submit-btn:active{transform:scale(.98)}.clone-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:600px){.voices-header-row{align-items:stretch;flex-direction:column}.clone-voice-btn{width:100%}.voices-filters{align-items:stretch;flex-direction:column}.voices-filter-group,.voices-search{width:100%}.clone-row{grid-template-columns:1fr}.clone-audio-row{align-items:stretch;flex-direction:column}.clone-record-btn,.clone-upload-btn{justify-content:center;width:100%}}.voices-pagination{border-top:1px solid #ffffff12;border-top:1px solid var(--vm-border);display:flex;gap:8px;margin-top:40px;padding:24px 0}.pagination-btn,.voices-pagination{align-items:center;justify-content:center}.pagination-btn{background:#18181f;background:var(--vm-card);border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:10px;border-radius:var(--vm-radius-md);color:#8888a8;color:var(--vm-text-secondary);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;height:36px;padding:0 16px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--vm-transition);white-space:nowrap}.pagination-btn:hover:not(:disabled){background:#1f1f29;background:var(--vm-card-hover);border-color:#7c3aed59;border-color:var(--vm-border-accent);color:#f4f4f8;color:var(--vm-text);transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.3;transform:none}.pagination-pages{align-items:center;display:flex;gap:4px}.pagination-page{align-items:center;background:#18181f;background:var(--vm-card);border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:10px;border-radius:var(--vm-radius-md);color:#8888a8;color:var(--vm-text-secondary);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:0 8px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--vm-transition)}.pagination-page:hover{background:#1f1f29;background:var(--vm-card-hover);border-color:#7c3aed59;border-color:var(--vm-border-accent);color:#f4f4f8;color:var(--vm-text);transform:translateY(-1px)}.pagination-page.active{background:#7c3aed;background:var(--vm-accent);border-color:#7c3aed;border-color:var(--vm-accent);box-shadow:0 0 18px #7c3aed38;box-shadow:var(--vm-glow-accent);color:#fff;transform:none}.voices-info-bar{margin-bottom:4px}.voice-preview-trigger{align-items:center;background:#0f0f14;background:var(--vm-input);border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:999px;border-radius:var(--vm-radius-pill);color:#8888a8;color:var(--vm-text-secondary);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;gap:7px;justify-content:center;margin-top:8px;outline:none;padding:8px 16px;transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:background var(--vm-transition),border-color var(--vm-transition),color var(--vm-transition),box-shadow var(--vm-transition);width:100%}.voice-preview-trigger:hover:not(:disabled){background:#1f1f29;background:var(--vm-card-hover);border-color:#7c3aed59;border-color:var(--vm-border-accent);color:#a78bfa;color:var(--vm-accent-bright)}.voice-preview-trigger:active:not(:disabled){transform:scale(.97)}.voice-preview-trigger:disabled{cursor:not-allowed;opacity:.4}.voice-preview-trigger--play{border-color:#7c3aed40;color:#a78bfa;color:var(--vm-accent-bright)}.voice-preview-trigger--play:hover:not(:disabled){background:#7c3aed1a;border-color:#7c3aed;border-color:var(--vm-accent);box-shadow:0 0 18px #7c3aed38;box-shadow:var(--vm-glow-accent)}.voice-spinner{animation:voiceSpinnerRot .7s linear infinite;border:2px solid #a78bfa4d;border-radius:50%;border-top:2px solid var(--vm-accent-bright);display:inline-block;flex-shrink:0;height:12px;width:12px}@keyframes voiceSpinnerRot{to{transform:rotate(1turn)}}@media (max-width:600px){.voices-pagination{flex-wrap:wrap;gap:6px;padding:20px 0}.pagination-btn{font-size:12px;height:32px;padding:0 12px}.pagination-page{font-size:12px;height:32px;min-width:32px}}.vs-step1-page{align-items:flex-start;background:#09090b;background:var(--vm-bg);display:flex;justify-content:center;min-height:calc(100vh - 68px);padding:48px 24px 80px}.vs-step1-content{display:flex;flex-direction:column;gap:32px;max-width:860px;width:100%}.vs-step1-title{color:#f4f4f8;color:var(--vm-text);font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.vs-step1-sub{color:#55556a;color:var(--vm-text-muted);font-size:15px;line-height:1.6;margin:-20px 0 0}.vs-channel-picker-wrap{background:#111115;background:var(--vm-panel);border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:16px;border-radius:var(--vm-radius-lg);padding:24px}.vs-stepper{align-items:center;display:flex;gap:12px}.vs-stepper--inline{flex:1 1;justify-content:center}.vs-stepper-item{align-items:center;color:#55556a;color:var(--vm-text-muted);display:flex;font-size:13px;font-weight:600;gap:8px;white-space:nowrap}.vs-stepper-item--active{color:#f4f4f8;color:var(--vm-text)}.vs-stepper-item--done{color:#10b981;color:var(--vm-success)}.vs-stepper-num{align-items:center;background:#0f0f14;background:var(--vm-input);border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:50%;color:#55556a;color:var(--vm-text-muted);display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.vs-stepper-item--active .vs-stepper-num{background:#7c3aed;background:var(--vm-accent);border-color:#7c3aed;border-color:var(--vm-accent);color:#fff}.vs-stepper-item--done .vs-stepper-num{background:#10b981;background:var(--vm-success);border-color:#10b981;border-color:var(--vm-success);color:#fff}.vs-stepper-line{background:#ffffff12;background:var(--vm-border);flex:1 1;height:1px;max-width:60px}.vs-step1-actions{align-items:stretch;display:flex;flex-direction:column;gap:12px}.vs-btn-primary{background:#7c3aed;background:var(--vm-accent);border:none;border-radius:999px;border-radius:var(--vm-radius-pill);box-shadow:0 4px 16px #7c3aed38;box-shadow:0 4px 16px var(--vm-accent-glow);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;padding:14px 28px;text-align:center;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:background var(--vm-transition),transform var(--vm-transition),box-shadow var(--vm-transition)}.vs-btn-primary:hover:not(:disabled){background:#6d28d9;box-shadow:0 6px 20px #7c3aed38;box-shadow:0 6px 20px var(--vm-accent-glow);transform:translateY(-1px)}.vs-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.vs-btn-ghost{background:#0000;border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:999px;border-radius:var(--vm-radius-pill);color:#8888a8;color:var(--vm-text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;padding:12px 28px;text-align:center;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--vm-transition)}.vs-btn-ghost:hover{background:#7c3aed0f;border-color:#7c3aed59;border-color:var(--vm-border-accent);color:#f4f4f8;color:var(--vm-text)}.vs-topbar{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--vm-border);display:flex;gap:16px;margin-bottom:20px;padding-bottom:20px}.vs-back-btn{align-items:center;background:#0f0f14;background:var(--vm-input);border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:999px;border-radius:var(--vm-radius-pill);color:#8888a8;color:var(--vm-text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--vm-transition);white-space:nowrap}.vs-back-btn:hover{background:#1f1f29;background:var(--vm-card-hover);border-color:#7c3aed59;border-color:var(--vm-border-accent);color:#f4f4f8;color:var(--vm-text)}.vs-clone-btn{background:#7c3aed;background:var(--vm-accent);border:none;border-radius:999px;border-radius:var(--vm-radius-pill);box-shadow:0 2px 8px #7c3aed38;box-shadow:0 2px 8px var(--vm-accent-glow);color:#fff;cursor:pointer;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:9px 18px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--vm-transition)}.vs-clone-btn:hover{background:#6d28d9;box-shadow:0 4px 14px #7c3aed38;box-shadow:0 4px 14px var(--vm-accent-glow);transform:translateY(-1px)}.vs-channel-strip{align-items:center;background:#7c3aed0f;border:1px solid #7c3aed33;border-radius:10px;border-radius:var(--vm-radius-md);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:14px 18px}.vs-strip-logo{border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:8px;flex-shrink:0;height:36px;object-fit:cover;width:36px}.vs-strip-label{color:#55556a;color:var(--vm-text-muted);display:block;font-size:10px;font-weight:600;letter-spacing:.06em;margin-bottom:1px;text-transform:uppercase}.vs-strip-name{color:#f4f4f8;color:var(--vm-text);font-size:14px;font-weight:700}.vs-strip-current{align-items:center;color:#8888a8;color:var(--vm-text-secondary);display:flex;font-size:12px;gap:6px;margin-left:auto}.vs-strip-dot{background:#10b981;background:var(--vm-success);border-radius:50%;box-shadow:0 0 6px #10b98138;box-shadow:0 0 6px var(--vm-success-glow);flex-shrink:0;height:7px;width:7px}.vs-strip-current strong{color:#10b981;color:var(--vm-success)}.vs-explore-strip{align-items:center;background:#18181f;background:var(--vm-card);border:1px solid #ffffff12;border:1px solid var(--vm-border);border-radius:10px;border-radius:var(--vm-radius-md);color:#8888a8;color:var(--vm-text-secondary);display:flex;font-size:13px;gap:10px;margin-bottom:24px;padding:12px 18px}.vs-explore-icon{flex-shrink:0;font-size:18px}.vs-explore-link{background:none;border:none;color:#a78bfa;color:var(--vm-accent-bright);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;padding:0;text-decoration:underline;text-underline-offset:2px}.vs-explore-link:hover{color:#fff}.vs-pick-channel-btn{background:#0000;border:1px solid #7c3aed59;border:1px solid var(--vm-border-accent);border-radius:999px;border-radius:var(--vm-radius-pill);color:#a78bfa;color:var(--vm-accent-bright);cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;padding:5px 12px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--vm-transition);white-space:nowrap}.vs-pick-channel-btn:hover{background:#7c3aed;background:var(--vm-accent);border-color:#7c3aed;border-color:var(--vm-accent);color:#fff}.voice-tag--active{background:#10b98126;color:#10b981;color:var(--vm-success)}@media (max-width:700px){.vs-step1-title{font-size:24px}.vs-topbar{flex-wrap:wrap;gap:10px}.vs-stepper--inline{justify-content:center;order:3;width:100%}.vs-channel-strip{align-items:flex-start;flex-direction:column}.vs-strip-current{margin-left:0}}.signup{--accent:#7c3aed;--accent-bright:#a78bfa;--accent-dim:#4c1d95;--accent-glow:#7c3aed40;--bg:#09090b;--bg-panel:#111115;--bg-card:#18181f;--bg-input:#0f0f14;--border:#ffffff12;--border-accent:#7c3aed59;--text:#f4f4f8;--text-secondary:#8888a8;--text-muted:#55556a;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--transition:180ms cubic-bezier(0.4,0,0.2,1);--shadow-md:0 4px 20px #0009;--glow:0 0 24px var(--accent-glow);align-items:center;background:var(--bg);display:flex;font-family:DM Sans,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative;width:100%}.signup:before{background:radial-gradient(circle,#7c3aed1f 0,#0000 60%);height:600px;left:-20%;top:-30%;width:600px}.signup:after,.signup:before{content:"";pointer-events:none;position:absolute}.signup:after{background:radial-gradient(circle,#7c3aed14 0,#0000 60%);bottom:-20%;height:500px;right:-10%;width:500px}.signup-form{align-items:center;display:flex;justify-content:center;position:relative;width:100%;z-index:1}.signup-form form{animation:formSlideIn .5s cubic-bezier(.16,1,.3,1);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md),var(--glow);display:flex;flex-direction:column;gap:18px;max-width:480px;padding:40px;width:100%}@keyframes formSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.form-head{flex-direction:column;gap:8px}.form-head,.form-head span{align-items:center;display:flex;margin-bottom:8px}.form-head span{background:var(--bg-input);border:1px solid var(--border-accent);border-radius:50%;box-shadow:var(--glow);height:64px;justify-content:center;width:64px}.form-head span svg{color:var(--accent-bright);font-size:22px}.form-head h3{color:var(--text);font-size:20px;font-weight:800;letter-spacing:.01em;margin:0;text-align:center}.form-head p{color:var(--text-muted);font-size:13px;font-weight:400;line-height:1.6;margin:0;text-align:center}.form-divider{background:var(--border);height:1px;margin:2px 0;width:100%}.form-input{display:flex;flex-direction:column;gap:6px;width:100%}.form-input label{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.form-input input,.form-input select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;outline:none;padding:11px 14px;transition:all var(--transition);width:100%}.form-input input::placeholder{color:var(--text-muted);font-size:13px;font-weight:400}.form-input input:focus,.form-input select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%2355556a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.form-input select option{background:var(--bg-panel);color:var(--text)}.password-input{align-items:center;display:flex;position:relative;width:100%}.password-input input{padding-right:44px}.password-input>div{align-items:center;color:var(--text-muted);cursor:pointer;display:flex;position:absolute;right:14px;transition:color var(--transition);z-index:2}.password-input>div:hover{color:var(--accent-bright)}.password-input>div svg{font-size:16px}.signup-form .disabled,.signup-form .enable{align-items:center;border:none;border-radius:var(--radius-pill);display:flex;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.03em;margin-top:4px;padding:12px 24px;text-align:center;transition:all var(--transition);width:100%}.signup-form .enable{background:var(--accent);color:#fff;cursor:pointer}.signup-form .enable:hover{background:#6d28d9;box-shadow:var(--glow);transform:translateY(-2px)}.signup-form .enable:active{transform:translateY(0) scale(.98)}.signup-form .disabled{background:#7c3aed40;border:1px solid var(--border-accent);color:#ffffff59;cursor:not-allowed}.forgot-pass{align-items:center;background:#0000;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;justify-content:center;letter-spacing:.02em;padding:11px 24px;text-align:center;transition:all var(--transition);width:100%}.forgot-pass:hover{background:#7c3aed14;border-color:var(--border-accent);color:var(--accent-bright)}@media (max-width:768px){.signup{align-items:flex-start;padding:40px 16px 16px}.signup-form form{border-radius:var(--radius-lg);gap:16px;padding:32px 24px}.form-head h3{font-size:18px}.form-head p{font-size:12px}.form-head span{height:56px;width:56px}.form-input label{font-size:10px}.form-input input,.form-input select{font-size:13px;padding:10px 12px}.signup-form .disabled,.signup-form .enable{font-size:13px;padding:11px 20px}.forgot-pass{font-size:12px;padding:10px 20px}}@media (max-width:480px){.signup{align-items:center;padding:24px 12px 12px}.signup-form form{gap:14px;padding:24px 20px}.form-head h3{font-size:17px}.form-input input,.form-input select{border-radius:var(--radius-md);font-size:13px}}@media (prefers-reduced-motion:reduce){.forgot-pass,.form-input input,.form-input select,.signup-form .enable,.signup-form form{animation:none;transition:none}}.forgot-pass:focus-visible,.form-input input:focus-visible,.form-input select:focus-visible,.signup-form .enable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root{--accent:#7c3aed;--accent-bright:#a78bfa;--accent-dim:#4c1d95;--accent-glow:#7c3aed40;--bg:#09090b;--bg-panel:#111115;--bg-card:#18181f;--bg-card-hover:#1f1f29;--bg-input:#0f0f14;--border:#ffffff12;--border-accent:#7c3aed59;--text:#f4f4f8;--text-secondary:#8888a8;--text-muted:#55556a;--success:#10b981;--danger:#ef4444;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--transition:180ms cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 16px #00000080;--glow:0 0 20px var(--accent-glow)}.channel{background:#09090b;background:var(--bg);font-family:DM Sans,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.channel,.channel .header{color:#f4f4f8;color:var(--text)}.channel .header{background:#111115;background:var(--bg-panel);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border)}.channel-head{background:#09090b;background:var(--bg);position:-webkit-sticky;position:sticky;top:0;z-index:100}.create-channel-btn{display:flex;justify-content:flex-end;padding:16px 24px}.create-channel-btn button{background:#7c3aed;background:var(--accent);border:1px solid #7c3aed;border:1px solid var(--accent);border-radius:var(--radius-pill);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;letter-spacing:.02em;padding:10px 24px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.create-channel-btn button:hover{background:#6d28d9;box-shadow:0 0 20px #7c3aed40;box-shadow:var(--glow);transform:translateY(-2px)}.create-channel{align-items:center;animation:modalFadeIn .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.form-container{animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1);background:#18181f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #00000080,0 0 20px #7c3aed40;box-shadow:var(--shadow-md),var(--glow);max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:100%;z-index:201}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.form-container::-webkit-scrollbar{width:4px}.form-container::-webkit-scrollbar-thumb{background:#ffffff12;background:var(--border);border-radius:4px}.form{display:flex;flex-direction:column;gap:20px}.edit-hint{background:#7c3aed1f;border:1px solid #7c3aed59;border:1px solid var(--border-accent);border-radius:10px;border-radius:var(--radius-md);color:#a78bfa;color:var(--accent-bright);font-size:13px;font-weight:600;padding:10px 14px;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#8888a8;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.form-group input[type=text],.form-group select{background:#0f0f14;background:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#f4f4f8;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:11px 14px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:100%}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%2355556a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-group input:focus,.form-group select:focus{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed40;box-shadow:0 0 0 3px var(--accent-glow)}.form-group input[type=file]{background:#0f0f14;background:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#8888a8;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:10px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.form-group input[type=file]:hover{border-color:#7c3aed59;border-color:var(--border-accent)}.form-group input[type=file]::-webkit-file-upload-button{background:#18181f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#f4f4f8;color:var(--text);cursor:pointer;font-size:12px;font-weight:600;margin-right:12px;padding:6px 14px;-webkit-transition:all .18s cubic-bezier(.4,0,.2,1);transition:all .18s cubic-bezier(.4,0,.2,1);-webkit-transition:all var(--transition);transition:all var(--transition)}.form-group input[type=file]::file-selector-button{background:#18181f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#f4f4f8;color:var(--text);cursor:pointer;font-size:12px;font-weight:600;margin-right:12px;padding:6px 14px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.form-group input[type=file]::-webkit-file-upload-button:hover{background:#1f1f29;background:var(--bg-card-hover);border-color:#7c3aed59;border-color:var(--border-accent)}.form-group input[type=file]::file-selector-button:hover{background:#1f1f29;background:var(--bg-card-hover);border-color:#7c3aed59;border-color:var(--border-accent)}.channel-btns{display:flex;gap:12px;margin-top:8px}.channel-btns button{border-radius:var(--radius-pill);cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;letter-spacing:.02em;padding:11px 20px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.form-submit-btn{background:#7c3aed!important;background:var(--accent)!important;border:1px solid #7c3aed!important;border:1px solid var(--accent)!important;color:#fff!important}.form-submit-btn:hover{background:#6d28d9!important;box-shadow:0 0 20px #7c3aed40;box-shadow:var(--glow);transform:translateY(-1px)}.channel-btns button:not(.form-submit-btn){background:#0f0f14;background:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);color:#8888a8;color:var(--text-secondary)}.channel-btns button:not(.form-submit-btn):hover{background:#1f1f29;background:var(--bg-card-hover);border-color:#7c3aed59;border-color:var(--border-accent);color:#f4f4f8;color:var(--text)}.cancel-edit-btn{background:#ef4444!important;background:var(--danger)!important;border:1px solid #ef4444!important;border:1px solid var(--danger)!important;color:#fff!important}.cancel-edit-btn:hover{background:#dc2626!important}.upload-data{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;border-radius:20px;border-radius:var(--radius-xl);display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.uploading-panel{background:#111115;background:var(--bg-panel);border:1px solid #7c3aed59;border:1px solid var(--border-accent);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 0 20px #7c3aed40;box-shadow:var(--glow);min-width:320px;padding:24px}.uploading-title{color:#a78bfa;color:var(--accent-bright);font-size:15px;font-weight:700;margin-bottom:16px;text-align:center}.upload-progress-bar{margin-bottom:14px}.upload-progress-bar:last-child{margin-bottom:0}.upload-progress-bar label{color:#55556a;color:var(--text-muted);display:block;font-size:11px;font-weight:600;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.upload-progress-bar progress{-webkit-appearance:none;appearance:none;border:none;border-radius:6px;border-radius:var(--radius-sm);height:8px;overflow:hidden;width:100%}.upload-progress-bar progress::-webkit-progress-bar{background:#0f0f14;background:var(--bg-input);border-radius:6px;border-radius:var(--radius-sm)}.upload-progress-bar progress::-webkit-progress-value{background:linear-gradient(90deg,#4c1d95,#7c3aed,#a78bfa);background:linear-gradient(90deg,var(--accent-dim),var(--accent),var(--accent-bright));border-radius:6px;border-radius:var(--radius-sm);-webkit-transition:width .3s ease;transition:width .3s ease}.upload-progress-bar progress::-moz-progress-bar{background:linear-gradient(90deg,#4c1d95,#7c3aed,#a78bfa);background:linear-gradient(90deg,var(--accent-dim),var(--accent),var(--accent-bright));border-radius:6px;border-radius:var(--radius-sm)}.get-channel{min-height:calc(100vh - 200px);overflow-y:auto;padding:32px 24px;scrollbar-color:#ffffff12 #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin;width:100%}.get-channel::-webkit-scrollbar{width:4px}.get-channel::-webkit-scrollbar-thumb{background:#ffffff12;background:var(--border);border-radius:4px}.get-channel h2{color:#f4f4f8;color:var(--text);font-size:20px;font-weight:700;letter-spacing:.02em;margin-bottom:32px;text-align:center}.get-channel>p{color:#55556a;color:var(--text-muted);font-size:14px;padding:40px 20px;text-align:center}.channel-list{grid-gap:20px;animation:fadeIn .4s ease;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.channel-card{align-items:center;background:#18181f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:20px;position:relative;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition);-webkit-user-select:none;user-select:none}.channel-card:before{background:linear-gradient(135deg,#4c1d95,#a78bfa);background:linear-gradient(135deg,var(--accent-dim),var(--accent-bright));content:"";inset:0;opacity:0;position:absolute;transition:opacity .18s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.channel-card:hover{border-color:#7c3aed59;border-color:var(--border-accent);box-shadow:0 4px 16px #00000080;box-shadow:var(--shadow-md);transform:translateY(-4px)}.channel-card:hover:before{opacity:.08}.channel-card.selected{background:#7c3aed1a;border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 20px #7c3aed40;box-shadow:var(--glow)}.channel-card.selected:before{opacity:.12}.channel-logo{border-radius:10px;border-radius:var(--radius-md);height:120px;object-fit:contain;pointer-events:none;position:relative;transition:transform .18s cubic-bezier(.4,0,.2,1);transition:transform var(--transition);width:100%;z-index:1}.channel-card:hover .channel-logo{transform:scale(1.05)}.channel-name{color:#f4f4f8;color:var(--text);font-size:15px;font-weight:700;margin:0;word-break:break-word}.channel-name,.channel-niche{position:relative;text-align:center;z-index:1}.channel-niche{background:#0f0f14;background:var(--bg-input);border-radius:var(--radius-pill);color:#55556a;color:var(--text-muted);font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}@media (max-width:1024px){.channel-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:768px){.get-channel{padding:24px 20px}.channel-list{gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.channel-card{padding:16px}.channel-logo{height:100px}.form-container{padding:24px}}@media (max-width:600px){.create-channel{padding:16px}.form-container{max-height:85vh;padding:20px}.get-channel{padding:20px 16px}.get-channel h2{font-size:18px;margin-bottom:24px}.channel-list{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.channel-card{padding:14px}.channel-logo{height:90px}.channel-name{font-size:14px}.channel-niche{font-size:11px}.channel-btns{flex-direction:column}}@media (max-width:480px){.create-channel-btn{padding:12px 16px}.channel-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.channel-card,.channel-logo,.form-container{animation:none;transition:none}}.channel-card:focus-visible{outline:2px solid #7c3aed;outline:2px solid var(--accent);outline-offset:2px}.channel-card-actions{display:flex;gap:6px;margin-top:auto;opacity:0;padding-top:4px;position:relative;transform:translateY(4px);transition:opacity .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition),transform var(--transition);z-index:2}.channel-card:focus-within .channel-card-actions,.channel-card:hover .channel-card-actions{opacity:1;transform:translateY(0)}.ch-action-btn{align-items:center;background:#0f0f14;background:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:14px;height:32px;justify-content:center;line-height:1;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:32px}.ch-action-btn--edit:hover{background:#7c3aed26;border-color:#7c3aed66}.ch-action-btn--delete:hover{background:#ef444426;border-color:#ef444466}.channel-card--confirming{pointer-events:none}.channel-card-confirm{align-items:center;animation:confirmIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09090beb;border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:6px;inset:0;justify-content:center;padding:16px;pointer-events:all;position:absolute;z-index:10}@keyframes confirmIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.channel-card-confirm p{color:#f4f4f8;color:var(--text);font-size:13px;font-weight:600;line-height:1.4;margin:0;text-align:center}.channel-card-confirm p strong{color:#ef4444;color:var(--danger)}.channel-card-confirm span{color:#55556a;color:var(--text-muted);font-size:11px;text-align:center}.channel-card-confirm-btns{display:flex;gap:8px;margin-top:8px}.ch-confirm-no,.ch-confirm-yes{border:none;border-radius:var(--radius-pill);cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;padding:7px 16px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.ch-confirm-yes{background:#ef4444;background:var(--danger);color:#fff}.ch-confirm-yes:hover{background:#dc2626;transform:translateY(-1px)}.ch-confirm-no{background:#0f0f14;background:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);color:#8888a8;color:var(--text-secondary)}.ch-confirm-no:hover{background:#1f1f29;background:var(--bg-card-hover);border-color:#7c3aed59;border-color:var(--border-accent);color:#f4f4f8;color:var(--text)}.channel-card--skeleton{animation:shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#18181f 25%,#ffffff08 50%,#18181f 75%);background:linear-gradient(90deg,var(--bg-card) 25%,#ffffff08 50%,var(--bg-card) 75%);background-size:200% 100%;cursor:default;height:200px;pointer-events:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.channel-empty{align-items:center;color:#55556a;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;padding:60px 20px;text-align:center}.channel-empty-icon{font-size:40px;margin-bottom:4px;opacity:.4}.channel-empty p{color:#8888a8;color:var(--text-secondary);font-size:15px;font-weight:600;margin:0}.channel-empty span{font-size:13px}.form-optional{color:#55556a;color:var(--text-muted);font-size:10px;font-weight:400;letter-spacing:0;margin-left:6px;text-transform:none}.tl-shell *,.tl-shell :after,.tl-shell :before{box-sizing:border-box}:root{--tl-accent:#7c3aed;--tl-accent-bright:#a78bfa;--tl-accent-dim:#4c1d95;--tl-accent-glow:#7c3aed38;--tl-bg:#09090b;--tl-panel:#111115;--tl-card:#18181f;--tl-card-hover:#1f1f29;--tl-input:#0f0f14;--tl-ruler:#0d0d12;--tl-border:#ffffff12;--tl-border-accent:#7c3aed59;--tl-text:#f4f4f8;--tl-text-secondary:#8888a8;--tl-text-muted:#55556a;--tl-overlay-color:#7c3aed4d;--tl-overlay-border:#7c3aed;--tl-overlay-selected:#a78bfa59;--tl-overlay-selected-border:#a78bfa;--tl-playhead:#ef4444;--tl-ghost:#6366f140;--tl-radius-sm:4px;--tl-radius-md:8px;--tl-radius-lg:12px;--tl-radius-xl:16px;--tl-radius-pill:999px;--tl-transition:150ms cubic-bezier(0.4,0,0.2,1);--tl-shadow:0 4px 20px #0009;--tl-glow:0 0 20px var(--tl-accent-glow)}.tl-shell{background:#09090b;background:var(--tl-bg);color:#f4f4f8;color:var(--tl-text);display:flex;flex-direction:column;font-family:DM Sans,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.tl-topbar{background:#111115;background:var(--tl-panel);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--tl-border);flex-wrap:wrap;gap:12px;padding:14px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.tl-topbar,.tl-topbar-title{align-items:center;display:flex}.tl-topbar-title{color:#f4f4f8;color:var(--tl-text);font-size:14px;font-weight:800;gap:8px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.tl-topbar-title:before{background:#7c3aed;background:var(--tl-accent);border-radius:50%;box-shadow:0 0 8px #7c3aed;box-shadow:0 0 8px var(--tl-accent);content:"";flex-shrink:0;height:8px;width:8px}.tl-topbar-divider{background:#ffffff12;background:var(--tl-border);flex-shrink:0;height:20px;width:1px}.tl-topbar-filename{background:#7c3aed1a;border:1px solid #7c3aed59;border:1px solid var(--tl-border-accent);border-radius:999px;border-radius:var(--tl-radius-pill);color:#a78bfa;color:var(--tl-accent-bright);font-family:DM Mono,monospace;font-size:12px;max-width:200px;overflow:hidden;padding:3px 10px;text-overflow:ellipsis;white-space:nowrap}.tl-topbar-spacer{flex:1 1}.tl-process-btn{background:#7c3aed;background:var(--tl-accent);border:none;border-radius:999px;border-radius:var(--tl-radius-pill);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;letter-spacing:.03em;padding:9px 20px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--tl-transition);white-space:nowrap}.tl-process-btn:hover{background:#6d28d9;box-shadow:0 0 20px #7c3aed38;box-shadow:var(--tl-glow);transform:translateY(-1px)}.tl-process-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.tl-main{display:grid;flex:1 1;grid-template-columns:1fr 300px;grid-template-rows:auto 1fr;height:calc(100vh - 57px);max-width:100%;overflow:hidden;width:100%}.tl-center{border-right:1px solid #ffffff12;border-right:1px solid var(--tl-border);display:flex;flex-direction:column;min-width:0;overflow:hidden}.tl-video-section{background:#111115;background:var(--tl-panel);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--tl-border);flex-shrink:0;min-width:0;overflow:hidden;padding:16px}.tl-video-loader{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tl-input{background:#0f0f14;background:var(--tl-input);border:1px solid #ffffff12;border:1px solid var(--tl-border);border-radius:8px;border-radius:var(--tl-radius-md);color:#f4f4f8;color:var(--tl-text);font-family:DM Sans,sans-serif;font-size:13px;outline:none;padding:9px 12px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--tl-transition)}.tl-input:focus{border-color:#7c3aed;border-color:var(--tl-accent);box-shadow:0 0 0 3px #7c3aed38;box-shadow:0 0 0 3px var(--tl-accent-glow)}.tl-input::placeholder{color:#55556a;color:var(--tl-text-muted)}.tl-input-url{flex:1 1;min-width:180px}.tl-btn{align-items:center;background:#18181f;background:var(--tl-card);border:1px solid #ffffff12;border:1px solid var(--tl-border);border-radius:8px;border-radius:var(--tl-radius-md);color:#8888a8;color:var(--tl-text-secondary);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--tl-transition);white-space:nowrap}.tl-btn:hover{background:#1f1f29;background:var(--tl-card-hover);border-color:#7c3aed59;border-color:var(--tl-border-accent);color:#f4f4f8;color:var(--tl-text)}.tl-btn:disabled{cursor:not-allowed;opacity:.3}.tl-btn-accent{background:#7c3aed;background:var(--tl-accent);border-color:#7c3aed;border-color:var(--tl-accent);color:#fff}.tl-btn-accent:hover{background:#6d28d9;border-color:#6d28d9;box-shadow:0 0 20px #7c3aed38;box-shadow:var(--tl-glow)}.tl-btn-danger{background:#0000;border-color:#ef444466;color:#f87171}.tl-btn-danger:hover{background:#ef44441a;border-color:#ef4444;color:#fff}.tl-btn-green{background:#10b98126;border-color:#10b98166;color:#34d399}.tl-btn-green:hover{background:#10b98140;border-color:#10b981;color:#fff}.tl-preview-wrap{aspect-ratio:16/9;background:#000;border:1px solid #ffffff12;border:1px solid var(--tl-border);border-radius:12px;border-radius:var(--tl-radius-lg);max-width:100%;overflow:hidden;position:relative;width:100%}.tl-preview-video{background:#000;display:block;height:100%;inset:0;object-fit:contain;position:absolute;width:100%;z-index:1}.tl-overlay-layer{display:grid;inset:0;overflow:hidden;place-items:center;pointer-events:none;position:absolute;z-index:3}.tl-overlay-media{height:100%;object-fit:cover;width:100%;will-change:transform}.tl-vignette{z-index:4}.tl-noise-canvas,.tl-vignette{inset:0;mix-blend-mode:multiply;pointer-events:none;position:absolute}.tl-noise-canvas{height:100%;width:100%;z-index:5}.tl-caption-overlay{display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;width:100%;z-index:6}.tl-transport{align-items:center;background:#111115;background:var(--tl-panel);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--tl-border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;min-width:0;overflow:hidden;padding:10px 16px}.tl-transport-time{background:#7c3aed1a;border:1px solid #7c3aed59;border:1px solid var(--tl-border-accent);border-radius:999px;border-radius:var(--tl-radius-pill);color:#a78bfa;color:var(--tl-accent-bright);font-family:DM Mono,monospace;font-size:13px;font-weight:500;padding:4px 10px;white-space:nowrap}.tl-transport-divider{background:#ffffff12;background:var(--tl-border);flex-shrink:0;height:18px;margin:0 4px;width:1px}.tl-transport-label{color:#55556a;color:var(--tl-text-muted);font-size:11px;white-space:nowrap}.tl-range{-webkit-appearance:none;background:#ffffff12;background:var(--tl-border);border-radius:999px;border-radius:var(--tl-radius-pill);cursor:pointer;height:3px;outline:none}.tl-range::-webkit-slider-thumb{-webkit-appearance:none;background:#7c3aed;background:var(--tl-accent);border-radius:50%;box-shadow:0 0 6px #7c3aed38;box-shadow:0 0 6px var(--tl-accent-glow);cursor:pointer;height:12px;width:12px}.tl-range::-moz-range-thumb{background:#7c3aed;background:var(--tl-accent);border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.tl-timeline-section{background:#09090b;background:var(--tl-bg);display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.tl-timeline-toolbar{align-items:center;background:#111115;background:var(--tl-panel);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--tl-border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:8px 16px}.tl-toolbar-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tl-toolbar-label,.tl-zoom-display{color:#55556a;color:var(--tl-text-muted)}.tl-zoom-display{font-family:DM Mono,monospace;font-size:11px;min-width:50px}.tl-toolbar-divider{background:#ffffff12;background:var(--tl-border);flex-shrink:0;height:20px;width:1px}.tl-add-overlay-btn{font-size:12px;font-weight:700;letter-spacing:.03em;padding:7px 14px;white-space:nowrap}.tl-scroll{-webkit-overflow-scrolling:touch;background:#09090b;background:var(--tl-bg);cursor:default;flex:1 1;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-color:#ffffff12 #0000;scrollbar-color:var(--tl-border) #0000;scrollbar-width:thin;touch-action:pan-x pan-y}.tl-scroll::-webkit-scrollbar{height:4px}.tl-scroll::-webkit-scrollbar-thumb{background:#ffffff12;background:var(--tl-border);border-radius:4px}.tl-ruler{background:#0d0d12;background:var(--tl-ruler);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--tl-border);flex-shrink:0;height:56px;position:relative;-webkit-user-select:none;user-select:none}.tl-ruler-inner{height:100%;position:relative}.tl-major-tick{background:#55556a;background:var(--tl-text-muted);height:14px}.tl-major-tick,.tl-minor-tick{bottom:16px;position:absolute;width:1px}.tl-minor-tick{background:#55556a80;height:8px}.tl-tick-label{color:#55556a;color:var(--tl-text-muted);font-family:DM Mono,monospace;font-size:10px;top:6px;transform:translateX(-50%);white-space:nowrap}.tl-thumb-img,.tl-tick-label{pointer-events:none;position:absolute}.tl-thumb-img{border-radius:4px;border-radius:var(--tl-radius-sm);bottom:0;height:28px;opacity:.7}.tl-track-area{position:relative}.tl-track-label{align-items:center;background:#111115;background:var(--tl-panel);border-right:1px solid #ffffff12;border-right:1px solid var(--tl-border);bottom:0;color:#55556a;color:var(--tl-text-muted);display:flex;flex-shrink:0;font-size:9px;font-weight:700;justify-content:center;left:0;letter-spacing:.1em;pointer-events:none;position:absolute;text-transform:uppercase;top:0;width:60px;z-index:2}.tl-track{background:#09090b;background:var(--tl-bg);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--tl-border);height:52px;position:relative}.tl-track:nth-child(2n){background:hsla(0,0%,100%,.013)}.tl-track:before{background:repeating-linear-gradient(90deg,#0000,#0000 99px,#ffffff05 0,#ffffff05 100px);content:"";inset:0;pointer-events:none;position:absolute}.tl-overlay-block{align-items:center;background:#7c3aed4d;background:var(--tl-overlay-color);border:1.5px solid #7c3aed;border:1.5px solid var(--tl-overlay-border);border-radius:8px;border-radius:var(--tl-radius-md);cursor:grab;display:flex;height:40px;overflow:visible;padding:0 6px;position:absolute;top:6px;touch-action:none;transition:box-shadow .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--tl-transition),border-color var(--tl-transition);-webkit-user-select:none;user-select:none}.tl-overlay-block:hover{border-color:#a78bfa;border-color:var(--tl-accent-bright);box-shadow:0 0 0 1px #a78bfa33}.tl-overlay-block.selected{background:#a78bfa59;background:var(--tl-overlay-selected);border-color:#a78bfa;border-color:var(--tl-overlay-selected-border);box-shadow:0 0 0 2px #a78bfa40}.tl-overlay-block.uploading{border-style:dashed;opacity:.6}.tl-overlay-label{color:#a78bfa;color:var(--tl-accent-bright);font-size:10px;font-weight:600;max-width:calc(100% - 12px);overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.tl-overlay-handle{background:#7c3aed;background:var(--tl-accent);cursor:ew-resize;height:100%;position:absolute;top:0;touch-action:none;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--tl-transition);width:6px;z-index:2}.tl-overlay-handle:hover{background:#a78bfa;background:var(--tl-accent-bright)}.tl-overlay-handle--left{border-radius:4px 0 0 4px;left:-3px}.tl-overlay-handle--right{border-radius:0 4px 4px 0;right:-3px}.tl-ghost-create{background:#6366f140;background:var(--tl-ghost);border:2px dashed #6366f199;border-radius:8px;border-radius:var(--tl-radius-md);height:40px;pointer-events:none;position:absolute;top:6px}.tl-playhead-line{bottom:0;box-shadow:0 0 6px #ef444499;pointer-events:none;width:2px;z-index:10}.tl-playhead-head,.tl-playhead-line{background:#ef4444;background:var(--tl-playhead);position:absolute;top:0}.tl-playhead-head{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);height:12px;transform:translateX(-5px);width:12px}.tl-playhead-grab{bottom:0;cursor:ew-resize;position:absolute;top:0;touch-action:none;transform:translateX(-7px);width:16px;z-index:11}.tl-panel{background:#111115;background:var(--tl-panel);border-left:1px solid #ffffff12;border-left:1px solid var(--tl-border);min-width:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:#ffffff12 #fff;scrollbar-color:var(--tl-border) #fff;scrollbar-width:thin}.tl-panel::-webkit-scrollbar{width:4px}.tl-panel::-webkit-scrollbar-thumb{background:#ffffff12;background:var(--tl-border);border-radius:4px}.tl-panel-section{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--tl-border);padding:14px 16px}.tl-panel-title{align-items:center;color:#55556a;color:var(--tl-text-muted);display:flex;font-size:10px;font-weight:700;gap:8px;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.tl-panel-title:after{background:#ffffff12;background:var(--tl-border);content:"";flex:1 1;height:1px}.tl-fx-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.tl-fx-label{color:#8888a8;color:var(--tl-text-secondary);font-size:11px;font-weight:500;min-width:52px}.tl-fx-range{flex:1 1}.tl-fx-value{color:#55556a;color:var(--tl-text-muted);font-family:DM Mono,monospace;font-size:10px;min-width:32px;text-align:right}.tl-inspector-field{margin-bottom:10px}.tl-inspector-label{color:#55556a;color:var(--tl-text-muted);display:block;font-size:10px;font-weight:700;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.tl-inspector-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.tl-inspector-input{font-size:12px;width:90px}.tl-no-selection{color:#55556a;color:var(--tl-text-muted);font-size:12px;line-height:1.6;padding:24px 16px;text-align:center}.tl-ken-row{flex-wrap:wrap;gap:6px;margin-bottom:8px}.tl-caption-toggle,.tl-ken-row{align-items:center;display:flex}.tl-caption-toggle{gap:8px;margin-bottom:10px}.tl-overlay-list-item{align-items:center;background:#0f0f14;background:var(--tl-input);border:1px solid #ffffff12;border:1px solid var(--tl-border);border-radius:8px;border-radius:var(--tl-radius-md);cursor:pointer;display:flex;font-size:11px;gap:6px;margin-bottom:6px;padding:6px 8px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--tl-transition)}.tl-overlay-list-item:hover{background:#18181f;background:var(--tl-card);border-color:#7c3aed59;border-color:var(--tl-border-accent)}.tl-overlay-list-item.selected{background:#7c3aed1a;border-color:#7c3aed;border-color:var(--tl-accent)}.tl-overlay-list-url{color:#8888a8;color:var(--tl-text-secondary);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-pill{background:#7c3aed26;border:1px solid #7c3aed59;border:1px solid var(--tl-border-accent);border-radius:999px;border-radius:var(--tl-radius-pill);color:#a78bfa;color:var(--tl-accent-bright);flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:.06em;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.tl-toggle-wrap{align-items:center;cursor:pointer;display:flex;gap:6px}.tl-toggle-wrap input[type=checkbox]{accent-color:#7c3aed;accent-color:var(--tl-accent);cursor:pointer;height:14px;width:14px}.tl-toggle-label{color:#8888a8;color:var(--tl-text-secondary);font-size:12px;font-weight:600}.tl-quick-url-bar{align-items:center;background:#111115;background:var(--tl-panel);border-top:1px solid #ffffff12;border-top:1px solid var(--tl-border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:8px 16px}.tl-quick-label{color:#55556a;color:var(--tl-text-muted);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}@media (max-width:1200px){.tl-main{grid-template-columns:1fr 240px}}@media (max-width:1024px){.tl-main{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;overflow:visible}.tl-shell{height:auto;min-height:100vh}.tl-center{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--tl-border);border-right:none;overflow:visible}.tl-panel{border-left:none;border-top:1px solid #ffffff12;border-top:1px solid var(--tl-border);max-height:none;overflow-y:visible}.tl-timeline-section{min-height:180px;overflow:visible}.tl-scroll{min-height:140px;overflow-x:auto}}@media (max-width:768px){.tl-topbar{gap:8px;padding:10px 14px}.tl-topbar-title{font-size:12px}.tl-topbar-filename{font-size:11px;max-width:120px}.tl-process-btn{font-size:12px;padding:8px 14px}.tl-video-section{padding:10px}.tl-preview-wrap{border-radius:8px;border-radius:var(--tl-radius-md);max-height:56.25vw}.tl-video-loader{flex-direction:row;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tl-input-url{flex:1 1 120px;min-width:0}.tl-transport{gap:4px;padding:6px 10px}.tl-transport-label{display:none}.tl-quick-url-bar,.tl-timeline-toolbar{gap:6px;padding:8px 10px}.tl-timeline-toolbar{flex-wrap:wrap}.tl-panel-section{padding:12px}}@media (max-width:600px){.tl-topbar{gap:6px;padding:8px 10px}.tl-topbar-divider,.tl-topbar-filename{display:none}.tl-video-section{border-radius:0;padding:0}.tl-preview-wrap{aspect-ratio:16/9;border-left:none;border-radius:0;border-right:none;max-height:56.25vw;max-width:100vw;width:100vw}.tl-video-loader{gap:5px;margin-bottom:0;padding:8px 10px 0}.tl-input-url{font-size:12px;padding:7px 8px}.tl-btn{font-size:11px;padding:6px 9px}.tl-transport{flex-wrap:wrap;gap:4px;padding:5px 8px}.tl-transport-time{font-size:11px;padding:3px 8px}.tl-vol-range{display:none}.tl-quick-url-bar{align-items:stretch;flex-direction:column;gap:5px;padding:8px 10px}.tl-timeline-toolbar{gap:4px;padding:5px 8px}.tl-scroll{min-height:160px}.tl-overlay-block{height:44px;top:4px}.tl-overlay-handle{width:12px}.tl-overlay-handle--left{left:-6px}.tl-overlay-handle--right{right:-6px}.tl-track{height:56px}.tl-ruler{height:48px}.tl-panel-section{padding:10px}.tl-fx-label{font-size:10px;min-width:40px}}@media (max-width:420px){.tl-preview-wrap{max-height:56.25vw}.tl-topbar-title{font-size:11px;letter-spacing:.06em}.tl-process-btn{font-size:11px;padding:7px 10px}.tl-transport-hide-xs{display:none}}@media (prefers-reduced-motion:reduce){.tl-btn,.tl-overlay-block,.tl-overlay-handle,.tl-process-btn{transition:none}}.tl-btn:focus-visible,.tl-input:focus-visible,.tl-process-btn:focus-visible{outline:2px solid #7c3aed;outline:2px solid var(--tl-accent);outline-offset:2px}*{scrollbar-color:#ffffff12 #fff;scrollbar-color:var(--tl-border) #fff;scrollbar-width:thin}@media (max-width:420px){.tl-transport-hide-xs{display:none!important}}@media (max-width:600px){.tl-vol-range{display:none!important}}.tl-topbar{overflow:hidden}.tl-shell input,.tl-shell select,.tl-shell textarea{max-width:100%}@media (max-width:600px){.tl-quick-url-bar .tl-input{min-width:0;width:100%}}:root{--nf-accent:#7c3aed;--nf-accent-bright:#a78bfa;--nf-accent-glow:#7c3aed59;--nf-red:#ef4444;--nf-bg:#09090b;--nf-panel:#111115;--nf-border:#ffffff12;--nf-text:#f4f4f8;--nf-muted:#55556a;--nf-film:#1a1a22}.nf-shell{align-items:center;background:#09090b;background:var(--nf-bg);color:#f4f4f8;color:var(--nf-text);display:flex;flex-direction:column;font-family:DM Sans,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.nf-canvas{height:100%;inset:0;opacity:.45;pointer-events:none;position:absolute;width:100%;z-index:0}.nf-sprocket{align-items:center;animation:sprocketSlide 8s linear infinite;background:#1a1a22;background:var(--nf-film);bottom:0;display:flex;flex-direction:column;justify-content:space-around;padding:24px 0;position:absolute;top:0;width:44px;z-index:1}.nf-sprocket,.nf-sprocket--left{border-right:1px solid #ffffff0d}.nf-sprocket--left{border-left:none;left:0}.nf-sprocket--right{border-left:1px solid #ffffff0d;border-right:none;right:0}.nf-sprocket-hole{background:#09090b;background:var(--nf-bg);border:1px solid #ffffff14;border-radius:3px;flex-shrink:0;height:14px;width:20px}@keyframes sprocketSlide{0%{transform:translateY(0)}to{transform:translateY(52px)}}@media (max-width:500px){.nf-sprocket{display:none}}.nf-center{align-items:center;animation:nfFadeUp .7s cubic-bezier(.16,1,.3,1) both;display:flex;flex-direction:column;gap:28px;padding:40px 60px;position:relative;text-align:center;z-index:2}@keyframes nfFadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.nf-code-wrap{align-items:center;display:flex;gap:0;line-height:1;position:relative;-webkit-user-select:none;user-select:none}.nf-digit{animation:nfDigitIn .8s cubic-bezier(.16,1,.3,1) both;color:#f4f4f8;color:var(--nf-text);display:inline-block;font-family:Bebas Neue,sans-serif;font-size:clamp(120px,22vw,220px);letter-spacing:-.02em;position:relative;text-shadow:0 0 40px #7c3aed33}.nf-digit:first-child{animation-delay:.1s}.nf-digit:nth-child(2){animation-delay:.2s}.nf-digit:nth-child(3){animation-delay:.3s}@keyframes nfDigitIn{0%{opacity:0;transform:scaleY(.6) skewX(-8deg)}to{opacity:1;transform:scaleY(1) skewX(0deg)}}.nf-digit--zero{-webkit-text-stroke:3px #7c3aed;-webkit-text-stroke:3px var(--nf-accent);animation:nfDigitIn .8s cubic-bezier(.16,1,.3,1) .2s both,nfZeroPulse 3s ease-in-out 1s infinite;color:#0000;text-shadow:0 0 20px #7c3aed59,0 0 60px #7c3aed59;text-shadow:0 0 20px var(--nf-accent-glow),0 0 60px var(--nf-accent-glow)}@keyframes nfZeroPulse{0%,to{text-shadow:0 0 20px #7c3aed59,0 0 60px #7c3aed59;text-shadow:0 0 20px var(--nf-accent-glow),0 0 60px var(--nf-accent-glow)}50%{text-shadow:0 0 40px #7c3aedb3,0 0 100px #7c3aed66}}.nf-glitch-slice{align-items:center;display:flex;font-family:Bebas Neue,sans-serif;font-size:clamp(120px,22vw,220px);inset:0;justify-content:center;letter-spacing:-.02em;line-height:1;opacity:0;pointer-events:none;position:absolute}.nf-glitch-slice--a{-webkit-clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%);clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%);color:#ff003c;mix-blend-mode:screen}.nf-glitch-slice--b{-webkit-clip-path:polygon(0 60%,100% 60%,100% 75%,0 75%);clip-path:polygon(0 60%,100% 60%,100% 75%,0 75%);color:#0fc;mix-blend-mode:screen}.nf-code-wrap.glitching .nf-glitch-slice--a{animation:glitchA .4s steps(2) both}.nf-code-wrap.glitching .nf-glitch-slice--b{animation:glitchB .4s steps(2) both}@keyframes glitchA{0%{opacity:1;transform:translate(-4px,2px) skewX(-5deg)}25%{opacity:0}50%{opacity:1;transform:translate(6px,-1px) skewX(3deg)}75%{opacity:0}to{opacity:0;transform:translate(0)}}@keyframes glitchB{0%{opacity:1;transform:translate(5px,-3px) skewX(4deg)}25%{opacity:0}50%{opacity:1;transform:translate(-3px,2px) skewX(-2deg)}75%{opacity:0}to{opacity:0;transform:translate(0)}}.nf-code-wrap.glitching .nf-digit{animation:nfShake .4s steps(3) both}@keyframes nfShake{0%{transform:translateX(0)}20%{transform:translateX(-3px) skewX(-2deg)}40%{transform:translateX(4px) skewX(2deg)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}to{transform:translateX(0)}}.nf-frame-tag{align-items:center;animation:nfFadeUp .7s cubic-bezier(.16,1,.3,1) .3s both;background:#1a1a22;background:var(--nf-film);border:1px solid #ffffff0f;border-radius:4px;color:#55556a;color:var(--nf-muted);display:flex;font-family:DM Mono,monospace;font-size:10px;gap:24px;letter-spacing:.1em;padding:5px 16px}.nf-frame-num{color:#a78bfa;color:var(--nf-accent-bright)}.nf-message{animation:nfFadeUp .7s cubic-bezier(.16,1,.3,1) .4s both}.nf-title{color:#f4f4f8;color:var(--nf-text);font-family:Bebas Neue,sans-serif;font-size:clamp(28px,5vw,48px);letter-spacing:.18em;margin:0 0 12px;text-shadow:0 0 30px #7c3aed40}.nf-sub{font-size:14px;line-height:1.7;margin:0;max-width:360px}.nf-error-strip,.nf-sub{color:#55556a;color:var(--nf-muted)}.nf-error-strip{align-items:center;animation:nfFadeUp .7s cubic-bezier(.16,1,.3,1) .5s both;background:#ef44440f;border:1px solid #ef44442e;border-radius:4px;display:flex;flex-wrap:wrap;font-family:DM Mono,monospace;font-size:10px;gap:10px;justify-content:center;letter-spacing:.08em;padding:6px 14px}.nf-error-strip span:first-child{color:#f87171}.nf-actions{animation:nfFadeUp .7s cubic-bezier(.16,1,.3,1) .6s both;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.nf-btn{border-radius:999px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;letter-spacing:.04em;padding:12px 28px;transition:all .16s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nf-btn--primary{background:#7c3aed;background:var(--nf-accent);border:1px solid #7c3aed;border:1px solid var(--nf-accent);color:#fff}.nf-btn--primary:hover{background:#6d28d9;box-shadow:0 0 24px #7c3aed73;transform:translateY(-2px)}.nf-btn--ghost{background:#0000;border:1px solid #ffffff12;border:1px solid var(--nf-border);color:#55556a;color:var(--nf-muted)}.nf-btn--ghost:hover{background:#7c3aed14;border-color:#7c3aed59;color:#a78bfa;color:var(--nf-accent-bright)}.nf-btn:active{transform:scale(.97)}.nf-btn:focus-visible{outline:2px solid #7c3aed;outline:2px solid var(--nf-accent);outline-offset:3px}.nf-ticker{align-items:center;background:#1a1a22;background:var(--nf-film);border-top:1px solid #ffffff0d;bottom:0;display:flex;height:32px;left:0;overflow:hidden;position:absolute;right:0;z-index:3}.nf-ticker-track{animation:tickerScroll 24s linear infinite;color:#55556a;color:var(--nf-muted);display:flex;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}@keyframes tickerScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:768px){.nf-center{gap:20px;padding:32px 24px}.nf-error-strip{font-size:9px;gap:6px;padding:5px 10px}.nf-frame-tag{font-size:9px;gap:12px}}@media (max-width:500px){.nf-center{gap:16px;padding:24px 16px}.nf-actions{flex-direction:column;max-width:280px;width:100%}.nf-btn{padding:13px 24px;text-align:center;width:100%}.nf-error-strip{display:none}}@media (prefers-reduced-motion:reduce){.nf-code-wrap.glitching .nf-digit,.nf-code-wrap.glitching .nf-glitch-slice--a,.nf-code-wrap.glitching .nf-glitch-slice--b,.nf-digit--zero,.nf-sprocket,.nf-ticker-track{animation:none}}
/*# sourceMappingURL=main.6d0ab778.css.map*/