@import url(https://fonts.googleapis.com/css2?family=Instrument+Serif:ital,wght@0,400;1,400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.landing-content{background:var(--color-bg-root);color:var(--color-text-primary);font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;min-height:100%;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.landing-content.landing-authenticated{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow-y:hidden}.landing-gradient{display:none}.landing-main{margin:0 auto;max-width:720px;padding:clamp(60px,12vh,100px) clamp(20px,5vw,32px) 60px;position:relative;text-align:center;width:100%;z-index:5}.landing-content.landing-authenticated .landing-main{padding:32px clamp(20px,5vw,32px)}.landing-title{color:var(--color-text-primary);font-family:"Instrument Serif",Times New Roman,serif;font-size:clamp(36px,4.5vw,52px);font-weight:400;line-height:1.1;margin:0 0 clamp(24px,5vh,40px)}.landing-title-em{font-style:italic}.landing-typewriter{display:inline-block;min-width:.5ch}.landing-cursor{animation:blink 1s step-end infinite;color:var(--color-text-secondary);display:inline-block;margin-right:0}.landing-upload-panel{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:6px;min-height:160px;padding:20px 24px 72px;position:relative}.landing-upload-input{word-wrap:break-word;background:#0000;border:none;color:var(--color-text-primary);font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.6;margin:0;outline:none;overflow-wrap:break-word;padding:0;resize:none;width:100%}.landing-upload-input::placeholder,.landing-upload-placeholder{color:var(--color-text-secondary)}.landing-upload-placeholder{font-size:14px;margin:0}.landing-attachments-grid{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:-16px;margin-left:-16px;margin-top:16px}.landing-pdf-chip{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-primary);display:inline-flex;font-size:11px;font-weight:500;gap:10px;letter-spacing:.02em;padding:8px 12px;position:relative;text-transform:uppercase}.landing-pdf-extension{align-items:center;background:var(--color-bg-user-bubble);border-radius:4px;color:var(--color-text-secondary);display:inline-flex;flex-shrink:0;font-size:10px;font-weight:600;height:32px;justify-content:center;width:32px}.landing-pdf-info{align-items:flex-start;display:flex;flex-direction:column;gap:1px;min-width:0}.landing-pdf-name{color:var(--color-text-primary);font-size:12px;font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-pdf-name,.landing-pdf-size{font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;text-align:left;text-transform:none}.landing-pdf-size{color:var(--color-text-secondary);font-size:10px;font-weight:400}.landing-pdf-remove{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:20px;justify-content:center;line-height:1;padding:0;transition:background .15s ease,color .15s ease;width:20px}.landing-pdf-remove:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.landing-upload-panel:after{background:linear-gradient(to bottom,#0000 0,var(--color-bg-canvas-surface) 30%);bottom:0;content:"";height:72px;left:0;pointer-events:none;position:absolute;right:0;z-index:5}.landing-upload-cta{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;bottom:16px;color:var(--color-text-primary);cursor:pointer;display:grid;font-size:24px;height:44px;place-items:center;position:absolute;right:16px;transition:background .15s ease;width:44px;z-index:10}.landing-upload-cta:hover:not(:disabled){background:var(--color-bg-user-bubble)}.landing-upload-cta:disabled{cursor:not-allowed;opacity:.4}.landing-attach-button{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:4px;bottom:16px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;left:16px;position:absolute;transition:all .15s ease;width:32px;z-index:10}.landing-attach-button:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.landing-shortcut-hint{align-items:center;color:var(--color-text-secondary);display:flex;font-size:11px;gap:4px;justify-content:flex-end;margin-top:8px;opacity:.6}.landing-shortcut-key{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:3px;display:inline-flex;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:10px;font-weight:500;height:16px;justify-content:center;min-width:18px;padding:0 4px}.landing-shortcut-key svg{height:9px;width:9px}.landing-shortcut-plus{font-size:10px;font-weight:500;margin:0 1px}.landing-shortcut-text{font-size:11px;margin-left:3px}.landing-auth-state{align-items:center;display:flex;gap:10px}.landing-auth-state span{color:var(--color-text-secondary);font-size:12px;font-weight:500}.landing-auth-state button{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background .15s ease}.landing-auth-state button:hover{background:var(--color-bg-user-bubble)}@media (max-width:720px){.landing-main{gap:24px}.landing-title{margin-top:6vh}.landing-upload-panel{padding:16px 20px 64px}.landing-upload-panel:after{height:64px}.landing-upload-cta{bottom:14px;height:40px;right:14px;width:40px}.landing-attach-button{bottom:14px;height:30px;left:14px;width:30px}}.landing-drag-overlay{align-items:center;background:var(--color-bg-root);bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}.landing-drag-message{background:var(--color-bg-canvas-surface);border:1px dashed var(--color-border-input);border-radius:6px;color:var(--color-text-primary);font-family:"Instrument Serif",Times New Roman,serif;font-size:24px;font-weight:500;padding:32px 48px}.gallery-section{margin:0 auto;max-width:1000px;padding:48px clamp(20px,5vw,32px) 80px;position:relative;width:100%;z-index:5}.gallery-title{color:var(--color-text-primary);font-family:"Instrument Serif",Times New Roman,serif;font-size:clamp(24px,3vw,32px);font-weight:400;margin:0 0 32px;text-align:center}.gallery-title-brand{color:var(--color-text-primary);font-style:italic}.gallery-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.gallery-item{aspect-ratio:4/3;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;cursor:pointer;overflow:hidden;position:relative;transition:opacity .15s ease}.gallery-item:hover{opacity:.85}.gallery-item:nth-child(2),.gallery-item:nth-child(5){transform:none}.gallery-item:nth-child(2):hover,.gallery-item:nth-child(5):hover{opacity:.85}.gallery-item-media,.gallery-thumbnail{height:100%;inset:0;position:absolute;width:100%}.gallery-thumbnail{object-fit:cover;transition:opacity .2s ease}.gallery-thumbnail-hidden{opacity:0}.gallery-video{height:100%;inset:0;object-fit:cover;opacity:0;position:absolute;transition:opacity .2s ease;width:100%}.gallery-video-visible{opacity:1}.gallery-item-overlay{background:linear-gradient(0deg,#0009 0,#0003 40%,#0000);display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:14px;pointer-events:none;position:absolute}.gallery-item-title{color:#fffffff2;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:.01em}.gallery-item-play{align-items:center;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-primary);display:flex;height:40px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.9);transition:opacity .15s ease,transform .15s ease;width:40px}.gallery-item:hover .gallery-item-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-modal-backdrop{align-items:center;animation:modalFadeIn .2s ease;background:#000c;display:flex;inset:0;justify-content:center;padding:32px;position:fixed;z-index:2000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.video-modal-container{animation:modalSlideIn .25s ease;max-width:900px;position:relative;width:100%}.video-modal-close{align-items:center;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:0;top:-40px;transition:background .15s ease,color .15s ease;width:32px}.video-modal-close:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.video-modal-content{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:6px;overflow:hidden}.video-modal-player{aspect-ratio:16/9;background:var(--color-bg-input);display:block;width:100%}.video-modal-title{border-top:1px solid var(--color-border-input);color:var(--color-text-primary);font-family:"Instrument Serif",Times New Roman,serif;font-size:18px;font-weight:400;margin:0;padding:14px 20px}@media (max-width:900px){.gallery-grid{gap:10px;grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.gallery-section{padding:32px 20px 64px}.gallery-title{margin-bottom:24px}.gallery-grid{gap:10px;grid-template-columns:1fr}.gallery-item{aspect-ratio:16/10}.video-modal-backdrop{padding:20px}.video-modal-close{top:-36px}.video-modal-title{font-size:16px;padding:12px 16px}}.landing-footer{background:var(--color-bg-canvas-surface);border-top:1px solid var(--color-border-input);position:relative;z-index:5}.footer-inner{margin:0 auto;max-width:1100px;padding:48px clamp(20px,5vw,40px) 32px}.footer-top{grid-gap:32px;border-bottom:1px solid var(--color-border-input);display:grid;gap:32px;grid-template-columns:2fr repeat(4,1fr);padding-bottom:40px}.footer-brand{max-width:240px}.footer-logo-img{height:40px;margin:0 0 12px;opacity:.8;width:auto}.footer-tagline{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:0 0 16px}.footer-social{display:flex;gap:8px}.footer-social-link{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-secondary);display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.footer-social-link:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.footer-links-group{min-width:0}.footer-links-title{color:var(--color-text-secondary);font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.05em;margin:0 0 14px;text-transform:uppercase}.footer-links{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.footer-links li a{color:var(--color-text-secondary);font-size:13px;text-decoration:none;transition:color .15s ease}.footer-links li a:hover{color:var(--color-text-primary)}.footer-newsletter{align-items:center;border-bottom:1px solid var(--color-border-input);display:flex;gap:32px;justify-content:space-between;padding:32px 0}.footer-newsletter-content{flex:1 1}.footer-newsletter-title{color:var(--color-text-primary);font-family:"Instrument Serif",Times New Roman,serif;font-size:18px;font-weight:400;margin:0 0 4px}.footer-newsletter-desc{color:var(--color-text-secondary);font-size:13px;margin:0}.footer-newsletter-form{display:flex;flex-shrink:0;gap:8px}.footer-newsletter-input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-primary);font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:13px;outline:none;padding:10px 14px;transition:border-color .15s ease;width:240px}.footer-newsletter-input::placeholder{color:var(--color-text-secondary)}.footer-newsletter-input:focus{border-color:var(--color-text-secondary)}.footer-newsletter-btn{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:13px;font-weight:600;padding:10px 20px;transition:all .15s ease}.footer-newsletter-btn:hover{background:var(--color-bg-user-bubble)}.footer-bottom{align-items:center;display:flex;justify-content:space-between;padding-top:24px}.footer-copyright{color:var(--color-text-secondary);font-size:12px;margin:0}.footer-bottom-links{align-items:center;display:flex;gap:6px}.footer-bottom-links a{color:var(--color-text-secondary);font-size:12px;text-decoration:none;transition:color .15s ease}.footer-bottom-links a:hover{color:var(--color-text-primary)}.footer-dot{color:var(--color-text-secondary);font-size:10px;opacity:.5}@media (max-width:1024px){.footer-top{gap:28px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2;max-width:100%}.footer-social{margin-bottom:16px}}@media (max-width:768px){.footer-inner{padding:40px 20px 24px}.footer-top{gap:24px;grid-template-columns:1fr 1fr}.footer-newsletter{align-items:flex-start;flex-direction:column;gap:16px}.footer-newsletter-form{width:100%}.footer-newsletter-input{flex:1 1;min-width:0;width:auto}.footer-bottom{flex-direction:column;gap:12px;text-align:center}}@media (max-width:480px){.footer-top{gap:24px;grid-template-columns:1fr}.footer-brand{grid-column:span 1}.footer-newsletter-form{flex-direction:column}.footer-newsletter-btn{width:100%}}.app-topnav{background:var(--color-bg-canvas-surface);border-bottom:1px solid var(--color-border-input);height:56px;left:0;position:fixed;right:0;top:0;width:100%;z-index:100}.app-topnav__container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.app-topnav__logo-link{align-items:center;display:flex;flex-shrink:0;text-decoration:none}.app-topnav__logo{height:40px;transition:opacity .15s ease;width:auto}.app-topnav__logo-link:hover .app-topnav__logo{opacity:.7}.app-topnav__nav{align-items:center;display:flex;gap:4px;margin-left:32px}.app-topnav__link{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;text-decoration:none;transition:all .15s ease}.app-topnav__link:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.app-topnav__link--dropdown{align-items:center;display:flex;gap:4px}.app-topnav__link--dropdown svg{transition:transform .15s ease}.app-topnav__link--dropdown[data-state=open] svg{transform:rotate(180deg)}.resources-dropdown{animation:resourcesDropdownIn .15s ease;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:6px;padding:4px;width:380px;z-index:1000}@keyframes resourcesDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.resources-dropdown__grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:1fr 1fr}.resources-dropdown__panel{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;gap:10px;outline:none;padding:10px 12px;text-decoration:none;transition:background .15s ease}.resources-dropdown__panel:focus,.resources-dropdown__panel:hover{background:var(--color-bg-user-bubble)}.resources-dropdown__panel-icon{align-items:center;background:var(--color-bg-input);border-radius:4px;color:var(--color-text-secondary);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.resources-dropdown__panel-content{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.resources-dropdown__panel-title{color:var(--color-text-primary);font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:13px;font-weight:500}.resources-dropdown__panel-desc{color:var(--color-text-secondary);font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:11px;font-weight:400;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resources-dropdown__panel--blog,.resources-dropdown__panel--featured{grid-column:1/-1}.resources-dropdown__panel-icon--blog,.resources-dropdown__panel-icon--docs,.resources-dropdown__panel-icon--tutorials,.resources-dropdown__panel-icon--youtube{background:var(--color-bg-input);color:var(--color-text-secondary)}@media (max-width:540px){.resources-dropdown{max-width:340px;width:calc(100vw - 32px)}.resources-dropdown__grid{grid-template-columns:1fr}}.app-topnav__actions{align-items:center;display:flex;gap:8px;margin-left:auto}.app-topnav__signin-btn{background:#0000;border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:13px;font-weight:500;padding:8px 14px;transition:all .15s ease}.app-topnav__signin-btn:hover{background:var(--color-bg-user-bubble)}.app-topnav__cta-btn{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s ease}.app-topnav__cta-btn:hover{background:var(--color-bg-user-bubble)}@media (max-width:768px){.app-topnav__container{padding:0 16px}.app-topnav__nav,.app-topnav__signin-btn{display:none}}.app-sidebar{background:var(--color-bg-sidebar);border-right:1px solid var(--color-border-sidebar);display:flex;flex-direction:column;flex-shrink:0;height:100vh;padding:12px 10px;position:relative;transition:width .2s ease;width:220px;z-index:50}.app-sidebar--collapsed{cursor:pointer;padding:12px 8px;width:56px}.app-sidebar--collapsed:hover{background:var(--color-bg-canvas-surface)}.app-sidebar__header{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:4px 6px 16px}.app-sidebar--collapsed .app-sidebar__header{justify-content:center;padding:4px 0 16px}.app-sidebar__logo-link{align-items:center;display:flex;flex-shrink:0;text-decoration:none}.app-sidebar__logo{height:18px;transition:opacity .15s ease;width:auto}.app-sidebar--collapsed .app-sidebar__logo{height:18px}.app-sidebar__logo-link:hover .app-sidebar__logo{opacity:.7}.app-sidebar__collapse-btn{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .15s ease;width:28px}.app-sidebar__collapse-btn:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.app-sidebar__collapse-btn svg{transition:transform .2s ease}.app-sidebar--collapsed .app-sidebar__collapse-btn{display:none}.app-sidebar__nav{flex:0 0 auto}.app-sidebar__nav-list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.app-sidebar__nav-item{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:13px;font-weight:500;gap:10px;padding:8px 10px;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.app-sidebar__nav-item:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.app-sidebar__nav-item--active{background:var(--color-bg-input);color:var(--color-text-primary)}.app-sidebar__nav-item svg{flex-shrink:0;opacity:.8}.app-sidebar__nav-item--active svg{opacity:1}.app-sidebar--collapsed .app-sidebar__nav-item{justify-content:center;padding:10px}.app-sidebar__spacer{flex:1 1 auto;min-height:16px}.app-sidebar--collapsed .app-sidebar__spacer{cursor:pointer}.app-sidebar__bottom{border-top:1px solid var(--color-border-input);display:flex;flex-direction:column;gap:6px;padding-top:10px}.app-sidebar__payment-banner{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;cursor:pointer;display:flex;gap:10px;margin-bottom:6px;padding:10px;text-align:left;transition:all .15s ease}.app-sidebar__payment-banner:hover{background:var(--color-bg-user-bubble)}.app-sidebar__payment-banner:disabled{cursor:wait;opacity:.5}.app-sidebar__payment-icon{align-items:center;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-secondary);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.app-sidebar__payment-text{display:flex;flex:1 1;flex-direction:column;gap:1px}.app-sidebar__payment-title{color:var(--color-text-primary);font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:12px;font-weight:600}.app-sidebar__payment-subtitle{color:var(--color-text-secondary);font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:10px}.app-sidebar__payment-icon-btn{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;margin:0 auto 6px;transition:all .15s ease;width:36px}.app-sidebar__payment-icon-btn:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.app-sidebar__payment-icon-btn:disabled{cursor:wait;opacity:.5}.app-sidebar__profile{align-items:center;background:#0000;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;font:inherit;gap:8px;outline:none;padding:6px;text-align:left;transition:background .15s ease;width:100%}.app-sidebar__profile:hover{background:var(--color-bg-user-bubble)}.app-sidebar--collapsed .app-sidebar__profile{justify-content:center;padding:6px 0}.app-sidebar__avatar{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s ease;width:32px}.app-sidebar__avatar:hover{border-color:var(--color-text-secondary)}.app-sidebar__avatar-text{color:var(--color-text-primary);font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:12px;font-weight:600}.app-sidebar__profile-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.app-sidebar__profile-email{color:var(--color-text-secondary);font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar--collapsed .app-sidebar__profile-info{display:none}.app-sidebar__tooltip{animation:tooltipFadeIn .15s ease;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-primary);font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:12px;font-weight:500;padding:6px 10px;z-index:1000}.app-sidebar__tooltip--logout{padding:0}.app-sidebar__tooltip-arrow{fill:var(--color-bg-canvas-surface)}.app-sidebar__logout-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;transition:background .15s ease;white-space:nowrap;width:100%}.app-sidebar__logout-btn:hover{background:var(--color-bg-user-bubble)}.app-sidebar__logout-btn svg{flex-shrink:0;opacity:.7}.app-sidebar__get-started-btn{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:13px;font-weight:600;padding:10px 14px;transition:all .15s ease;width:100%}.app-sidebar__get-started-btn:hover{background:var(--color-bg-user-bubble)}.app-sidebar--collapsed .app-sidebar__get-started-btn{align-items:center;display:flex;font-size:18px;justify-content:center;padding:10px}@media (max-width:768px){.app-sidebar{padding:12px 8px;width:56px}.app-sidebar__header{justify-content:center;padding:4px 0 16px}.app-sidebar__collapse-btn{display:none}.app-sidebar__nav-item{justify-content:center;padding:10px}.app-sidebar__nav-item span,.app-sidebar__payment-banner,.app-sidebar__profile-info{display:none}.app-sidebar__profile{justify-content:center;padding:6px 0}.app-sidebar__payment-icon-btn{display:flex}}.universal-layout{background:var(--color-bg-root);display:flex;height:100vh;overflow:hidden;width:100%}.universal-layout__content{background:var(--color-bg-root);flex:1 1;overflow-x:hidden;overflow-y:auto;position:relative}.auth-modal-backdrop{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.auth-modal-card{animation:authModalIn .15s ease;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);display:flex;flex-direction:column;gap:16px;padding:20px;width:min(320px,100%)}@keyframes authModalIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.auth-modal-card{padding:16px}.auth-modal-header h2{font-size:14px}}.auth-modal-header{display:flex;flex-direction:column;gap:6px}.auth-modal-logo{height:auto;margin:0 auto 8px;width:48px}.auth-modal-header h2{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0}.auth-modal-header p{color:var(--color-text-secondary);font-size:13px;line-height:1.45;margin:0}.auth-modal-google{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:10px;justify-content:center;padding:10px 14px;transition:background .15s ease}.auth-modal-divider{align-items:center;color:var(--color-text-secondary);display:flex;font-size:11px;gap:8px;letter-spacing:.08em;text-transform:uppercase}.auth-modal-divider:after,.auth-modal-divider:before{background:var(--color-border-input);content:"";flex:1 1;height:1px}.auth-modal-form{display:flex;flex-direction:column;gap:12px}.auth-modal-label{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:11px;gap:6px;letter-spacing:.04em;text-transform:uppercase}.auth-modal-label input{background:var(--color-bg-input);border:1px solid var(--color-border-input);color:var(--color-text-primary);font-family:inherit;font-size:13px;padding:10px 12px}.auth-modal-email{background:var(--color-accent-base);border:none;color:var(--color-text-on-accent);cursor:pointer;font-size:13px;font-weight:600;padding:10px 12px}.auth-modal-email:disabled{cursor:default;opacity:.6}.auth-modal-error{color:#c0392b;font-size:12px}.auth-modal-google:hover{background:var(--color-bg-user-bubble)}.auth-modal-google img{height:16px;width:16px}.auth-modal-footer{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:11px;gap:8px;line-height:1.4}.auth-modal-footer a{color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:2px}.auth-modal-close,.auth-modal-footer a:hover{color:var(--color-text-primary)}.auth-modal-close{background:#0000;border:none;cursor:pointer;font-family:inherit;font-weight:600}.onboarding-slides{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid #ffffff80;border-radius:28px;box-shadow:0 30px 80px #432c151a;color:#1b1208;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;padding:40px;width:100%}.onboarding-slides-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.onboarding-slides-eyebrow{color:#1b120899;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.onboarding-slides-subtitle{color:#1b1208bf;font-size:.95rem;margin-top:6px}.onboarding-slides-skip{background:#0000;border:1px solid #1b12081f;border-radius:999px;cursor:pointer;font-size:.9rem;padding:8px 12px}.onboarding-slides-progress{display:flex;gap:8px;margin-top:0}.onboarding-slides-dot{background:#31221814;border-radius:999px;flex:1 1;height:8px}.onboarding-slides-dot.is-active{background:linear-gradient(135deg,#fabd7c,#f9a474)}.onboarding-slides-dot.is-done{background:#d798668c}.onboarding-slides-slide{margin-top:16px}.onboarding-slides-title{color:#2a1d12;font-family:"Instrument Serif",Times New Roman,serif;font-size:32px;font-weight:400;letter-spacing:-.02em;line-height:1.15;margin:0}.onboarding-slides-error{background:#ff44441f;border-radius:12px;color:#991b1b;font-size:.9rem;margin-top:10px;padding:10px 12px}.onboarding-slides-body{margin-top:12px}.onboarding-slides-choices,.onboarding-slides-stack{display:flex;flex-direction:column;gap:10px}.onboarding-slides-choice{background:#ffffff80;border:1px solid #d7986640;border-radius:16px;color:#2e2016e6;cursor:pointer;font-size:1rem;font-weight:500;padding:16px 20px;text-align:left;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease;width:100%}.onboarding-slides-choice:hover{background:#fffc;border-color:#d7986666;transform:translateY(-1px)}.onboarding-slides-choice.is-selected{background:linear-gradient(135deg,#fabd7c,#f9a474);border-color:#0000;box-shadow:0 8px 24px #f0a76e4d;color:#fff9f4}.onboarding-slides-input{background:#ffffff80;border:1px solid #d7986640;border-radius:16px;color:#2e2016e6;font-size:1rem;outline:none;padding:14px 16px;width:100%}.onboarding-slides-input:focus{background:#fffc;border-color:#d7986673}.onboarding-slides-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.onboarding-slides-btn{border:1px solid #3c30281f;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.onboarding-slides-btn.secondary{background:#ffffff80;color:#3c2a1ed9}.onboarding-slides-btn.primary{background:#fefefe;border:1px solid #3c30281f;box-shadow:0 1px 2px #0000000a;color:#3d3028}.onboarding-slides-btn.primary:hover{background:#fff;border-color:#3c302833;box-shadow:0 2px 6px #0000000f}.onboarding-slides-btn.secondary:hover{background:#fffc;border-color:#d7986666;transform:translateY(-1px)}.onboarding-slides-btn:disabled,.onboarding-slides-skip:disabled{cursor:not-allowed;opacity:.6}@media (max-width:720px){.onboarding-slides{padding:24px}.onboarding-slides-title{font-size:26px}}.onboarding-page-root{align-items:center;background:#f6f0e9;color:#1b1208;display:flex;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;justify-content:center;min-height:100vh;padding:24px}.onboarding-page-content{display:flex;flex-direction:column;gap:18px;max-width:720px;width:100%}.onboarding-page-header{background:#ffffff8c;border:1px solid #1b120814;border-radius:16px;padding:18px 18px 14px}.onboarding-page-header-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.onboarding-page-home{background:#0000;border:1px solid #1b12081f;border-radius:999px;cursor:pointer;font-size:.9rem;padding:8px 12px;white-space:nowrap}.onboarding-page-title{font-size:22px;font-weight:700;margin:0}.onboarding-page-subtitle{color:#1b1208bf;font-size:14px;line-height:1.4;margin:8px 0 0}.onboarding-page-waiting{background:#ffffff8c;border:1px solid #1b120814;border-radius:16px;color:#1b1208bf;font-size:14px;padding:14px 16px}.loading-root{background:#f6f0e9;color:#1b1208;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}.loading-content,.loading-root{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.loading-content{flex-direction:column;gap:3.5rem;max-width:600px;padding:2rem;z-index:1}.loading-processing-state{align-items:center;display:flex;flex-direction:column;gap:3.5rem;width:100%}.loading-flame{height:80px;width:80px}.loading-flame,.loading-title{opacity:1;transform:translateY(0)}.loading-title{color:#2a1d12;font-family:"Instrument Serif",Times New Roman,serif;font-size:2rem;font-weight:400;letter-spacing:-.02em;margin:0;text-align:center}@media (prefers-reduced-motion:no-preference){.loading-flame{animation:fadeInUp .6s ease-out forwards;opacity:0}.loading-title{animation:fadeInUp .6s ease-out .15s forwards;opacity:0}}.loading-reveal-container{animation:fadeInUp .8s ease-out forwards;display:flex;flex-direction:column;opacity:0;width:100%}.loading-properties{display:flex;flex-direction:column;gap:1.5rem;width:100%}.loading-property{background:#ffffff80;border:1px solid #1b120814;border-radius:16px;display:flex;flex-direction:column;gap:.75rem;opacity:0;padding:1.5rem;transform:translateY(20px) scale(.98);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94),background-color .3s ease;will-change:opacity,transform}.loading-property.has-value{opacity:1;transform:translateY(0) scale(1);will-change:auto}.loading-property-label{color:#6b5d4f;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.loading-property-value{align-items:center;color:#2a1d12;display:flex;font-family:"Instrument Serif",Times New Roman,serif;font-size:1.5rem;font-weight:400;letter-spacing:-.02em;min-height:36px;opacity:0;transform:translateX(-15px);transition:opacity .5s cubic-bezier(.25,.46,.45,.94) .2s,transform .5s cubic-bezier(.25,.46,.45,.94) .2s;will-change:opacity,transform}.loading-property.revealed .loading-property-value{opacity:1;transform:translateX(0);will-change:auto}.loading-voiceover{align-items:center;border-radius:999px;display:inline-flex;font-family:"Instrument Serif",Times New Roman,serif;font-size:1.15rem;gap:.75rem;letter-spacing:-.01em;padding:.5rem .75rem;transition:background-color .4s ease,color .4s ease,transform .3s ease}.loading-voiceover:hover{transform:scale(1.02)}.loading-voiceover.is-enabled{background-color:#22c55e1f;color:#166534}.loading-voiceover.is-disabled{background-color:#ef44441f;color:#991b1b}.loading-voiceover-icon{height:28px;width:28px}.loading-property-skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1b12080f,#1b12081f 50%,#1b12080f);background-size:200% 100%;border-radius:8px;height:28px;width:60%}.loading-length-indicator{align-items:center;display:flex;gap:12px;height:36px}.loading-length-bars{align-items:center;display:flex;gap:6px;height:36px}.loading-length-bar{border-radius:3px;height:36px;opacity:0;transform:translateX(-10px) scale(.9);transition:opacity .4s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.25,.46,.45,.94);width:10px;will-change:opacity,transform}.loading-property.revealed .loading-length-bar:first-child{opacity:1;transform:translateX(0) scale(1);transition-delay:.2s}.loading-property.revealed .loading-length-bar:nth-child(2){opacity:1;transform:translateX(0) scale(1);transition-delay:.28s}.loading-property.revealed .loading-length-bar:nth-child(3){opacity:1;transform:translateX(0) scale(1);transition-delay:.36s}.loading-length-label{color:#2a1d12;font-family:"Instrument Serif",Times New Roman,serif;font-size:1.5rem;font-weight:400;letter-spacing:-.02em;opacity:0;transform:translateX(-10px);transition:opacity .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.loading-property.revealed .loading-length-label{opacity:1;transform:translateX(0);transition-delay:.44s;will-change:auto}.loading-script-phase{align-items:center;animation:fadeInUp .8s ease-out forwards;display:flex;flex-direction:column;gap:2rem;opacity:0;width:100%}.loading-script-title{color:#2a1d12;font-family:"Instrument Serif",Times New Roman,serif;font-size:1.75rem;font-weight:400;letter-spacing:-.02em;margin:0;text-align:center}.loading-script-wrapper{max-width:700px;position:relative;width:100%}.loading-script-container{-ms-overflow-style:none;background:#0000;border-radius:20px;height:200px;overflow-x:hidden;overflow-y:auto;padding:2.5rem;position:relative;scrollbar-width:none;width:100%}.loading-script-container::-webkit-scrollbar{display:none}.loading-script-wrapper:before{background:linear-gradient(180deg,#f6f0e9 0,#f6f0e9 20%,#f6f0e9cc 50%,#f6f0e900);border-radius:20px 20px 0 0;top:0}.loading-script-wrapper:after,.loading-script-wrapper:before{content:"";height:80px;left:0;pointer-events:none;position:absolute;right:0;z-index:2}.loading-script-wrapper:after{background:linear-gradient(0deg,#f6f0e9 0,#f6f0e9 15%,#f6f0e9e6 35%,#f6f0e980 65%,#f6f0e900);border-radius:0 0 20px 20px;bottom:0}.loading-script-text{word-wrap:break-word;-webkit-text-fill-color:#0000;animation:gradientFlow 4s ease-in-out infinite;background:linear-gradient(135deg,#1b1208,#4a3b2a 25%,#6b5d4f 50%,#4a3b2a 75%,#1b1208);background-clip:text;-webkit-background-clip:text;background-size:200% 200%;color:#1b1208;font-family:"Instrument Serif",Times New Roman,serif;font-size:1.125rem;line-height:1.8;position:relative;white-space:pre-wrap;z-index:0}.loading-script-container{scroll-behavior:smooth}@media (max-width:768px){.loading-property{padding:1.25rem}.loading-property-value{font-size:1.25rem}.loading-length-bar{width:8px}.loading-script-container{height:160px;padding:1.75rem}.loading-script-wrapper:after,.loading-script-wrapper:before{height:60px}.loading-script-text{font-size:1rem;line-height:1.7}.loading-script-title{font-size:1.5rem}}.processing-root{align-items:center;background:#f6f0e9;color:#1b1208;display:flex;flex-direction:column;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.processing-progress-container{background:#1b120814;height:3px;left:0;position:absolute;right:0;top:0;z-index:10}.processing-progress-bar{background:linear-gradient(90deg,#c4956a,#8b6914);border-radius:0 2px 2px 0;height:100%;transition:width .3s ease-out}.processing-content{gap:2rem;max-width:700px;padding:2rem;width:100%}.processing-title{color:#2a1d12;font-family:"Instrument Serif",Times New Roman,serif;font-size:2.25rem;font-weight:400;letter-spacing:-.02em;opacity:1;text-align:center;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.processing-title.transitioning{opacity:0;transform:translateY(-10px)}.processing-waiting{animation:fadeIn .5s ease forwards;color:#6b5d4f;font-size:1rem;margin:0;opacity:0}.processing-subtitle{color:#6b5d4f;font-family:"Instrument Serif",Times New Roman,serif;font-size:1.125rem;margin:.5rem 0 0;text-align:center}.processing-stage{align-items:center;display:flex;justify-content:center;min-height:300px;opacity:1;transform:translateY(0) scale(1);transition:opacity .4s ease,transform .4s ease;width:100%}.processing-stage.transitioning{opacity:0;transform:translateY(20px) scale(.98)}.processing-step-content{align-items:center;animation:fadeInUp .6s ease-out forwards;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;width:100%}.processing-flame{animation:fadeInScale .8s ease-out forwards;height:100px;opacity:0;width:100px}.processing-metadata-reveal{display:flex;flex-direction:column;gap:1rem;max-width:400px;width:100%}.processing-metadata-item{background:#fff9;border:1px solid #1b120814;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;opacity:0;padding:1.25rem;transform:translateX(-20px)}.processing-metadata-item.revealed{animation:slideInRight .5s ease-out forwards}.processing-metadata-label{color:#6b5d4f;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.processing-metadata-value{color:#2a1d12;font-family:"Instrument Serif",Times New Roman,serif;font-size:1.5rem;font-weight:400;letter-spacing:-.02em}.processing-text-wrapper{max-width:600px;position:relative;width:100%}.processing-text-container{-ms-overflow-style:none;background:#0000;border-radius:16px;height:220px;overflow-y:auto;padding:2rem;scroll-behavior:smooth;scrollbar-width:none;width:100%}.processing-text-container::-webkit-scrollbar{display:none}.processing-text-wrapper:before{background:linear-gradient(180deg,#f6f0e9 0,#f6f0e9 20%,#f6f0e9cc 50%,#f6f0e900);border-radius:16px 16px 0 0;top:0}.processing-text-wrapper:after,.processing-text-wrapper:before{content:"";height:60px;left:0;pointer-events:none;position:absolute;right:0;z-index:2}.processing-text-wrapper:after{background:linear-gradient(0deg,#f6f0e9 0,#f6f0e9 15%,#f6f0e9e6 35%,#f6f0e900);border-radius:0 0 16px 16px;bottom:0}.processing-text-content{word-wrap:break-word;-webkit-text-fill-color:#0000;animation:gradientFlow 4s ease-in-out infinite;background:linear-gradient(135deg,#1b1208,#4a3b2a 25%,#6b5d4f 50%,#4a3b2a 75%,#1b1208);background-clip:text;-webkit-background-clip:text;background-size:200% 200%;color:#1b1208;font-family:"Instrument Serif",Times New Roman,serif;font-size:1.125rem;line-height:1.8;white-space:pre-wrap}.processing-asset-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);max-width:500px;width:100%}.processing-asset-card{align-items:center;animation:cardReveal .5s ease-out forwards;background:#fff9;border:1px solid #1b120814;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;opacity:0;padding:1rem;transform:translateY(20px)}.processing-asset-placeholder{align-items:center;background:linear-gradient(135deg,#c4956a33,#8b691433);border-radius:10px;display:flex;height:60px;justify-content:center;width:60px}.processing-asset-icon{font-size:1.5rem}.processing-asset-name{color:#2a1d12;font-size:.875rem;font-weight:500;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.processing-image-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);max-width:500px;width:100%}.processing-image-card{animation:imageReveal .6s ease-out forwards;display:flex;flex-direction:column;gap:.5rem;opacity:0;transform:scale(.9)}.processing-image{aspect-ratio:1;border-radius:12px;box-shadow:0 4px 20px #1b12081a;object-fit:cover;width:100%}.processing-image-name{color:#6b5d4f;font-size:.75rem;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.processing-generating{align-items:center;display:flex;flex-direction:column;gap:1rem}.processing-voice-visualizer{align-items:center;display:flex;height:80px;justify-content:center;max-width:300px;width:100%}.processing-voice-bars{align-items:center;display:flex;gap:6px;height:100%}.processing-voice-bar{animation:voiceBar .8s ease-in-out infinite alternate;background:linear-gradient(180deg,#c4956a,#8b6914);border-radius:4px;width:8px}.processing-length-indicator{align-items:center;display:flex;gap:12px;height:36px}.processing-length-bars{align-items:center;display:flex;gap:6px;height:36px}.processing-length-bar{border-radius:3px;height:36px;width:10px}.processing-length-label{color:#2a1d12;font-size:1.5rem;font-weight:400;letter-spacing:-.02em}.processing-length-label,.processing-voiceover{font-family:"Instrument Serif",Times New Roman,serif}.processing-voiceover{align-items:center;border-radius:999px;display:inline-flex;font-size:1.15rem;gap:.75rem;letter-spacing:-.01em;padding:.5rem .75rem;transition:background-color .4s ease,color .4s ease,transform .3s ease}.processing-voiceover:hover{transform:scale(1.02)}.processing-voiceover.is-enabled{background-color:#22c55e1f;color:#166534}.processing-voiceover.is-disabled{background-color:#ef44441f;color:#991b1b}.processing-voiceover-icon{height:28px;width:28px}.processing-voice-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);max-width:560px;width:100%}.processing-voice-card{animation:cardReveal .5s ease-out forwards;background:#fff9;border:1px solid #1b120814;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;opacity:0;padding:1rem;transform:translateY(20px)}.processing-voice-card-header{align-items:center;display:flex;gap:.75rem}.processing-voice-avatar{align-items:center;background:linear-gradient(135deg,#c4956a40,#8b69142e);border-radius:12px;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.processing-voice-avatar-letter{color:#2a1d12;font-weight:700}.processing-voice-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.processing-voice-name{color:#2a1d12;font-family:"Instrument Serif",Times New Roman,serif;font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.processing-voice-status{color:#6b5d4f;font-size:.8rem}.processing-voice-description{color:#4a3b2a;font-size:.9rem;line-height:1.4;max-height:3.8em;overflow:hidden}.processing-voice-play{background:#ffffff80;border:1px solid #1b12081f;border-radius:10px;color:#2a1d12;cursor:pointer;font-weight:600;padding:.65rem .8rem;transition:transform .12s ease,background .2s ease,opacity .2s ease}.processing-voice-play.ready:hover{background:#fffc;transform:translateY(-1px)}.processing-voice-play.disabled{cursor:not-allowed;opacity:.6}.processing-scene-list{display:flex;flex-direction:column;gap:.75rem;max-width:400px;width:100%}.processing-scene-item{align-items:center;animation:slideInRight .4s ease-out forwards;background:#fff9;border:1px solid #1b120814;border-radius:10px;display:flex;gap:1rem;opacity:0;padding:1rem 1.25rem;transform:translateX(-15px)}.processing-scene-number{align-items:center;background:linear-gradient(135deg,#c4956a,#8b6914);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:28px;justify-content:center;width:28px}.processing-scene-name{color:#2a1d12;font-family:"Instrument Serif",Times New Roman,serif;font-size:1rem}.processing-keyframe-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr);max-width:450px;width:100%}.processing-keyframe-card{animation:keyframeReveal .8s ease-out forwards;aspect-ratio:16/9;border-radius:12px;box-shadow:0 8px 30px #1b12081f;opacity:0;overflow:hidden;transform:scale(.9)}.processing-keyframe-image{height:100%;object-fit:cover;width:100%}.processing-keyframe-placeholder{align-items:center;background:linear-gradient(135deg,#c4956a26,#8b691426);display:flex;height:100%;justify-content:center;width:100%}.processing-keyframe-loader{animation:spin 1s linear infinite;border:3px solid #c4956a4d;border-radius:50%;border-top-color:#c4956a;height:40px;width:40px}.processing-video-preview{aspect-ratio:16/9;background:#1b1208;border-radius:16px;box-shadow:0 12px 40px #1b120826;max-width:500px;overflow:hidden;width:100%}.processing-video-player{height:100%;object-fit:cover;width:100%}.processing-video-placeholder{align-items:center;background:linear-gradient(135deg,#2a1d12,#1b1208);display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center;width:100%}.processing-video-loader{height:80px;position:relative;width:80px}.processing-video-ring{animation:videoRing 1.5s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#c4956a;inset:0;position:absolute}.processing-video-ring:nth-child(2){animation-delay:.15s;animation-direction:reverse;inset:8px}.processing-video-ring:nth-child(3){animation-delay:.3s;inset:16px}.processing-video-placeholder .processing-subtitle{color:#ffffffb3}.processing-steps-indicator{align-items:center;display:flex;gap:8px;margin-top:1rem}.processing-step-dot{background:#1b120826;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.processing-step-dot.completed{background:#c4956a;transform:scale(1)}.processing-step-dot.active{background:#8b6914;box-shadow:0 0 0 3px #8b691433;transform:scale(1.3)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes imageReveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes keyframeReveal{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes voiceBar{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes videoRing{to{transform:rotate(1turn)}}@media (max-width:768px){.processing-title{font-size:1.75rem}.processing-content{gap:1.5rem;padding:1.5rem}.processing-stage{min-height:250px}.processing-asset-grid,.processing-image-grid{grid-template-columns:repeat(2,1fr);max-width:300px}.processing-keyframe-grid{grid-template-columns:1fr;max-width:300px}.processing-text-container{height:180px;padding:1.5rem}.processing-metadata-value{font-size:1.25rem}.processing-video-preview{max-width:100%}}@media (max-width:480px){.processing-title{font-size:1.5rem}.processing-flame{height:80px;width:80px}.processing-asset-grid,.processing-image-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.processing-asset-card{padding:.75rem}.processing-asset-placeholder{height:48px;width:48px}}.sidebar{background:var(--color-bg-canvas-surface);border-left:1px solid var(--color-border-input);height:100%}.sidebar-header{padding:12px 16px}.header-content{align-items:center;gap:12px}.header-project-mode{width:100%}.project-header{align-items:center;display:flex;gap:10px;width:100%}.config-back-button{background:#0000;border-radius:2px;display:flex;flex-shrink:0;height:32px;transition:background .15s ease,color .15s ease;width:32px}.project-name-input{border:1px solid #0000;border-radius:2px;box-sizing:border-box;flex:1 1;min-width:0;padding:4px 6px;transition:border-color .15s ease,background .15s ease}.project-name-input:hover{background:var(--color-bg-input)}.project-name-input:focus{border-color:var(--color-border-input);outline:none}.project-name-input::placeholder{font-weight:400}.sidebar-header-title-container{align-items:center;display:flex;flex:1 1;gap:8px;margin-left:8px;min-width:0}.sidebar-header-brand-icon{flex-shrink:0;height:18px;object-fit:contain;opacity:.9;width:18px}.sidebar-header-title{color:var(--color-text-primary);font-family:"Instrument Serif",Times New Roman,serif;font-size:20px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-change-type-btn{background:#0000;border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);cursor:pointer;font-size:11px;font-weight:500;margin-left:auto;padding:4px 8px;transition:background .15s ease,color .15s ease,border-color .15s ease}.audio-change-type-btn:hover{background:var(--color-bg-user-bubble);border-color:var(--color-border-input);color:var(--color-text-primary)}.sidebar-content{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding:16px}.sidebar-section{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;padding:10px}.sidebar-section-title{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.sidebar-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.sidebar-label{color:var(--color-text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.sidebar-textarea{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;box-sizing:border-box;color:var(--color-text-primary);font-family:inherit;font-size:13px;line-height:1.5;padding:10px 12px;resize:none;transition:border-color .15s ease;width:100%}.sidebar-textarea:focus{border-color:var(--color-text-secondary);outline:none}.sidebar-textarea:disabled{cursor:not-allowed;opacity:.5}.sidebar-input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;box-sizing:border-box;color:var(--color-text-primary);font-family:inherit;font-size:13px;padding:10px 12px;transition:border-color .15s ease;width:100%}.sidebar-input:focus{border-color:var(--color-text-secondary);outline:none}.sidebar-hint{font-size:11px;margin-top:4px;opacity:.8}.sidebar-btn,.sidebar-hint{color:var(--color-text-secondary)}.sidebar-btn{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:2px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:background .15s ease,color .15s ease,border-color .15s ease}.sidebar-btn:hover:not(:disabled){background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.sidebar-btn:disabled{cursor:not-allowed;opacity:.4}.sidebar-btn-primary{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:10px 12px;transition:background .15s ease,opacity .15s ease;width:100%}.sidebar-btn-primary:hover:not(:disabled){background:var(--color-bg-user-bubble)}.sidebar-btn-primary:disabled{cursor:not-allowed;opacity:.5}.sidebar-btn-icon{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;height:28px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:28px}.sidebar-btn-icon:hover:not(:disabled){background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.sidebar-btn-icon:disabled{cursor:not-allowed;opacity:.3}.sidebar-toggle-group{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;display:flex;gap:2px;padding:2px}.sidebar-toggle-btn{align-items:center;background:#0000;border:none;border-radius:2px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:background .15s ease,color .15s ease}.sidebar-toggle-btn.active,.sidebar-toggle-btn:hover:not(.active):not(:disabled){color:var(--color-text-primary)}.sidebar-toggle-btn.active{background:var(--color-bg-canvas-surface)}.sidebar-toggle-btn:disabled{cursor:not-allowed;opacity:.4}.sidebar-slider-group{display:flex;flex-direction:column;gap:6px}.sidebar-slider-header{align-items:center;display:flex;justify-content:space-between}.sidebar-slider-label{color:var(--color-text-secondary);font-size:11px;font-weight:500}.sidebar-slider-value{background:var(--color-bg-user-bubble);border-radius:2px;color:var(--color-text-primary);font-size:11px;font-weight:600;min-width:32px;padding:2px 6px;text-align:center}.sidebar-slider-track{align-items:center;display:flex;height:16px;position:relative}.sidebar-slider-track:before{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;content:"";height:4px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.sidebar-slider{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:16px;margin:0;position:relative;width:100%;z-index:2}.sidebar-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-text-primary);border:2px solid var(--color-bg-canvas-surface);border-radius:50%;box-shadow:0 1px 2px #0003;cursor:grab;height:14px;width:14px}.sidebar-slider::-webkit-slider-thumb:active{cursor:grabbing}.sidebar-slider::-moz-range-thumb{background:var(--color-text-primary);border:2px solid var(--color-bg-canvas-surface);border-radius:50%;box-shadow:0 1px 2px #0003;cursor:grab;height:14px;width:14px}.sidebar-slider::-moz-range-thumb:active{cursor:grabbing}.sidebar-volume-section{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;padding:12px}.sidebar-volume-header{align-items:center;border-bottom:1px solid var(--color-border-input);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.sidebar-volume-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:12px;font-weight:600;gap:8px;margin:0}.sidebar-volume-value{background:var(--color-bg-user-bubble);border-radius:2px;color:var(--color-text-secondary);font-size:11px;font-weight:600;min-width:40px;padding:3px 8px;text-align:center}.sidebar-assets-section{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;padding:12px}.sidebar-assets-header{align-items:center;border-bottom:1px solid var(--color-border-input);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.sidebar-assets-title{color:var(--color-text-primary);font-size:12px;font-weight:600;margin:0}.sidebar-assets-count{color:var(--color-text-secondary);font-size:10px;font-weight:600}.sidebar-assets-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);max-height:200px;overflow-y:auto}.sidebar-asset-card{cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:0;width:100%}.sidebar-asset-image-wrapper{aspect-ratio:1;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:0;overflow:hidden;width:100%}.sidebar-asset-image{height:100%;object-fit:cover;width:100%}.sidebar-asset-name{font-size:10px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-asset-name,.sidebar-assets-empty{color:var(--color-text-secondary);text-align:center}.sidebar-assets-empty{font-size:12px;padding:16px 8px}.sidebar-list{display:flex;flex-direction:column;gap:2px}.sidebar-list-item{align-items:center;background:#0000;border:none;border-radius:2px;cursor:pointer;display:flex;font-family:inherit;gap:8px;justify-content:space-between;padding:8px 10px;text-align:left;transition:background .15s ease;width:100%}.sidebar-list-item:hover{background:var(--color-bg-user-bubble)}.sidebar-list-item.active{background:var(--color-bg-input)}.sidebar-list-item-label{color:var(--color-text-primary);flex:1 1;font-size:12px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-list-item-meta{color:var(--color-text-secondary);font-size:10px;font-weight:500}.audio-sidebar .sidebar-content{gap:10px}.audio-type-toggle{background:var(--color-bg-input);border-radius:2px;gap:2px;padding:2px}.audio-type-btn{background:#0000;border:none;border-radius:2px;color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:11px;font-weight:500;padding:6px 10px;transition:background .15s ease,color .15s ease}.audio-type-btn.active,.audio-type-btn:hover:not(.active){color:var(--color-text-primary)}.audio-type-btn.active{background:var(--color-bg-canvas-surface)}.audio-timestamp-info{align-items:center;color:var(--color-text-secondary);display:flex;font-size:11px;gap:6px;padding:6px 8px}.audio-clip-info,.audio-timestamp-info{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px}.audio-clip-info{margin-bottom:12px;padding:8px 10px}.audio-clip-name{color:var(--color-text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:4px}.audio-clip-info-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.audio-clip-type-badge{background:var(--color-bg-user-bubble);border-radius:2px;color:var(--color-text-primary);font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.audio-clip-timestamp{align-items:center;display:flex;gap:4px}.audio-clip-duration,.audio-clip-prompt,.audio-clip-timestamp{color:var(--color-text-secondary);font-size:11px}.audio-clip-prompt{font-style:italic;line-height:1.4;margin:6px 0 0}.audio-player-section{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;display:flex;flex-direction:column;gap:8px;padding:10px}.audio-player-controls{align-items:center;display:flex;gap:8px}.audio-player-btn{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background .15s ease;width:28px}.audio-player-btn:hover{background:var(--color-bg-user-bubble)}.audio-player-progress{-webkit-appearance:none;appearance:none;background:var(--color-bg-input);border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none}.audio-player-progress::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-text-primary);border:2px solid var(--color-bg-canvas-surface);border-radius:50%;cursor:grab;height:12px;width:12px}.audio-player-progress::-moz-range-thumb{background:var(--color-text-primary);border:2px solid var(--color-bg-canvas-surface);border-radius:50%;cursor:grab;height:12px;width:12px}.audio-player-time{color:var(--color-text-secondary);font-size:10px;font-weight:600;min-width:32px;text-align:right}.audio-volume-row{align-items:center;color:var(--color-text-secondary);display:flex;gap:8px}.audio-volume-slider{-webkit-appearance:none;appearance:none;background:var(--color-bg-input);border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none}.audio-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-text-secondary);border-radius:50%;cursor:grab;height:10px;width:10px}.audio-volume-slider::-moz-range-thumb{background:var(--color-text-secondary);border-radius:50%;cursor:grab;height:10px;width:10px}.audio-volume-value{font-weight:600;min-width:32px;text-align:right}.audio-regenerate-hint,.audio-volume-value{color:var(--color-text-secondary);font-size:10px}.audio-regenerate-hint{align-items:center;display:flex;gap:6px;padding:4px 0}.audio-form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.audio-form-group:last-child{margin-bottom:0}.audio-form-row-compact{align-items:flex-start;display:flex;gap:12px;margin-top:8px}.audio-form-field{display:flex;flex-direction:column;gap:4px;min-width:0}.audio-field-label{color:var(--color-text-secondary);font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.audio-field-control{align-items:center;display:flex;gap:8px}.audio-field-value{color:var(--color-text-primary);font-size:11px;font-weight:600;min-width:36px}.audio-mini-slider{-webkit-appearance:none;appearance:none;background:var(--color-bg-input);border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.audio-mini-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-text-primary);border-radius:50%;cursor:grab;height:10px;width:10px}.audio-mini-slider::-moz-range-thumb{background:var(--color-text-primary);border-radius:50%;cursor:grab;height:10px;width:10px}.audio-toggle-btn{background:#0000;border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:10px;font-weight:600;padding:4px 10px;transition:background .15s ease,color .15s ease}.audio-toggle-btn.active{color:var(--color-text-primary)}.audio-toggle-btn.active,.audio-toggle-btn:hover{background:var(--color-bg-user-bubble)}.audio-voice-header{align-items:center;display:flex;justify-content:space-between}.audio-voice-header .sidebar-label{margin-bottom:0}.audio-create-voice-btn{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:10px;font-weight:500;gap:4px;padding:3px 8px;transition:background .15s ease,color .15s ease}.audio-create-voice-btn:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.audio-voice-trigger{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:8px 10px;transition:border-color .15s ease;width:100%}.audio-voice-trigger:hover:not(:disabled){border-color:var(--color-text-secondary)}.audio-voice-trigger:disabled{cursor:not-allowed;opacity:.6}.audio-voice-selected-name{color:var(--color-text-primary);font-size:12px;font-weight:500}.audio-voice-placeholder{color:var(--color-text-secondary);font-size:12px}.audio-voice-chevron{color:var(--color-text-secondary);transition:transform .15s ease}.audio-voice-chevron.open{transform:rotate(180deg)}.audio-voice-content{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;max-height:200px;min-width:180px;overflow-y:auto;padding:4px;z-index:1000}.audio-voice-item{align-items:center;border-radius:2px;cursor:pointer;display:flex;gap:8px;outline:none;padding:8px 10px;transition:background .15s ease}.audio-voice-item[data-highlighted]{background:var(--color-bg-user-bubble)}.audio-voice-item-name{color:var(--color-text-primary);flex:1 1;font-size:12px;font-weight:500}.audio-voice-preview-btn{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:20px}.audio-voice-preview-btn:hover{background:var(--color-bg-user-bubble)}.audio-voice-check,.audio-voice-preview-btn:hover{color:var(--color-text-primary)}.audio-lipsync-btn{background:#0000;border:1px dashed var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;padding:8px 10px;transition:background .15s ease,border-color .15s ease,color .15s ease;width:100%}.audio-lipsync-btn:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.audio-lipsync-selection{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;display:flex;flex-direction:column;gap:8px;padding:8px}.audio-lipsync-hint{color:var(--color-text-secondary);font-size:11px}.audio-lipsync-actions{display:flex;gap:8px}.audio-lipsync-cancel,.audio-lipsync-confirm{border-radius:2px;cursor:pointer;flex:1 1;font-family:inherit;font-size:11px;font-weight:500;padding:6px 10px;transition:background .15s ease,opacity .15s ease}.audio-lipsync-cancel{background:#0000;border:1px solid var(--color-border-input);color:var(--color-text-secondary)}.audio-lipsync-cancel:hover,.audio-lipsync-confirm{background:var(--color-bg-user-bubble)}.audio-lipsync-confirm{border:1px solid var(--color-border-input);color:var(--color-text-primary)}.audio-lipsync-confirm:disabled{cursor:not-allowed;opacity:.5}.audio-lipsync-confirm:hover:not(:disabled){background:var(--color-bg-input)}.config-sidebar .sidebar-content{gap:16px}.config-card{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px}.config-card-body{display:flex;flex-direction:column;gap:12px;padding:12px}.config-property-section{display:flex;flex-direction:column;gap:6px}.config-property-label{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.config-property-textarea{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);font-family:inherit;font-size:13px;min-height:80px;padding:10px 12px;resize:vertical}.config-property-textarea:focus{border-color:var(--color-text-secondary);outline:none}.config-property-hint{color:var(--color-text-secondary);font-size:11px;margin:0;opacity:.8}.config-separator{background:var(--color-border-input);height:1px}.config-select-trigger{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:border-color .15s ease;width:100%}.config-select-trigger:hover{border-color:var(--color-text-secondary)}.config-select-value{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.config-select-label{color:var(--color-text-primary);font-size:13px;font-weight:600}.config-select-description{color:var(--color-text-secondary);font-size:11px}.config-select-icon{color:var(--color-text-secondary);transition:transform .15s ease}.config-select-icon.open{transform:rotate(180deg)}.config-select-content{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;min-width:160px;padding:4px;z-index:1000}.config-select-item{align-items:center;border-radius:2px;cursor:pointer;display:flex;justify-content:space-between;outline:none;padding:8px 10px;transition:background .15s ease}.config-select-item[data-highlighted]{background:var(--color-bg-user-bubble)}.config-select-item-content{display:flex;flex-direction:column;gap:2px}.config-select-item-label{color:var(--color-text-primary);font-size:13px;font-weight:500}.config-select-item-description{color:var(--color-text-secondary);font-size:11px}.config-select-check{color:var(--color-text-primary)}.config-error{background:#c0392b1a;border-radius:2px;color:#c0392b;font-size:12px;font-weight:500;padding:8px 10px}.sidebar-view-toggle-wrapper{margin-bottom:12px}.sidebar-view-toggle{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;display:flex;gap:2px;padding:2px}.sidebar-view-tab{align-items:center;background:#0000;border:none;border-radius:2px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:background .15s ease,color .15s ease}.sidebar-view-tab.active,.sidebar-view-tab:hover:not(.active):not(:disabled){color:var(--color-text-primary)}.sidebar-view-tab.active{background:var(--color-bg-canvas-surface)}.sidebar-view-tab:disabled{cursor:not-allowed;opacity:.4}.sidebar-view-tooltip{background:var(--color-bg-input);border-radius:2px;color:var(--color-text-secondary);font-size:11px;margin-top:6px;padding:6px 10px}.sidebar-approve-section{margin-bottom:12px}.sidebar-approve-btn{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:10px 12px;transition:background .15s ease,opacity .15s ease;width:100%}.sidebar-approve-btn:hover:not(:disabled){background:var(--color-bg-user-bubble)}.sidebar-approve-btn:disabled{cursor:not-allowed;opacity:.5}.sidebar-voiceover-section{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;padding:12px}.sidebar-voiceover-header{align-items:center;border-bottom:1px solid var(--color-border-input);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.sidebar-voiceover-title{color:var(--color-text-primary);font-size:12px;font-weight:600;margin:0}.sidebar-voiceover-actions{display:flex;gap:4px}.sidebar-voiceover-textarea{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;box-sizing:border-box;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:13px;font-style:italic;line-height:1.5;padding:10px 12px;resize:none;transition:border-color .15s ease,color .15s ease;width:100%}.sidebar-voiceover-textarea.editing{color:var(--color-text-primary);cursor:text;font-style:normal}.sidebar-voiceover-textarea:focus{border-color:var(--color-text-secondary);outline:none}.sidebar-voiceover-textarea:disabled{cursor:not-allowed;opacity:.5}.sidebar-voiceover-status{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);display:flex;font-size:11px;gap:8px;margin-top:8px;padding:8px 10px}.sidebar-voiceover-add-btn{background:#0000;border:1px dashed var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:10px 12px;transition:background .15s ease,border-color .15s ease,color .15s ease;width:100%}.sidebar-voiceover-add-btn:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.sidebar-error{background:#c0392b1a;border:1px solid #c0392b33;border-radius:2px;color:#c0392b;font-size:11px;font-weight:500;padding:8px 10px}.creating-sidebar .sidebar-content{gap:0}.creating-tips-list{display:flex;flex-direction:column;gap:2px}.creating-tip-item{align-items:flex-start;background:#0000;border-radius:2px;display:flex;gap:12px;opacity:0;padding:12px;transform:translateX(-8px);transition:opacity .3s ease,transform .3s ease,background .15s ease;transition-delay:var(--delay)}.creating-tip-item.visible{opacity:1;transform:translateX(0)}.creating-tip-item:hover{background:var(--color-bg-user-bubble)}.creating-tip-anim-wrapper{align-items:center;display:flex;flex-shrink:0;height:28px;justify-content:center;width:36px}.creating-tip-content{display:flex;flex-direction:column;gap:2px;min-width:0}.creating-tip-title{color:var(--color-text-primary);font-size:12px;font-weight:600;line-height:1.3}.creating-tip-desc{font-size:11px;line-height:1.4}.creating-tip-desc,.tip-anim{color:var(--color-text-secondary)}.tip-anim{align-items:center;display:flex;justify-content:center}.default-sidebar-section{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;padding:10px}.default-sidebar-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.default-sidebar-section-title{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.approval-section{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;padding:10px}.approval-header{margin-bottom:8px}.approval-title-row{gap:8px}.approval-title{font-size:12px}.approval-count{border-radius:2px;font-size:10px;padding:2px 6px}.approval-all-btn{border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);display:flex;font-family:inherit;font-weight:500;gap:6px;padding:5px 10px;transition:background .15s ease,color .15s ease}.approval-all-btn:hover:not(:disabled){background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.approval-all-btn:disabled{opacity:.5}.approval-item{background:var(--color-bg-input);border-radius:2px;padding:8px 10px}.approval-item:hover{background:var(--color-bg-user-bubble)}.approval-item-name{color:var(--color-text-primary);font-weight:500}.approval-approve-btn{background:#0000;border-radius:2px;height:24px;padding:0;transition:background .15s ease,color .15s ease;width:24px}.approval-approve-btn:hover:not(:disabled){color:var(--color-text-primary)}.approval-generating-indicator{height:24px;width:24px}.approval-spinner{animation:spin .8s linear infinite;border:2px solid var(--color-border-input);border-top-color:var(--color-text-secondary);height:14px;width:14px}.activity-section{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;padding:10px}.activity-header{align-items:center;border-bottom:1px solid var(--color-border-input);display:flex;gap:6px;margin-bottom:8px;padding-bottom:8px}.activity-title{color:var(--color-text-primary);font-size:12px;font-weight:600;margin:0}.activity-count{color:var(--color-text-secondary);font-size:10px;font-weight:500}.activity-clear-btn{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:20px;justify-content:center;margin-left:auto;padding:0;transition:background .1s ease,color .1s ease;width:20px}.activity-clear-btn:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.activity-list{display:flex;flex-direction:column;gap:2px}.activity-item{align-items:center;background:var(--color-bg-input);border:none;border-radius:2px;cursor:pointer;display:flex;font-family:inherit;gap:8px;padding:6px 8px;position:relative;text-align:left;transition:background .1s ease;width:100%}.activity-item:hover{background:var(--color-bg-user-bubble)}.activity-item:disabled{cursor:default;opacity:.6}.activity-item-indicator{align-items:center;color:var(--color-text-secondary);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.activity-item-thumb{border:1px solid var(--color-border-input);flex-shrink:0;height:24px;overflow:hidden;width:24px}.activity-item-thumb img{display:block;height:100%;object-fit:cover;width:100%}.activity-spinner{animation:spin .8s linear infinite}.activity-item-content{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.activity-item-label{color:var(--color-text-primary);font-size:12px;font-weight:500}.activity-item-status{color:var(--color-text-secondary);font-size:11px}.activity-item-pending .activity-item-status{opacity:.8}.activity-item-dismiss,.activity-item-failed .activity-item-indicator,.activity-item-failed .activity-item-status,.activity-item-ready .activity-item-indicator{color:var(--color-text-secondary)}.activity-item-dismiss{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;opacity:0;transition:opacity .1s ease;width:16px}.activity-item:hover .activity-item-dismiss{opacity:.6}.activity-item-dismiss:hover{opacity:1!important}.new-content-section{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;padding:10px}.new-content-generating-icon{animation:spin .8s linear infinite}.project-config-section{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;cursor:pointer;padding:10px;transition:background .15s ease}.project-config-section:hover{background:var(--color-bg-user-bubble)}.project-config-header{margin-bottom:6px}.project-config-title{font-size:12px}.project-config-preview{font-size:11px;gap:8px;overflow:hidden}.project-config-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-config-separator{opacity:.5}.voices-section{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;display:flex;flex-direction:column;max-height:200px;padding:10px}.voices-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.voices-title{color:var(--color-text-primary);font-size:12px;font-weight:600;margin:0}.voices-header-actions{align-items:center;display:flex;gap:8px}.voices-count{font-size:10px}.create-voice-btn,.voices-count{color:var(--color-text-secondary);font-weight:500}.create-voice-btn{background:#0000;border:1px solid var(--color-border-input);border-radius:2px;cursor:pointer;font-family:inherit;font-size:11px;padding:5px 10px;transition:background .15s ease,color .15s ease}.create-voice-btn:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.voices-list{flex:1 1;gap:4px;min-height:0}.voice-item{background:var(--color-bg-input);border:1px solid var(--color-border-input);padding:8px;transition:background .15s ease,border-color .15s ease}.voice-item:hover{border-color:var(--color-text-secondary)}.voice-item-icon{align-items:center;background:var(--color-bg-canvas-surface);border-radius:2px;color:var(--color-text-secondary);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.voice-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.voice-item-name-input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);font-family:inherit;font-size:11px;font-weight:600;padding:3px 6px;width:100%}.voice-item-name-input:focus{border-color:var(--color-text-secondary);outline:none}.voice-item-name{color:var(--color-text-primary);font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-item-name-editable{cursor:text}.voice-item-description{color:var(--color-text-secondary);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-item-error{color:var(--color-text-danger);font-size:10px}.voice-item-preview-btn{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:background .15s ease,color .15s ease;width:24px}.voice-item-preview-btn:hover{background:var(--color-bg-canvas-surface);color:var(--color-text-primary)}.voices-empty{align-items:center;display:flex;flex:1 1;justify-content:center}.voices-empty p{margin:0}.assets-section{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:10px}.assets-header{margin-bottom:10px}.assets-title{font-size:12px}.assets-header-actions{display:flex}.assets-count{font-size:10px;font-weight:500}.create-asset-btn{background:#0000;border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;padding:5px 10px;transition:background .15s ease,color .15s ease}.create-asset-btn:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.assets-grid{flex:1 1;grid-template-columns:repeat(3,1fr)}.asset-placeholder-shimmer{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000 0,var(--color-bg-user-bubble) 50%,#0000 100%);inset:0;transform:translateX(-100%)}.asset-name{font-size:10px;font-weight:500;white-space:nowrap}.asset-card-generating{cursor:default;opacity:.9}.asset-card-generating .asset-image-wrapper{border-color:var(--color-accent-primary);border-style:dashed}.asset-generating-indicator{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;position:absolute}.asset-generating-spinner{animation:asset-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--color-accent-primary);height:20px;width:20px}@keyframes asset-spin{to{transform:rotate(1turn)}}.asset-status-badge{color:var(--color-accent-primary);font-size:8px;font-weight:600;letter-spacing:.5px;margin-top:-2px;text-align:center;text-transform:uppercase}.assets-empty{flex:1 1;font-size:12px}.sidebar-dropdown-content{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;min-width:160px;padding:4px;z-index:1000}.sidebar-dropdown-item{align-items:center;border-radius:2px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:12px;gap:8px;outline:none;padding:8px 10px;transition:background .15s ease}.sidebar-dropdown-item[data-highlighted]{background:var(--color-bg-user-bubble)}.sidebar-dropdown-icon{color:var(--color-text-secondary);flex-shrink:0}.sidebar-export-section{padding:12px 16px 16px}.sidebar-export-btn{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 12px;transition:background .15s ease,opacity .15s ease;width:100%}.sidebar-export-btn:hover:not(:disabled){background:var(--color-bg-user-bubble)}.sidebar-export-btn:disabled{cursor:not-allowed;opacity:.5}.asset-properties-sidebar .config-card-body{gap:12px}.asset-preview-wrapper{border-radius:2px}.asset-delete-btn{align-items:center;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;padding:0;position:absolute;right:8px;top:8px;transition:opacity .15s ease,background .15s ease,color .15s ease;width:28px}.asset-preview-wrapper:hover .asset-delete-btn{opacity:1}.asset-delete-btn:hover{background:#c0392b1a;color:#c0392b}.asset-angles-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:12px}.asset-angle-item{display:flex;flex-direction:column;gap:4px}.asset-angle-label{color:var(--color-text-secondary);font-size:11px}.asset-angle-image{border-radius:2px;display:block;max-height:120px;object-fit:contain;width:100%}.soundwave-container{align-items:center;display:flex;gap:2px;height:14px}.soundwave-bar{background:var(--color-text-secondary);border-radius:1px;height:100%;transform-origin:center;width:2px}.soundwave-bar-1{animation:wave1 .6s ease-in-out infinite}.soundwave-bar-2{animation:wave2 .8s ease-in-out .1s infinite}.soundwave-bar-3{animation:wave3 .7s ease-in-out .2s infinite}.soundwave-bar-4{animation:wave4 .9s ease-in-out .15s infinite}.soundwave-bar-5{animation:wave5 .75s ease-in-out .25s infinite}@keyframes wave1{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes wave2{0%,to{transform:scaleY(.5)}50%{transform:scaleY(.8)}}@keyframes wave3{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes wave4{0%,to{transform:scaleY(.6)}50%{transform:scaleY(.9)}}@keyframes wave5{0%,to{transform:scaleY(.35)}50%{transform:scaleY(.85)}}.config-style-trigger{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;text-align:left;transition:border-color .15s ease;width:100%}.config-style-trigger:hover{border-color:var(--color-text-secondary)}.config-style-selected{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.config-style-preview-thumb{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;flex-shrink:0;height:40px;overflow:hidden;width:40px}.config-style-preview-thumb img{height:100%;object-fit:cover;width:100%}.config-style-info{display:flex;flex-direction:column;gap:2px;min-width:0}.config-style-name{color:var(--color-text-primary);font-size:13px;font-weight:600}.config-style-desc{color:var(--color-text-secondary);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-style-content{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;max-height:360px;overflow-y:auto;padding:6px;width:280px;z-index:1000}.config-style-item{align-items:center;border-radius:2px;cursor:pointer;display:flex;gap:10px;outline:none;padding:8px;transition:background .15s ease}.config-style-item[data-highlighted]{background:var(--color-bg-user-bubble)}.config-style-item-preview{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;flex-shrink:0;height:48px;overflow:hidden;width:48px}.config-style-item-preview img{height:100%;object-fit:cover;width:100%}.config-style-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.config-style-item-name{color:var(--color-text-primary);font-size:12px;font-weight:600}.config-style-item-desc{color:var(--color-text-secondary);font-size:10px;line-height:1.3}.config-custom-style-btn,.config-preset-style-btn{align-items:center;background:#0000;border:none;border-radius:2px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:500;gap:6px;margin-top:8px;padding:6px 10px;transition:background .15s ease,color .15s ease}.config-custom-style-btn:hover,.config-preset-style-btn:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.config-style-preview-tooltip{animation:tooltipFadeIn .15s ease;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;box-shadow:0 12px 32px #00000040;overflow:hidden;pointer-events:none;position:fixed;transform:translateY(-50%);width:220px;z-index:10000}.config-style-preview-tooltip img{display:block;height:auto;width:100%}.sidebar-chat-section{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;overflow:hidden}.sidebar-chat-section-bottom{display:flex;flex:1 1;flex-direction:column;margin-top:auto;min-height:0}.sidebar-chat-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:10px 12px;transition:background .15s ease;width:100%}.sidebar-chat-header:hover{background:var(--color-bg-user-bubble)}.sidebar-chat-title-row{align-items:center;color:var(--color-text-primary);display:flex;gap:8px}.sidebar-chat-title{color:var(--color-text-primary);font-size:12px;font-weight:600;margin:0}.sidebar-chat-content{animation:chatContentFadeIn .2s ease;display:flex;flex-direction:column;gap:10px;padding:0 12px 12px}.sidebar-chat-section-bottom .sidebar-chat-content{flex:1 1;min-height:0}@keyframes chatContentFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-chat-messages{display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto;padding-right:4px}.sidebar-chat-section-bottom .sidebar-chat-messages{flex:1 1;max-height:none;min-height:80px}.sidebar-chat-messages::-webkit-scrollbar{width:4px}.sidebar-chat-messages::-webkit-scrollbar-thumb{background:var(--color-border-input);border-radius:2px}.sidebar-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.sidebar-chat-message{word-wrap:break-word;align-items:flex-start;border-radius:2px;display:flex;font-size:12px;gap:6px;line-height:1.5;padding:8px 10px}.sidebar-chat-message-user{background:var(--color-bg-user-bubble);border-radius:8px 8px 2px 8px;color:var(--color-text-primary);margin-left:16px}.sidebar-chat-message-assistant{background:var(--color-bg-input);border-radius:8px 8px 8px 2px;color:var(--color-text-secondary);margin-right:16px}.sidebar-chat-message-pending{opacity:.8}.sidebar-chat-message-success .sidebar-chat-message-text{color:var(--color-text-primary)}.sidebar-chat-message-error .sidebar-chat-message-text{color:#c0392b}.sidebar-chat-message-text{flex:1 1;min-width:0}.sidebar-chat-spinner{animation:spin .8s linear infinite;flex-shrink:0}.sidebar-chat-empty{padding:12px 8px;text-align:center}.sidebar-chat-section-bottom .sidebar-chat-empty{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:80px}.sidebar-chat-empty p{color:var(--color-text-secondary);font-size:12px;margin:0}.sidebar-chat-empty-hint{font-size:11px!important;margin-top:4px!important;opacity:.7}.sidebar-chat-input-wrapper{align-items:flex-end;display:flex;position:relative}.sidebar-chat-input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:12px;line-height:1.4;max-height:80px;min-height:40px;outline:none;overflow-y:auto;padding:10px 72px 10px 12px;resize:none;transition:border-color .15s ease}.sidebar-chat-input:focus{border-color:var(--color-text-secondary)}.sidebar-chat-input::placeholder{color:var(--color-text-secondary)}.sidebar-chat-input:disabled{cursor:not-allowed;opacity:.6}.sidebar-chat-input::-webkit-scrollbar{width:3px}.sidebar-chat-input::-webkit-scrollbar-thumb{background:var(--color-border-input);border-radius:2px}.sidebar-chat-actions{align-items:center;bottom:6px;display:flex;gap:4px;position:absolute;right:6px}.sidebar-chat-attach-btn,.sidebar-chat-send-btn{align-items:center;background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:50%;color:var(--color-text-primary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.sidebar-chat-attach-btn:hover:not(:disabled),.sidebar-chat-send-btn:hover:not(:disabled){background:var(--color-bg-canvas-surface);border-color:var(--color-text-secondary)}.sidebar-chat-attach-btn:active:not(:disabled),.sidebar-chat-send-btn:active:not(:disabled){transform:scale(.95)}.sidebar-chat-attach-btn:disabled,.sidebar-chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.sidebar-chat-attachments{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0}.sidebar-chat-attachment-item{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;display:flex;gap:6px;max-width:100%;padding:4px 6px 4px 8px}.sidebar-chat-attachment-thumb{align-items:center;color:var(--color-text-secondary);display:flex;flex-shrink:0;justify-content:center}.sidebar-chat-attachment-name{color:var(--color-text-primary);font-size:11px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-chat-attachment-remove{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;padding:0;transition:all .15s ease;width:18px}.sidebar-chat-attachment-remove:hover:not(:disabled){background:var(--color-bg-user-bubble);color:#c0392b}.sidebar-chat-attachment-remove:disabled{cursor:not-allowed;opacity:.5}.agent-chat-content{gap:0;overflow:hidden;padding:0}.agent-chat-content,.agent-chat-messages{display:flex;flex:1 1;flex-direction:column}.agent-chat-messages{gap:12px;overflow-y:auto;padding:16px}.agent-chat-messages::-webkit-scrollbar{width:4px}.agent-chat-messages::-webkit-scrollbar-thumb{background:var(--color-border-input);border-radius:2px}.agent-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.agent-chat-message-icon{align-items:center;color:var(--color-text-secondary);display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.sidebar-chat-brand-icon{height:14px;object-fit:contain;opacity:.9;width:14px}.agent-chat-cursor{animation:blink 1s step-end infinite;color:var(--color-text-secondary)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.agent-status-card{align-items:flex-start;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;display:flex;gap:10px;margin-top:8px;padding:12px}.agent-status-card-loading{border-color:var(--color-border-input)}.agent-status-card-complete{background:color-mix(in srgb,var(--color-accent) 5%,var(--color-bg-input));border-color:var(--color-accent)}.agent-status-card-complete .agent-status-card-icon{color:var(--color-accent)}.agent-status-card-error{background:color-mix(in srgb,#c0392b 5%,var(--color-bg-input));border-color:#c0392b}.agent-status-card-icon{align-items:center;color:var(--color-text-secondary);display:flex;flex-shrink:0;justify-content:center}.agent-status-card-content{flex:1 1;min-width:0}.agent-status-card-title{color:var(--color-text-primary);font-size:13px;font-weight:600;margin-bottom:4px}.agent-status-card-description{color:var(--color-text-secondary);font-size:12px;line-height:1.4}.agent-status-card-clickable{cursor:pointer;transition:background .15s ease,border-color .15s ease}.agent-status-card-clickable:hover{background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg-input));border-color:color-mix(in srgb,var(--color-accent) 50%,var(--color-border-input))}.agent-status-card-clickable:focus{border-color:var(--color-accent);outline:none}.agent-status-card-action{align-items:center;color:var(--color-text-secondary);display:flex;flex-shrink:0;justify-content:center;margin-left:auto;padding-left:8px}.agent-chat-arrow,.agent-status-card-clickable:hover .agent-status-card-action{color:var(--color-accent)}.agent-chat-arrow{align-items:center;animation:arrow-bounce 1s ease-in-out infinite;display:inline-flex;margin-left:6px}@keyframes arrow-bounce{0%,to{transform:translateX(0)}50%{transform:translateX(4px)}}.sidebar-chat-message-with-arrow{background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg-input));border:1px solid color-mix(in srgb,var(--color-accent) 30%,var(--color-border-input))}.agent-chat-input-wrapper{flex-shrink:0;margin:12px 16px;position:relative}.agent-chat-input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;box-sizing:border-box;color:var(--color-text-primary);font-family:inherit;font-size:13px;line-height:1.4;max-height:140px;min-height:80px;padding:10px 12px 36px;resize:none;transition:border-color .15s ease;width:100%}.agent-chat-input:focus{border-color:var(--color-text-secondary);outline:none}.agent-chat-input::placeholder{color:var(--color-text-secondary)}.agent-chat-input:disabled{cursor:not-allowed;opacity:.6}.agent-chat-send-btn{align-items:center;background:var(--color-accent);border:none;border-radius:50%;bottom:8px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:8px;transition:opacity .15s ease;width:24px}.agent-chat-send-btn:hover:not(:disabled){opacity:.9}.agent-chat-send-btn:disabled{cursor:not-allowed;opacity:.4}.agent-chat-attachments{display:flex;flex-direction:column;gap:6px;margin-left:16px;margin-top:8px}.agent-chat-attachment-item{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;display:flex;gap:8px;max-width:-webkit-fit-content;max-width:fit-content;padding:8px 10px}.agent-chat-attachment-icon{align-items:center;background:var(--color-bg-user-bubble);border-radius:4px;color:var(--color-text-secondary);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.agent-chat-attachment-info{display:flex;flex-direction:column;gap:2px;min-width:0}.agent-chat-attachment-name{color:var(--color-text-primary);font-size:12px;font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-chat-attachment-size{color:var(--color-text-secondary);font-size:10px}.confirmation-backdrop{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2100}.confirmation-card{animation:confirmationModalIn .15s ease;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);display:flex;flex-direction:column;gap:16px;padding:16px;width:min(340px,100%)}@keyframes confirmationModalIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.confirmation-card{padding:14px}.confirmation-header h2{font-size:14px}}.confirmation-header{display:flex;flex-direction:column;gap:6px}.confirmation-header h2{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0}.confirmation-header p{color:var(--color-text-secondary);font-size:13px;line-height:1.45;margin:0}.confirmation-actions{display:flex;flex-direction:row;gap:8px;margin-top:4px}.confirmation-primary{background:var(--color-bg-input);border:1px solid var(--color-border-input);color:var(--color-text-primary);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;padding:8px 12px;transition:background .15s ease}.confirmation-primary:hover{background:var(--color-bg-user-bubble)}.confirmation-primary:active{background:var(--color-bg-input)}.confirmation-secondary{background:#0000;border:1px solid var(--color-border-input);color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:500;padding:8px 12px;transition:background .15s ease,color .15s ease}.confirmation-secondary:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.confirmation-destructive{background:var(--color-bg-input);border:1px solid var(--color-border-input);color:var(--color-text-primary);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;padding:8px 12px;transition:background .15s ease}.confirmation-destructive:hover{background:var(--color-bg-user-bubble)}.confirmation-destructive:active{background:var(--color-bg-input)}.keyframe-editing-sidebar{display:flex;flex-direction:column;height:100%;max-height:100vh;max-height:100dvh}.keyframe-editing-content{display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:0;overflow-y:auto;padding:16px}.keyframe-section-title{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.keyframe-tools-section{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:8px;padding:12px}.keyframe-tools-section .keyframe-section-title{margin-bottom:10px}.keyframe-tools-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.keyframe-tool-button{align-items:center;aspect-ratio:1;background:#0000;border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;justify-content:center;padding:8px;transition:background .15s ease,color .15s ease,border-color .15s ease}.keyframe-tool-button:hover:not(.disabled){background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.keyframe-tool-button.active{background:var(--color-bg-input);border-color:var(--color-border-input);color:var(--color-text-primary)}.keyframe-tool-button.disabled{cursor:not-allowed;opacity:.35}.keyframe-color-picker-wrapper{align-items:center;border-top:1px solid var(--color-border-input);display:flex;gap:12px;margin-top:12px;padding-top:12px}.keyframe-color-label{color:var(--color-text-secondary);font-size:12px;font-weight:500}.keyframe-color-picker{background:#0000;border:1px solid var(--color-border-input);border-radius:6px;cursor:pointer;height:32px;padding:0;width:32px}.keyframe-color-picker::-webkit-color-swatch-wrapper{padding:2px}.keyframe-color-picker::-webkit-color-swatch{border:none;border-radius:4px}.keyframe-pen-options{align-items:center;border-top:1px solid var(--color-border-input);display:flex;gap:12px;margin-top:12px;padding-top:12px}.keyframe-pen-options .keyframe-color-picker-wrapper{border-top:none;flex:1 1;margin-top:0;padding-top:0}.keyframe-eraser-button{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;height:32px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease,border-color .15s ease;width:32px}.keyframe-eraser-button:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.keyframe-eraser-active{align-items:center;border-top:1px solid var(--color-border-input);display:flex;gap:12px;justify-content:space-between;margin-top:12px;padding-top:12px}.keyframe-eraser-label{color:var(--color-text-secondary);font-size:12px;font-weight:500}.keyframe-back-to-pen-button{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:5px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:11px;font-weight:500;gap:6px;padding:6px 10px;transition:background .15s ease,color .15s ease}.keyframe-back-to-pen-button:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.keyframe-history-section{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:12px}.keyframe-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.keyframe-history-actions{display:flex;gap:4px}.keyframe-history-action-btn{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:5px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;height:26px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:26px}.keyframe-history-action-btn:hover:not(:disabled){background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.keyframe-history-action-btn:disabled{cursor:not-allowed;opacity:.3}.keyframe-history-list{display:flex;flex:1 1;flex-direction:column;gap:2px;max-height:180px;min-height:0;overflow-y:auto}.keyframe-history-empty{color:var(--color-text-secondary);padding:20px 8px;text-align:center}.keyframe-history-empty p{font-size:13px;margin:0}.keyframe-history-empty-hint{font-size:11px!important;margin-top:4px!important;opacity:.6}.keyframe-history-item{align-items:center;background:#0000;border:none;border-radius:5px;cursor:pointer;display:flex;font-family:inherit;gap:8px;justify-content:space-between;padding:6px 10px;text-align:left;transition:background .15s ease;width:100%}.keyframe-history-item:hover{background:var(--color-bg-user-bubble)}.keyframe-history-item.current{background:var(--color-bg-input)}.keyframe-history-item.future{opacity:.4}.keyframe-history-item.future:hover{opacity:.6}.keyframe-history-label{color:var(--color-text-primary);flex:1 1;font-size:12px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keyframe-history-current-badge{background:var(--color-bg-user-bubble);border-radius:3px;color:var(--color-text-secondary);flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 5px;text-transform:uppercase}.keyframe-save-bar{bottom:0;display:flex;flex-direction:column;gap:8px;padding:12px 16px 16px;position:-webkit-sticky;position:sticky}.keyframe-export-button{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:8px;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:8px;justify-content:center;padding:10px 12px;transition:background .15s ease,opacity .15s ease;width:100%}.keyframe-export-button:hover:not(:disabled){background:var(--color-bg-user-bubble)}.keyframe-export-button:disabled{cursor:not-allowed;opacity:.5}.keyframe-save-button{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:10px 12px;transition:background .15s ease,opacity .15s ease;width:100%}.keyframe-save-button:hover:not(:disabled){background:var(--color-bg-user-bubble)}.keyframe-save-button:disabled{cursor:not-allowed;opacity:.5}.keyframe-sticker-assets-wrapper{border-top:1px solid var(--color-border-input);margin-top:12px;max-height:280px;overflow-x:hidden;overflow-y:auto;padding-right:4px;padding-top:12px}.keyframe-sticker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.keyframe-sticker-label{color:var(--color-text-secondary);font-size:12px;font-weight:500}.keyframe-create-asset-button{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:5px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:11px;font-weight:500;gap:6px;padding:5px 10px;transition:background .15s ease,color .15s ease}.keyframe-create-asset-button:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.keyframe-sticker-assets-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;width:100%}.keyframe-sticker-asset-card{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:0;padding:8px;transition:background .15s ease,border-color .15s ease}.keyframe-sticker-asset-card:hover:not(.disabled){background:var(--color-bg-user-bubble)}.keyframe-sticker-asset-card.disabled{cursor:not-allowed;opacity:.4}.keyframe-sticker-asset-image-wrapper{align-items:center;aspect-ratio:1;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;display:flex;justify-content:center;min-width:0;overflow:hidden;width:100%}.keyframe-sticker-asset-image{height:100%;object-fit:contain;width:100%}.keyframe-sticker-asset-placeholder{color:var(--color-text-secondary);opacity:.5}.keyframe-sticker-asset-name{color:var(--color-text-secondary);font-size:11px;font-weight:500;line-height:1.2;max-width:100%;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.keyframe-sticker-empty{color:var(--color-text-secondary);padding:16px 8px;text-align:center}.keyframe-sticker-empty p{font-size:13px;margin:0}.keyframe-sticker-empty-hint{font-size:11px!important;margin-top:4px!important;opacity:.6}.keyframe-assets-dropdown-content{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:8px;min-width:160px;padding:4px;z-index:1000}.keyframe-assets-dropdown-item{border-radius:5px;color:var(--color-text-primary);gap:8px;outline:none;padding:8px 10px;transition:background .15s ease}.keyframe-assets-dropdown-item[data-highlighted]{background:var(--color-bg-user-bubble)}.keyframe-assets-dropdown-icon{flex-shrink:0}.keyframe-adjustments-wrapper{border-top:1px solid var(--color-border-input);display:flex;flex-direction:column;gap:16px;margin-top:12px;padding-top:12px}.keyframe-adjustments-label{color:var(--color-text-secondary);display:block;font-size:12px;font-weight:500;margin-bottom:8px}.keyframe-color-wheel-section{align-items:center;display:flex;flex-direction:column}.keyframe-color-wheel{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:50%;cursor:crosshair;height:120px;overflow:hidden;position:relative;width:120px}.keyframe-color-wheel-gradient{background:radial-gradient(circle at center,#0000 0,#0000 60%,var(--color-bg-input) 100%),conic-gradient(from 180deg,#ff9500 0deg,#ff2d92 90deg,#5856d6 180deg,#34c759 270deg,#ff9500 1turn);border-radius:50%;inset:0;opacity:.6;position:absolute}.keyframe-color-wheel-crosshair{inset:0;pointer-events:none;position:absolute}.keyframe-color-wheel-crosshair-h,.keyframe-color-wheel-crosshair-v{background:var(--color-border-input);position:absolute}.keyframe-color-wheel-crosshair-h{height:1px;left:10%;right:10%;top:50%;transform:translateY(-50%)}.keyframe-color-wheel-crosshair-v{bottom:10%;left:50%;top:10%;transform:translateX(-50%);width:1px}.keyframe-color-wheel-indicator{background:var(--color-text-primary);border:2px solid var(--color-bg-canvas-surface);border-radius:50%;box-shadow:0 1px 3px #0000004d;height:14px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:14px}.keyframe-adjustments-sliders{display:flex;flex-direction:column;gap:12px}.keyframe-adjustment-slider{display:flex;flex-direction:column;gap:4px}.keyframe-adjustment-slider-header{align-items:center;display:flex;justify-content:space-between}.keyframe-adjustment-slider-label{color:var(--color-text-secondary);font-size:11px;font-weight:500}.keyframe-adjustment-slider-value{background:#0000;border:none;border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;min-width:36px;padding:2px 6px;text-align:center;transition:background .15s ease}.keyframe-adjustment-slider-value:hover{background:var(--color-bg-user-bubble)}.keyframe-adjustment-slider-value-input{-moz-appearance:textfield;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-primary);font-family:inherit;font-size:11px;font-weight:600;outline:none;padding:2px 4px;text-align:center;width:44px}.keyframe-adjustment-slider-value-input::-webkit-inner-spin-button,.keyframe-adjustment-slider-value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.keyframe-adjustment-slider-value-input:focus{border-color:var(--color-text-secondary)}.keyframe-adjustment-slider-track{align-items:center;display:flex;height:16px;position:relative}.keyframe-adjustment-slider-track:before{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;content:"";height:4px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.keyframe-adjustment-slider-input{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:16px;margin:0;position:relative;width:100%;z-index:2}.keyframe-adjustment-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-text-primary);border:2px solid var(--color-bg-canvas-surface);border-radius:50%;box-shadow:0 1px 2px #0003;cursor:grab;height:14px;width:14px}.keyframe-adjustment-slider-input::-webkit-slider-thumb:active{cursor:grabbing}.keyframe-adjustment-slider-input::-moz-range-thumb{background:var(--color-text-primary);border:2px solid var(--color-bg-canvas-surface);border-radius:50%;box-shadow:0 1px 2px #0003;cursor:grab;height:14px;width:14px}.keyframe-adjustment-slider-input::-moz-range-thumb:active{cursor:grabbing}.keyframe-adjustment-slider-fill{background:var(--color-text-secondary);border-radius:2px;height:4px;opacity:.4;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.keyframe-adjustments-reset{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;gap:6px;justify-content:center;margin-top:4px;padding:8px 12px;transition:background .15s ease,color .15s ease}.keyframe-adjustments-reset:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.keyframe-camera-orbit-wrapper{border-top:1px solid var(--color-border-input);display:flex;flex-direction:column;gap:16px;margin-top:12px;padding-top:12px}.keyframe-camera-viz{background:linear-gradient(180deg,var(--color-bg-canvas-surface) 0,color-mix(in srgb,var(--color-bg-canvas-surface) 95%,var(--color-text-secondary) 5%) 100%);border:1px solid var(--color-border-input);border-radius:10px;overflow:hidden;padding:8px 8px 4px}.keyframe-camera-viz-svg{display:block;height:auto;width:100%}.keyframe-camera-viz-ground{opacity:.5}.keyframe-camera-viz-orbit{fill:none;stroke:var(--color-text-secondary);stroke-width:1.5;stroke-linecap:round}.keyframe-camera-viz-orbit-front{stroke:#22d3ee;opacity:.5}.keyframe-camera-viz-orbit-back{stroke-dasharray:4 6;opacity:.2}.keyframe-camera-viz-labels{pointer-events:none}.keyframe-camera-viz-label{fill:var(--color-text-secondary);text-anchor:middle;font-size:8px;font-weight:600;letter-spacing:.5px;opacity:.5;text-transform:uppercase}.keyframe-camera-viz-line{stroke:#22d3ee;stroke-width:1.5;stroke-dasharray:4 4;opacity:.6}.keyframe-camera-viz-line-behind{stroke:var(--color-text-secondary);opacity:.25}.keyframe-camera-viz-image-group{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.keyframe-camera-viz-image-shadow{fill:var(--color-text-primary);opacity:.1}.keyframe-camera-viz-image{fill:var(--color-bg-user-bubble);stroke:var(--color-text-primary);stroke-width:2}.keyframe-camera-viz-img-icon{fill:none;stroke:var(--color-text-secondary);stroke-width:1.5;opacity:.4}.keyframe-camera-viz-img-icon-fill{fill:var(--color-text-secondary);stroke:none;opacity:.25}.keyframe-camera-viz-cam-group{transition:transform .15s ease,opacity .15s ease}.keyframe-camera-viz-cam-behind{opacity:.4}.keyframe-camera-viz-cam-body{fill:#1a1a1a;stroke:var(--color-text-secondary);stroke-width:1;stroke-opacity:.5}.keyframe-camera-viz-cam-grip{fill:none;stroke:#1a1a1a;stroke-width:3;stroke-linecap:round}.keyframe-camera-viz-cam-evf{fill:#1a1a1a;stroke:var(--color-text-secondary);stroke-width:1;stroke-opacity:.5}.keyframe-camera-viz-cam-hotshoe{fill:#444;stroke:var(--color-text-secondary);stroke-width:.5;stroke-opacity:.3}.keyframe-camera-viz-cam-dial{fill:#2a2a2a;stroke:var(--color-text-secondary);stroke-width:.5;stroke-opacity:.4}.keyframe-camera-viz-cam-shutter{fill:#666;stroke:var(--color-text-secondary);stroke-width:.5;stroke-opacity:.3}.keyframe-camera-viz-lens-mount{fill:#222;stroke:var(--color-text-secondary);stroke-width:1;stroke-opacity:.5}.keyframe-camera-viz-lens-barrel{fill:#1a1a1a;stroke:var(--color-text-secondary);stroke-width:1.5;stroke-opacity:.5}.keyframe-camera-viz-lens-focus{fill:#252525;stroke:var(--color-text-secondary);stroke-width:.75;stroke-opacity:.4}.keyframe-camera-viz-lens-outer{fill:#0a1215;stroke:var(--color-text-secondary);stroke-width:1.5;stroke-opacity:.6}.keyframe-camera-viz-lens-inner{fill:#050a0d;stroke:var(--color-text-secondary);stroke-width:.5;stroke-opacity:.3}.keyframe-camera-viz-lens-highlight{fill:#ffffff4d;stroke:none}.keyframe-camera-viz-rec{fill:#ef4444;stroke:none;animation:keyframe-rec-blink 1.5s ease-in-out infinite}@keyframes keyframe-rec-blink{0%,to{opacity:1}50%{opacity:.3}}.keyframe-camera-viz-cone{fill:#22d3ee;stroke:none;opacity:.12}.keyframe-camera-viz-cam{fill:var(--color-text-primary);stroke:var(--color-bg-canvas-surface);stroke-width:1}.keyframe-camera-viz-lens-ring{fill:none;stroke:var(--color-text-secondary);stroke-width:1.5;opacity:.6}.keyframe-camera-viz-lens{fill:#0a1215;stroke:none}.keyframe-camera-viz-viewfinder{fill:var(--color-text-primary);stroke:none;opacity:.8}.keyframe-camera-viz-shadow{fill:var(--color-text-primary)}.keyframe-camera-viz-height-indicator{pointer-events:none}.keyframe-camera-viz-height-line{stroke:#a855f7;stroke-width:1;stroke-dasharray:2 3;opacity:.5}.keyframe-camera-viz-height-dot{fill:#a855f7;opacity:.6}.keyframe-camera-slider-group{display:flex;flex-direction:column;gap:6px}.keyframe-camera-slider-header{align-items:center;display:flex;justify-content:space-between}.keyframe-camera-slider-label{align-items:center;color:var(--color-text-primary);display:flex;font-size:11px;font-weight:600;gap:6px}.keyframe-camera-slider-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.keyframe-camera-dot-yaw{background:#22d3ee}.keyframe-camera-dot-pitch{background:#a855f7}.keyframe-camera-dot-dolly{background:#f97316}.keyframe-camera-slider-value{font-feature-settings:"tnum";color:var(--color-text-secondary);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;min-width:36px;text-align:right}.keyframe-camera-slider{-webkit-appearance:none;appearance:none;background:var(--color-bg-input);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.keyframe-camera-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:grab;height:16px;-webkit-transition:transform .1s ease,box-shadow .1s ease;transition:transform .1s ease,box-shadow .1s ease;width:16px}.keyframe-camera-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.keyframe-camera-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}.keyframe-camera-slider::-moz-range-thumb{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:grab;height:16px;-moz-transition:transform .1s ease;transition:transform .1s ease;width:16px}.keyframe-camera-slider-yaw{background:linear-gradient(to right,var(--color-bg-input) 0,#22d3ee4d 50%,var(--color-bg-input) 100%)}.keyframe-camera-slider-yaw::-webkit-slider-thumb{background:#22d3ee}.keyframe-camera-slider-yaw::-moz-range-thumb{background:#22d3ee}.keyframe-camera-slider-pitch{background:linear-gradient(90deg,#a855f733 0,#a855f766 50%,#a855f733)}.keyframe-camera-slider-pitch::-webkit-slider-thumb{background:#a855f7}.keyframe-camera-slider-pitch::-moz-range-thumb{background:#a855f7}.keyframe-camera-slider-dolly{background:linear-gradient(90deg,#f9731626 0,#f9731666)}.keyframe-camera-slider-dolly::-webkit-slider-thumb{background:#f97316}.keyframe-camera-slider-dolly::-moz-range-thumb{background:#f97316}.keyframe-camera-slider:disabled{cursor:not-allowed;opacity:.5}.keyframe-camera-slider:disabled::-webkit-slider-thumb{cursor:not-allowed}.keyframe-camera-slider-ticks{color:var(--color-text-secondary);display:flex;font-size:9px;justify-content:space-between;opacity:.7;padding:0 2px}.keyframe-camera-orbit-actions{display:flex;gap:8px}.keyframe-camera-orbit-reset{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:background .15s ease,color .15s ease,opacity .15s ease}.keyframe-camera-orbit-reset:hover:not(:disabled){background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.keyframe-camera-orbit-reset:disabled{cursor:not-allowed;opacity:.4}.keyframe-camera-orbit-apply{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;color:var(--color-text-primary);cursor:pointer;display:flex;flex:1.5 1;font-family:inherit;font-size:13px;font-weight:600;justify-content:center;padding:8px 16px;transition:background .15s ease,opacity .15s ease}.keyframe-camera-orbit-apply:hover:not(:disabled){background:var(--color-bg-user-bubble)}.keyframe-camera-orbit-apply:disabled{cursor:not-allowed;opacity:.5}.content-policy-error{animation:fadeIn .3s ease;background:linear-gradient(135deg,#dc262614,#b91c1c0d);border:1.5px solid #dc262640;border-radius:12px;padding:16px}.content-policy-error-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.content-policy-error-icon{align-items:center;background:#dc262626;border-radius:8px;color:#dc2626;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.content-policy-error-title{color:#b91c1c;flex:1 1;font-size:15px;font-weight:600}.content-policy-error-dismiss{align-items:center;background:#0000;border:none;border-radius:6px;color:#b91c1c99;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s ease;width:28px}.content-policy-error-dismiss:hover:not(:disabled){background:#dc26261a;color:#b91c1c}.content-policy-error-dismiss:disabled{cursor:not-allowed;opacity:.5}.content-policy-error-message{color:#7f1d1dd9;font-size:13px;line-height:1.5;margin:0 0 14px}.content-policy-error-prompt-section{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.content-policy-error-label{color:#7f1d1db3;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.content-policy-error-textarea{background:#fff9;border:1.5px solid #dc262633;border-radius:8px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:13px;min-height:80px;padding:10px 12px;resize:vertical;transition:all .15s ease;width:100%}.content-policy-error-textarea:focus{background:#fffc;border-color:#dc262666;box-shadow:0 0 0 3px #dc26261a;outline:none}.content-policy-error-textarea:disabled{cursor:not-allowed;opacity:.6}.content-policy-error-textarea::placeholder{color:#7f1d1d66}.content-policy-error-hint{color:#22c55ee6;font-size:11px;font-weight:500}.content-policy-error-actions{display:flex;gap:8px;justify-content:flex-end}.content-policy-error-retry-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s ease}.content-policy-error-retry-btn:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #dc26264d;transform:translateY(-1px)}.content-policy-error-retry-btn:active:not(:disabled){transform:translateY(0)}.content-policy-error-retry-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.content-policy-error-retry-btn .spinning{animation:spin 1s linear infinite}@media (prefers-color-scheme:dark){.content-policy-error{background:linear-gradient(135deg,#dc26261f,#b91c1c14)}.content-policy-error-title{color:#f87171}.content-policy-error-message{color:#fca5a5e6}.content-policy-error-label{color:#fca5a5b3}.content-policy-error-textarea{background:#0000004d;border-color:#dc26264d;color:#f3f4f6}.content-policy-error-textarea:focus{background:#0006;border-color:#dc262680}.content-policy-error-textarea::placeholder{color:#fca5a566}.content-policy-error-icon{background:#dc262633;color:#f87171}.content-policy-error-dismiss{color:#fca5a599}.content-policy-error-dismiss:hover:not(:disabled){background:#dc262626;color:#f87171}}.tutorial-steps-view{align-items:center;display:flex;justify-content:center}.tutorial-dot-overlay{display:none}.tutorial-steps-content{align-items:center;display:flex;flex-direction:column;gap:48px;padding:40px 60px;position:relative;z-index:2}.tutorial-steps-title{color:var(--color-text-primary);font-family:"Instrument Serif",Georgia,serif;font-size:24px;font-weight:400;letter-spacing:.02em;margin:0}.onboarding-steps-row{align-items:flex-start;display:flex;gap:48px}.onboarding-step{align-items:center;display:flex;flex-direction:column;gap:16px;opacity:.4;transition:opacity .4s ease}.onboarding-step.active{opacity:1}.onboarding-step.done{opacity:.7}.step-animation-wrapper{height:100px;position:relative;width:180px}.step-animation,.step-animation-wrapper{align-items:center;display:flex;justify-content:center}.step-animation{height:100%;width:100%}.step-number{align-items:center;background:#0000;border:1.5px solid var(--color-text-secondary);border-radius:50%;color:var(--color-text-secondary);display:flex;font-size:13px;font-weight:600;height:28px;justify-content:center;transition:all .3s ease;width:28px}.step-number.done{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-bg-canvas-surface)}.step-label{color:var(--color-text-secondary);font-size:13px;line-height:1.4;margin:0;max-width:140px;text-align:center}.onboarding-step.active .step-label,.onboarding-step.done .step-label{color:var(--color-text-primary)}.step-done-chip{align-items:center;animation:chipFadeIn .3s ease-out;background:var(--color-text-primary);border:none;border-radius:4px;color:var(--color-bg-canvas-surface);display:inline-flex;font-size:11px;font-weight:600;justify-content:center;letter-spacing:.03em;margin-top:4px;padding:4px 12px}@keyframes chipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.step1-container{height:100%;position:relative;width:100%}.step1-container,.step1-dashed-box{align-items:center;display:flex;justify-content:center}.step1-dashed-box{background:#0000;border:1.5px dashed var(--color-text-secondary);border-radius:4px;gap:8px;opacity:1;padding:14px 20px;transform:scale(1);transition:all .3s cubic-bezier(.4,0,.2,1)}.step1-dashed-box.clicking{background:var(--color-bg-user-bubble);border-color:var(--color-text-primary);border-style:solid;transform:scale(.95)}.step1-dashed-box.hidden{opacity:0;pointer-events:none;position:absolute;transform:scale(.8)}.step1-plus{font-size:18px;font-weight:300}.step1-label,.step1-plus{color:var(--color-text-secondary)}.step1-label{font-size:14px;font-weight:500;white-space:nowrap}.step1-input-box{align-items:center;background:var(--color-bg-canvas-surface);border:1.5px solid var(--color-text-secondary);border-radius:4px;display:flex;min-width:160px;opacity:0;padding:12px 16px;position:absolute;transform:scaleX(.5) scaleY(.8);transform-origin:center;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.step1-input-box.visible{opacity:1;transform:scaleX(1) scaleY(1)}.step1-input-field{align-items:center;display:flex;min-height:20px}.step1-typed-text{font-family:inherit}.step1-cursor,.step1-typed-text{color:var(--color-text-primary);font-size:14px}.step1-cursor{animation:cursorBlink .6s ease-in-out infinite;font-weight:300;margin-left:1px}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.step-1-animation.done .step1-input-complete{align-items:center;background:var(--color-bg-canvas-surface);border:1.5px solid var(--color-text-secondary);border-radius:4px;display:flex;gap:10px;padding:12px 16px}.step1-input-complete .step1-input-text{color:var(--color-text-primary);font-size:14px}.step1-input-complete .step1-checkmark{color:var(--color-text-primary);font-size:12px;font-weight:600}.step2-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.step2-spinner{opacity:0;position:absolute;transform:scale(.8);transition:all .3s ease}.step2-spinner.visible{opacity:1;transform:scale(1)}.step2-spinner-ring{animation:spinnerRotate .8s linear infinite;border:2px solid var(--color-border-input);border-radius:50%;border-top-color:var(--color-text-primary);height:32px;width:32px}@keyframes spinnerRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.step2-storyboard{align-items:center;display:flex;gap:6px;opacity:0;position:absolute;transform:scale(.8);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.step2-storyboard.visible{opacity:1;transform:scale(1)}.step2-frame{background:var(--color-bg-canvas-surface);border:1.5px solid var(--color-text-secondary);border-radius:2px;height:26px;transition:all .3s ease;width:36px}.step2-storyboard.visible .step2-frame-1{animation:framePopIn .3s ease-out 0s both}.step2-storyboard.visible .step2-frame-2{animation:framePopIn .3s ease-out .1s both}.step2-storyboard.visible .step2-frame-3{animation:framePopIn .3s ease-out .2s both}@keyframes framePopIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.step2-connector{background:var(--color-text-secondary);height:1.5px;width:12px}.step2-storyboard-check{align-items:center;animation:checkPopIn .3s cubic-bezier(.34,1.56,.64,1);background:var(--color-text-primary);border-radius:50%;color:var(--color-bg-canvas-surface);display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px}@keyframes checkPopIn{0%{transform:scale(0)}to{transform:scale(1)}}.step2-play{opacity:0;position:absolute;transform:scale(.8);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.step2-play.visible{opacity:1;transform:scale(1)}.step2-play-box{align-items:center;background:var(--color-bg-canvas-surface);border:1.5px solid var(--color-text-secondary);border-radius:4px;display:flex;height:42px;justify-content:center;width:56px}.step2-play-triangle{color:var(--color-text-primary);font-size:16px;margin-left:2px}.step-2-animation.done .step2-play-complete{align-items:center;background:var(--color-bg-canvas-surface);border:1.5px solid var(--color-text-secondary);border-radius:4px;display:flex;height:42px;justify-content:center;position:relative;width:56px}.step2-play-complete .step2-play-icon{color:var(--color-text-primary);font-size:16px;margin-left:2px}.step2-play-complete .step2-checkmark{align-items:center;background:var(--color-text-primary);border-radius:50%;color:var(--color-bg-canvas-surface);display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-6px;top:-6px;width:16px}.step3-container{align-items:center;display:flex;gap:8px;height:100%;justify-content:center;position:relative;width:100%}.step3-rect{background:var(--color-bg-canvas-surface);border:1.5px solid var(--color-text-secondary);border-radius:2px;height:24px;transition:width .5s cubic-bezier(.4,0,.2,1),background .3s ease,border-color .3s ease}.step3-rect-1{opacity:1;width:52px}.step3-rect-2{opacity:0;transform:scale(0);width:44px}.step3-rect-2.visible{animation:rect2PopIn .35s cubic-bezier(.34,1.56,.64,1);opacity:1;transform:scale(1)}.step3-rect-3{opacity:0;transform:scale(0);width:36px}.step3-rect-3.visible{animation:rect3PopIn .35s cubic-bezier(.34,1.56,.64,1) .1s both;opacity:1;transform:scale(1)}@keyframes rect2PopIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes rect3PopIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.step3-container.phase-2 .step3-rect-3{background:var(--color-bg-user-bubble);border-color:var(--color-text-primary);position:relative;width:28px}.step3-container.phase-2 .step3-rect-3:after,.step3-container.phase-2 .step3-rect-3:before{background:var(--color-text-primary);border-radius:1px;content:"";height:10px;position:absolute;top:50%;transform:translateY(-50%);width:2px}.step3-container.phase-2 .step3-rect-3:before{left:-1px}.step3-container.phase-2 .step3-rect-3:after{right:-1px}.step3-container.phase-3 .step3-rect-3,.step3-container.phase-4 .step3-rect-3{order:2;width:28px}.step3-container.phase-3 .step3-rect-2,.step3-container.phase-4 .step3-rect-2{order:3}.step3-container.phase-3 .step3-rect-3{animation:liftAndMove .6s cubic-bezier(.34,1.56,.64,1)}@keyframes liftAndMove{0%{transform:translateX(52px) translateY(0)}30%{transform:translateX(52px) translateY(-28px)}70%{transform:translateX(0) translateY(-28px)}to{transform:translateX(0) translateY(0)}}.step-3-animation.done .step3-complete{align-items:center;display:flex;gap:8px;justify-content:center;position:relative}.step3-complete .step3-rect-done{background:var(--color-bg-canvas-surface);border:1.5px solid var(--color-text-secondary);border-radius:2px;height:24px}.step3-complete .step3-rect-1{order:1;width:52px}.step3-complete .step3-rect-3{order:2;width:28px}.step3-complete .step3-rect-2{order:3;width:44px}.step3-complete .step3-checkmark{background:var(--color-text-primary);border-radius:50%;color:var(--color-bg-canvas-surface);font-size:10px;font-weight:700;height:18px;position:absolute;right:-8px;top:-8px;width:18px}.step3-complete .step3-checkmark,.step4-container{align-items:center;display:flex;justify-content:center}.step4-container{height:100%;position:relative;width:100%}.step4-export-btn{align-items:center;background:#0000;border:1.5px solid var(--color-text-secondary);border-radius:4px;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.step4-export-btn.clicking{background:var(--color-bg-user-bubble);border-color:var(--color-text-primary);transform:scale(.92)}.step4-export-btn.hidden{opacity:0;pointer-events:none;position:absolute;transform:scale(.8)}.step4-export-icon{color:var(--color-text-secondary);height:18px;width:18px}.step4-export-label{color:var(--color-text-secondary);font-size:14px;font-weight:600;white-space:nowrap}.step4-spinner{opacity:0;position:absolute;transform:scale(.8);transition:all .35s cubic-bezier(.34,1.56,.64,1)}.step4-spinner.visible{opacity:1;transform:scale(1)}.step4-spinner-ring{animation:spinnerRotate .8s linear infinite;border:2px solid var(--color-border-input);border-radius:50%;border-top-color:var(--color-text-primary);height:36px;width:36px}.step4-file{opacity:0;position:absolute;transform:scale(.8) translateY(10px);transition:all .45s cubic-bezier(.34,1.56,.64,1)}.step4-file.visible{opacity:1;transform:scale(1) translateY(0)}.step4-file-icon{align-items:flex-end;background:var(--color-bg-canvas-surface);border:1.5px solid var(--color-text-secondary);border-radius:4px;display:flex;height:64px;justify-content:center;padding-bottom:10px;position:relative;width:52px}.step4-file-corner{background:linear-gradient(135deg,#0000 50%,var(--color-border-input) 50%);border-bottom-left-radius:2px}.step4-file-corner,.step4-file-corner:before{height:14px;position:absolute;right:0;top:0;width:14px}.step4-file-corner:before{background:linear-gradient(135deg,var(--color-bg-canvas-surface) 50%,#0000 50%);border-top-right-radius:4px;content:""}.step4-file-ext{color:var(--color-text-primary);font-size:11px;font-weight:700;letter-spacing:.5px}.step-4-animation.done .step4-complete{align-items:center;display:flex;justify-content:center;position:relative}.step4-complete .step4-file-icon-done{align-items:flex-end;background:var(--color-bg-canvas-surface);border:1.5px solid var(--color-text-secondary);border-radius:4px;display:flex;height:64px;justify-content:center;padding-bottom:10px;position:relative;width:52px}.step4-complete .step4-file-corner{background:linear-gradient(135deg,#0000 50%,var(--color-border-input) 50%);border-bottom-left-radius:2px;height:14px;position:absolute;right:0;top:0;width:14px}.step4-complete .step4-file-corner:before{background:linear-gradient(135deg,var(--color-bg-canvas-surface) 50%,#0000 50%)}.step4-complete .step4-file-ext{color:var(--color-text-primary);font-size:11px;font-weight:700;letter-spacing:.5px}.step4-complete .step4-checkmark{animation:checkPopIn .3s cubic-bezier(.34,1.56,.64,1);background:var(--color-text-primary);border-radius:50%;color:var(--color-bg-canvas-surface);font-size:10px;font-weight:700;height:18px;position:absolute;right:-8px;top:-8px;width:18px}.step-placeholder,.step4-complete .step4-checkmark{align-items:center;display:flex;justify-content:center}.step-placeholder{border:1.5px dashed var(--color-text-secondary);border-radius:4px;color:var(--color-text-secondary);font-size:18px;font-weight:500;height:48px;width:48px}@media (max-width:900px){.onboarding-steps-row{gap:32px}.step-animation-wrapper{height:80px;width:140px}.tutorial-steps-content{gap:36px;padding:32px 40px}}.processing-view{display:grid;overflow:hidden;place-items:center;position:relative}.processing-grid-bg{display:none}.processing-content{flex-direction:column;gap:16px;max-width:320px;padding:24px;position:relative;text-align:center;z-index:1}.processing-content,.processing-spinner{align-items:center;display:flex;justify-content:center}.processing-spinner{margin-bottom:8px}.processing-spinner-ring{animation:processingSpinnerRotate .8s linear infinite;border:2px solid var(--color-border-input);border-radius:50%;border-top-color:var(--color-text-primary);height:32px;width:32px}@keyframes processingSpinnerRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.processing-title{color:var(--color-text-primary);font-size:16px;font-weight:500;line-height:1.4;margin:0}.processing-desc{color:var(--color-text-secondary);font-size:13px;font-weight:400;line-height:1.5;margin:0}.prompt-box{align-items:center;display:flex;justify-content:center;padding:0;width:100%}.prompt-box,.prompt-box--dragging{background:#0000;border:none}.prompt-box-form{display:flex;flex-direction:column;gap:16px;max-width:700px;width:100%}.prompt-box-section{display:flex;flex-direction:column;gap:8px}.prompt-box-label{color:var(--color-text-secondary);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.prompt-box-field{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;display:flex;flex-direction:column;gap:10px;padding:12px}.prompt-box-field:focus-within{border-color:var(--color-text-secondary)}.prompt-box-input{display:flex;flex-direction:column;position:relative}.prompt-box-textarea-wrapper{position:relative}.prompt-box-textarea{background:#0000;border:none;border-radius:0;color:var(--color-text-primary);font-family:inherit;font-size:14px;line-height:1.6;max-height:240px;min-height:120px;outline:none;overflow-y:hidden;padding:0;resize:none;transition:border-color .15s ease,opacity .15s ease;width:100%}.prompt-box-textarea.enhancing{opacity:.6;pointer-events:none}.prompt-box-enhancing-overlay{border-radius:4px;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.prompt-box-enhancing-shimmer{animation:promptBoxEnhanceShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff14 20%,#ffffff26 50%,#ffffff14 80%,#0000);background-size:200% 100%;inset:0;position:absolute}@keyframes promptBoxEnhanceShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.prompt-box-textarea:focus{outline:none}.prompt-box-textarea::placeholder{color:var(--color-text-secondary)}.prompt-box-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:flex-end;padding-top:10px}.prompt-box-actions .model-selector,.prompt-box-actions>*{flex-shrink:0}.prompt-box-actions .model-selector-trigger{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:3px;color:var(--color-text-primary);font-size:12px;font-weight:600;height:32px;padding:0 10px}.prompt-box-actions .model-selector-trigger:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.prompt-box-actions .model-selector-content{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;box-shadow:none}.prompt-box-actions .model-selector-item{border-radius:2px}.prompt-box-actions .model-selector-item:hover,.prompt-box-actions .model-selector-item[aria-selected=true]{background:var(--color-bg-user-bubble)}.prompt-box-text-button{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:3px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;height:32px;padding:0 10px;transition:all .15s ease}.prompt-box-text-button:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.prompt-box-text-button:disabled{cursor:not-allowed;opacity:.5}.prompt-box-action-button{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:3px;color:var(--color-text-secondary);cursor:pointer;height:32px;padding:0;transition:all .15s ease;width:32px}.prompt-box-action-button:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.prompt-box-submit-button{background:var(--color-text-primary);border:1px solid var(--color-text-primary);border-radius:3px;color:var(--color-bg-canvas-surface);cursor:pointer;height:34px;padding:0;transition:opacity .15s ease;width:34px}.prompt-box-submit-button:hover:not(:disabled){opacity:.9}.prompt-box-submit-button:disabled{cursor:not-allowed;opacity:.4}.prompt-box-actions-below{display:flex;justify-content:flex-end;margin-top:4px}.prompt-box-uploaded-images{border-bottom:1px solid var(--color-border-input);display:flex;flex-wrap:wrap;gap:6px;padding-bottom:8px}.prompt-box-uploaded-item{border:1px solid var(--color-border-input);border-radius:2px;height:44px;overflow:hidden;position:relative;width:44px}.prompt-box-uploaded-item img{display:block;height:100%;object-fit:cover;width:100%}.prompt-box-remove-image{align-items:center;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);cursor:pointer;display:inline-flex;height:14px;justify-content:center;padding:0;position:absolute;right:2px;top:2px;width:14px}.prompt-box-remove-image:hover{background:var(--color-bg-input);border-color:var(--color-text-secondary)}.prompt-box-mention-badge{align-items:center;background:var(--color-text-secondary);border-radius:2px;bottom:2px;color:var(--color-bg-canvas-surface);display:flex;font-size:8px;font-weight:700;height:12px;justify-content:center;left:2px;position:absolute;width:12px}.prompt-box-mention-dropdown{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:3px;max-height:220px;min-width:200px;overflow-y:auto;padding:4px}.prompt-box-mention-item{align-items:center;border-radius:2px;cursor:pointer;display:flex;gap:8px;padding:6px 8px}.prompt-box-mention-item.selected,.prompt-box-mention-item:hover{background:var(--color-bg-input)}.prompt-box-mention-thumb{border:1px solid var(--color-border-input);border-radius:2px;height:20px;object-fit:cover;width:20px}.prompt-box-mention-text{display:flex;flex-direction:column;gap:2px}.prompt-box-mention-title{align-items:center;display:flex;gap:6px}.prompt-box-mention-name{color:var(--color-text-primary);font-size:12px;font-weight:600}.prompt-box-mention-context,.prompt-box-mention-meta{color:var(--color-text-secondary);font-size:10px}.prompt-box-mention-context{font-style:italic}.prompt-box-mention-preview{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:4px;max-width:320px;padding:10px}.prompt-box-mention-preview-image{border:1px solid var(--color-border-input);border-radius:2px;display:block;max-height:240px;object-fit:contain;width:100%}.prompt-box-mention-preview-title{color:var(--color-text-primary);font-size:12px;font-weight:600;margin-top:8px;text-align:center}.prompt-box-mention-preview-meta{color:var(--color-text-secondary);font-size:11px;margin-top:2px;text-align:center}.prompt-box-mention-preview-context{color:var(--color-text-secondary);font-size:11px;font-style:italic;margin-top:4px;text-align:center}.prompt-box-error{background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:3px;color:var(--color-text-primary);font-size:12px;font-weight:500;padding:10px 14px;text-align:center}.prompt-box-drag-hint{background:var(--color-bg-user-bubble);border:2px dashed var(--color-border-input);border-radius:4px;color:var(--color-text-secondary);pointer-events:none;z-index:10}.creating-asset-view,.prompt-box-drag-hint{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.creating-asset-view{background:var(--color-bg-canvas-surface);flex-direction:column;padding:24px}.creating-asset-close-btn{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:16px;top:16px;transition:all .15s ease;width:32px;z-index:10}.creating-asset-close-btn:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.creating-asset-content{display:flex;flex-direction:column;gap:20px;max-width:600px;width:100%}.creating-asset-header{display:flex;flex-direction:column;gap:4px;text-align:center}.creating-asset-label{color:var(--color-text-primary);font-size:14px;font-weight:700;letter-spacing:.2px}.creating-asset-hint{color:var(--color-text-secondary);font-size:12px;font-weight:500}.creating-asset-generating{align-items:center;display:flex;flex-direction:column;gap:12px;padding:32px 0}.creating-asset-spinner{animation:creating-asset-spin 1s linear infinite;color:var(--color-text-secondary)}@keyframes creating-asset-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.creating-asset-generating-text{color:var(--color-text-secondary);font-size:13px;font-weight:600}@media (max-width:640px){.creating-asset-view{padding:16px}.creating-asset-content{max-width:100%}}.canvas-placeholder.canvas-tutorial{align-items:center;background:var(--color-bg-canvas-surface);display:flex;height:100%;inset:0;justify-content:center;position:absolute;width:100%}.tutorial-dot-overlay{background:repeating-conic-gradient(var(--color-border-input) 0 25%,#0000 0 50%) 50% /24px 24px;inset:0;opacity:.15;pointer-events:none;position:absolute}.tutorial-arrow-indicator{animation:arrowBlink 1s ease-in-out infinite;color:var(--color-text-secondary);position:absolute;right:32px;top:50%;transform:translateY(-50%);z-index:5}@keyframes arrowBlink{0%,to{opacity:1;transform:translateY(-50%) translateX(0)}50%{opacity:.5;transform:translateY(-50%) translateX(8px)}}.tutorial-arrow-down{animation:arrowDownBlink 1s ease-in-out infinite;bottom:32px;color:var(--color-text-secondary);left:32px;position:absolute;z-index:5}@keyframes arrowDownBlink{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(8px)}}.tutorial-content{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;max-width:480px;padding:40px;position:relative;text-align:center;z-index:2}.tutorial-title{color:var(--color-text-primary);font-family:"Instrument Serif",Georgia,serif;font-size:24px;font-weight:400;letter-spacing:.01em;line-height:1.3;margin:0}.tutorial-description{color:var(--color-text-secondary);font-size:14px;font-weight:500;line-height:1.5;margin:0;max-width:360px}.tutorial-actions{display:flex;gap:12px;margin-top:8px}.tutorial-actions,.tutorial-button{align-items:center;justify-content:center}.tutorial-button{background:#0000;border:1.5px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.tutorial-button:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.tutorial-button-primary{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-bg-canvas-surface)}.tutorial-button-primary:hover{opacity:.9}.tutorial-button-primary:active{opacity:.8}.tutorial-button-primary svg{flex-shrink:0}@media (max-width:768px){.tutorial-content{gap:14px;padding:32px 24px}.tutorial-title{font-size:22px}.tutorial-description{font-size:14px}.tutorial-button{font-size:13px;padding:10px 20px}.tutorial-arrow-indicator{right:20px}.tutorial-arrow-down{bottom:20px;left:20px}}@media (max-height:500px){.tutorial-content{gap:12px;padding:24px 20px}.tutorial-title{font-size:20px}.tutorial-description{font-size:13px}}.keyframe-slot-menu-content{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:6px;box-shadow:0 8px 24px var(--color-shadow-keyframe);min-width:180px;padding:4px;z-index:1000}.keyframe-slot-menu-item{align-items:center;border-radius:4px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;outline:none;padding:10px 12px;transition:background .15s ease}.keyframe-slot-menu-item:focus,.keyframe-slot-menu-item[data-highlighted]{background:var(--color-bg-user-bubble)}.keyframe-slot-menu-icon{align-items:center;color:var(--color-text-secondary);display:flex;flex-shrink:0;justify-content:center}.keyframe-slot-menu-separator{background:var(--color-border-input);height:1px;margin:4px 8px}.element-image-slot{display:flex;flex-direction:column;gap:6px}.element-image-slot--disabled{opacity:.6;pointer-events:none}.element-image-slot-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;font-weight:500;gap:4px}.element-image-slot-required{color:var(--color-status-error)}.element-image-slot-empty{align-items:center;background:var(--color-bg-canvas-surface);border:2px dashed var(--color-border-input);border-radius:8px;color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:6px;height:120px;justify-content:center;transition:all .15s ease;width:120px}.element-image-slot-empty:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-secondary)}.element-image-slot-empty:disabled{cursor:not-allowed}.element-image-slot--small .element-image-slot-empty{height:80px;width:80px}.element-image-slot-filled{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:8px;height:120px;overflow:hidden;position:relative;width:120px}.element-image-slot--small .element-image-slot-filled{height:80px;width:80px}.element-image-slot-preview{height:100%;object-fit:cover;width:100%}.element-image-slot-loading-overlay{background:#00000080}.element-image-slot-loading-overlay,.element-image-slot-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.element-image-slot-overlay{background:#0009;flex-direction:column;gap:8px;opacity:0;transition:opacity .15s ease}.element-image-slot-filled:hover .element-image-slot-overlay{opacity:1}.element-image-slot-overlay-btn{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .15s ease}.element-image-slot-overlay-btn:hover{background:var(--color-bg-user-bubble)}.element-image-slot-remove-btn{align-items:center;background:#000000b3;border:none;border-radius:4px;color:var(--color-text-primary);cursor:pointer;display:flex;height:22px;justify-content:center;opacity:0;padding:0;position:absolute;right:4px;top:4px;transition:opacity .15s ease,background .15s ease;width:22px}.element-image-slot-filled:hover .element-image-slot-remove-btn{opacity:1}.element-image-slot-remove-btn:hover{background:var(--color-status-error)}.element-image-slot-menu{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:6px;box-shadow:0 8px 24px var(--color-shadow-keyframe);min-width:180px;padding:4px;z-index:1000}.element-image-slot-menu-item{align-items:center;border-radius:4px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;outline:none;padding:10px 12px;transition:background .15s ease}.element-image-slot-menu-item:focus,.element-image-slot-menu-item[data-highlighted]{background:var(--color-bg-user-bubble)}.element-image-slot-menu-item svg{color:var(--color-text-secondary);flex-shrink:0}.element-image-slot-menu-separator{background:var(--color-border-input);height:1px;margin:4px 8px}.element-image-slot-picker{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:6px;box-shadow:0 8px 24px var(--color-shadow-keyframe);max-height:300px;max-width:320px;min-width:240px;overflow-y:auto;padding:8px;z-index:1001}.element-image-slot-picker-title{border-bottom:1px solid var(--color-border-input);color:var(--color-text-secondary);font-size:12px;font-weight:600;margin-bottom:8px;padding:4px 4px 8px}.element-image-slot-picker-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.element-image-slot-picker-item{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:6px;transition:all .15s ease}.element-image-slot-picker-item:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.element-image-slot-picker-item img{border-radius:4px;height:60px;object-fit:cover;width:60px}.element-image-slot-picker-item span{color:var(--color-text-secondary);font-size:10px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.element-image-slot-generate{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:6px;box-shadow:0 8px 24px var(--color-shadow-keyframe);min-width:280px;padding:12px;z-index:1001}.element-image-slot-generate-title{color:var(--color-text-secondary);font-size:12px;font-weight:600;margin-bottom:8px}.element-image-slot-generate-input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-primary);font-family:inherit;font-size:13px;padding:10px;resize:none;width:100%}.element-image-slot-generate-input::placeholder{color:var(--color-text-tertiary)}.element-image-slot-generate-input:focus{border-color:var(--color-text-secondary);outline:none}.element-image-slot-generate-actions{display:flex;justify-content:flex-end;margin-top:10px}.element-image-slot-generate-btn{align-items:center;background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s ease}.element-image-slot-generate-btn:hover:not(:disabled){opacity:.9}.element-image-slot-generate-btn:disabled{cursor:not-allowed;opacity:.5}.element-image-slot-spinner{animation:element-slot-spin 1s linear infinite}@keyframes element-slot-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.element-image-slot-error{color:var(--color-status-error);font-size:11px;padding:4px 0}.kling-element-dialog-overlay{animation:kling-dialog-fade-in .15s ease;background:#0009;inset:0;position:fixed;z-index:999}@keyframes kling-dialog-fade-in{0%{opacity:0}to{opacity:1}}.kling-element-dialog-content{animation:kling-dialog-slide-in .2s ease;background:var(--color-bg-canvas);border:1px solid var(--color-border-input);border-radius:12px;box-shadow:0 24px 48px #0006;display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:480px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}@keyframes kling-dialog-slide-in{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.kling-element-dialog-header{align-items:center;border-bottom:1px solid var(--color-border-input);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.kling-element-dialog-title{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0}.kling-element-dialog-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.kling-element-dialog-close:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.kling-element-dialog-body{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:20px}.kling-element-dialog-field{display:flex;flex-direction:column;gap:8px}.kling-element-dialog-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.kling-element-dialog-input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-primary);font-size:14px;padding:10px 12px;transition:border-color .15s ease}.kling-element-dialog-input::placeholder{color:var(--color-text-tertiary)}.kling-element-dialog-input:focus{border-color:var(--color-primary);outline:none}.kling-element-dialog-input:disabled{cursor:not-allowed;opacity:.6}.kling-element-dialog-section{display:flex;flex-direction:column;gap:8px}.kling-element-dialog-section-header{align-items:center;display:flex;gap:8px}.kling-element-dialog-section-title{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;font-weight:500;gap:4px}.kling-element-dialog-count,.kling-element-dialog-optional{color:var(--color-text-tertiary);font-weight:400}.kling-element-dialog-optional{font-size:12px}.kling-element-dialog-hint{color:var(--color-text-tertiary);font-size:12px;line-height:1.4;margin:0}.kling-element-dialog-refs-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.kling-element-dialog-ref-item{position:relative}.kling-element-dialog-ref-remove{align-items:center;background:var(--color-bg-canvas);border:1px solid var(--color-border-input);border-radius:50%;color:var(--color-text-tertiary);cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:-8px;top:20px;transition:all .15s ease;width:24px;z-index:1}.kling-element-dialog-ref-item:hover .kling-element-dialog-ref-remove{opacity:1}.kling-element-dialog-ref-remove:hover{background:var(--color-status-error);border-color:var(--color-status-error);color:#fff}.kling-element-dialog-add-ref{align-items:center;background:#0000;border:2px dashed var(--color-border-input);border-radius:8px;color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-direction:column;font-size:11px;gap:4px;height:100px;justify-content:center;transition:all .15s ease;width:80px}.kling-element-dialog-add-ref:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-secondary)}.kling-element-dialog-add-ref:disabled{cursor:not-allowed;opacity:.5}.kling-element-dialog-footer{align-items:center;border-top:1px solid var(--color-border-input);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 20px}.kling-element-dialog-btn{border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:10px 18px;transition:all .15s ease}.kling-element-dialog-btn--secondary{background:#0000;border:1px solid var(--color-border-input);color:var(--color-text-primary)}.kling-element-dialog-btn--secondary:hover:not(:disabled){background:var(--color-bg-user-bubble)}.kling-element-dialog-btn--primary{background:var(--color-primary);border:none;color:#fff}.kling-element-dialog-btn--primary:hover:not(:disabled){opacity:.9}.kling-element-dialog-btn:disabled{cursor:not-allowed;opacity:.5}.canvas-placeholder.canvas-asset-creation,.canvas-placeholder.canvas-video-creation{align-items:center;background:var(--color-bg-canvas-surface);display:flex;height:100%;inset:0;justify-content:center;padding:72px 32px 32px;position:absolute;width:100%}.asset-dot-overlay.rippling:after{display:none}.asset-content-wrapper{gap:18px;max-width:100%;width:min(920px,92%)}.asset-title-container{transition:opacity .25s ease}.asset-description{font-size:16px;font-weight:500}.asset-processing{gap:12px;padding:14px 16px}.asset-title{font-size:16px;letter-spacing:.2px}.asset-input-container{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:4px;display:flex;justify-content:center;padding:16px;transition:border-color .15s ease}.asset-input-container.dragging{border-color:var(--color-text-secondary)}.asset-input-form{gap:12px;max-width:760px;width:100%}.uploaded-images-preview{grid-gap:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.uploaded-image-item{aspect-ratio:1;background:var(--color-bg-input);border-radius:10px;width:100%}.uploaded-image-item img{display:block}.remove-image-button{background:#000000a6;border:none;border-radius:50%;color:#fff;display:inline-flex;height:24px;right:6px;top:6px;width:24px}.asset-input-wrapper{align-items:flex-start;position:relative}.asset-prompt-input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:14px;flex:1 1;font-size:14px;line-height:1.4;min-height:48px;padding:14px 48px 14px 14px;transition:border-color .15s ease}.asset-prompt-input:focus{border-color:var(--color-text-secondary)}.asset-input-actions{bottom:8px;gap:10px;position:absolute;right:8px}.asset-input-actions-below{display:flex;justify-content:flex-end;margin-top:10px}.upload-image-button{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:3px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.upload-image-button:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.upload-image-button svg{display:block;height:16px;width:16px}.model-selector{align-items:center;display:inline-flex;gap:6px}.model-selector-label{color:var(--color-text-secondary);font-size:11px;font-weight:500}.model-selector-trigger{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:3px;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:inherit;gap:6px;height:28px;max-width:200px;padding:0 8px;transition:border-color .15s ease,background .15s ease}.model-selector.model-selector--compact{gap:4px}.model-selector.model-selector--compact .model-selector-label{font-size:10px}.model-selector.model-selector--compact .model-selector-trigger{border-radius:3px;height:26px;padding:0 6px}.model-selector.model-selector--compact .model-selector-trigger-value{font-size:11px;font-weight:600}.model-selector-trigger:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.model-selector-trigger:disabled{cursor:not-allowed;opacity:.5}.model-selector-trigger-value{font-size:12px;font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-selector-icon{color:var(--color-text-secondary);flex-shrink:0;opacity:.6;transition:transform .15s ease}.model-selector-icon-open{transform:rotate(180deg)}.model-selector-content{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:3px;box-shadow:0 4px 12px #0000001a;max-height:280px;min-width:180px;overflow-y:auto;padding:4px;z-index:10000}.model-selector-item{align-items:center;border-radius:2px;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:6px 8px}.model-selector-item:hover,.model-selector-item[aria-selected=true]{background:var(--color-bg-user-bubble)}.model-selector-item[data-disabled]{cursor:not-allowed;opacity:.5}.model-selector-item-label{color:var(--color-text-primary);font-size:12px;font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-selector-check{color:var(--color-text-primary);flex-shrink:0}.submit-button{background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:50%;color:var(--color-text-primary);display:inline-flex;height:40px;justify-content:center;padding:0;width:40px}.submit-button svg{display:block;height:22px;margin:auto;width:22px}.submit-button:hover:not(:disabled){background:var(--color-bg-canvas-surface);border-color:var(--color-text-secondary)}.submit-button:active:not(:disabled){transform:scale(.95)}.submit-button:disabled{opacity:.5}.asset-error-message{color:#c0392b;font-size:13px;font-weight:600;margin-top:6px}.asset-mention-dropdown{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:3px;max-height:200px;min-width:200px;overflow-y:auto;padding:4px}.asset-mention-item{align-items:center;border-radius:2px;cursor:pointer;display:flex;gap:8px;padding:6px 8px}.asset-mention-item.selected,.asset-mention-item:hover{background:var(--color-bg-input)}.asset-mention-thumb{border:1px solid var(--color-border-input);border-radius:2px;height:20px;object-fit:cover;width:20px}.asset-mention-name{color:var(--color-text-primary);font-size:12px;font-weight:600}.generated-asset-wrapper{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:12px;display:inline-block;line-height:0;overflow:visible;padding:6px;position:relative}.generated-asset-annotate-button{align-items:center;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:6px;cursor:pointer;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:4px 8px;position:absolute;right:4px;top:4px;z-index:2}.generated-asset-image{border-radius:8px;display:block;height:auto;max-height:min(450px,55vh);max-width:min(600px,80vw);object-fit:contain;width:auto}.generated-asset-canvas-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.generated-asset-canvas-controls{align-items:flex-end;bottom:10px;display:flex;flex-direction:column;gap:10px;position:absolute;right:10px}.canvas-color-picker{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:3px solid #fffffff2;border-radius:8px;box-shadow:0 4px 12px #00000040,0 2px 6px #00000026;cursor:pointer;height:40px;transition:all .2s ease;width:40px}.canvas-color-picker:hover{border-color:#fff;box-shadow:0 6px 16px #00000059,0 2px 8px #0003;transform:scale(1.08)}.canvas-control-buttons{display:flex;gap:8px}.generated-asset-cancel-button,.generated-asset-done-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #0000;border-radius:10px;box-shadow:0 4px 12px #00000040,0 0 0 1px #ffffff80;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.3px;padding:10px 16px;text-transform:uppercase;transition:all .2s ease}.generated-asset-done-button{background:#22c55ef2;border-color:#ffffff4d;color:#fff}.generated-asset-done-button:hover{background:#22c55e;box-shadow:0 6px 16px #00000059,0 0 0 1px #fff9;transform:translateY(-2px)}.generated-asset-cancel-button{background:#ef4444f2;border-color:#ffffff4d;color:#fff}.generated-asset-cancel-button:hover{background:#ef4444;box-shadow:0 6px 16px #00000059,0 0 0 1px #fff9;transform:translateY(-2px)}.fade-in{animation:fadeIn .25s ease both}.fade-out{animation:fadeOut .2s ease both}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.asset-content-wrapper{width:96%}.asset-input-form{max-width:100%}.generated-asset-image{max-height:min(350px,45vh);max-width:min(500px,75vw)}}@media (max-height:600px){.generated-asset-image{max-height:min(280px,40vh);max-width:min(400px,70vw)}.generated-asset-wrapper{padding:4px}}.canvas-creation-mode{background:var(--color-bg-canvas-surface)}.creation-content{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:20px;padding:40px;text-align:center}.creation-content svg{opacity:.4}.creation-exit-button{background:#0000;border:1px solid var(--color-border-input);border-radius:10px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;margin-top:12px;padding:10px 20px;transition:all .2s ease}.creation-exit-button:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.canvas-asset-creation{--asset-scale:1;background:var(--color-bg-canvas-surface);position:relative}.asset-dot-overlay,.asset-dot-overlay.rippling{display:none}.asset-content-wrapper{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:center;min-height:100%;padding:60px 40px;position:relative;z-index:1}.asset-title-container{text-align:center;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.asset-title-container.fade-out{opacity:0;pointer-events:none;transform:translateY(-10px)}.asset-title-container.fade-in{opacity:1;transform:translateY(0)}.asset-description{color:var(--color-text-secondary);font-family:inherit;font-size:14px;font-weight:600;margin:0}.asset-processing{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.asset-processing.fade-in{opacity:1;transform:translateY(0)}.asset-processing.fade-out{opacity:0;transform:translateY(10px)}.fire-animation{align-items:center;display:flex;height:48px;justify-content:center;width:48px}.asset-title{color:var(--color-text-primary);font-family:inherit;font-size:18px;font-weight:700;margin:0}.asset-input-container{max-width:700px;position:relative;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);width:100%}.asset-input-container.fade-in{opacity:1;transform:translateY(0)}.asset-input-container.fade-out{opacity:0;pointer-events:none;transform:translateY(10px)}.asset-input-container.dragging{background:var(--color-bg-user-bubble)}.asset-input-form{display:flex;flex-direction:column;gap:16px}.uploaded-images-preview{background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:3px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;order:-1;padding:10px;position:relative;z-index:100}.uploaded-image-item{border:1px solid var(--color-border-input);border-radius:2px;height:64px;overflow:hidden;position:relative;transition:border-color .15s ease;width:64px}.uploaded-image-item:hover{border-color:var(--color-text-secondary)}.uploaded-image-item img{height:100%;object-fit:cover;width:100%}.remove-image-button{align-items:center;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;position:absolute;right:2px;top:2px;transition:all .15s ease;width:18px}.remove-image-button:hover{background:var(--color-bg-input);border-color:var(--color-text-secondary)}.uploaded-images-preview--bottom{background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:3px;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding:8px 10px}.uploaded-images-preview--bottom .uploaded-image-item{border-radius:2px;border-width:1px;height:44px;width:44px}.uploaded-images-preview--bottom .uploaded-image-item:hover{border-color:var(--color-text-secondary)}.uploaded-images-preview--bottom .remove-image-button{height:14px;right:1px;top:1px;width:14px}.uploaded-images-preview--bottom .remove-image-button svg{height:8px;width:8px}.uploaded-image-badge{align-items:center;background:var(--color-text-secondary);border-radius:2px;bottom:2px;color:var(--color-bg-canvas-surface);display:flex;font-size:8px;font-weight:700;height:12px;justify-content:center;left:2px;position:absolute;width:12px}.asset-input-wrapper{align-items:flex-end;background:#0000;border:none;border-bottom:1px solid var(--color-border-input);border-radius:0;display:flex;flex-direction:row;gap:8px;padding:0 0 10px;transition:border-color .15s ease}.asset-input-wrapper:focus-within{border-bottom-color:var(--color-text-secondary)}.asset-prompt-input{background:#0000;border:none;border-radius:0;color:var(--color-text-primary);font-family:inherit;font-size:13px;font-weight:500;line-height:1.5;max-height:180px;min-height:40px;outline:none;overflow-y:auto;padding:0;resize:none;width:100%}.asset-prompt-input::placeholder{color:var(--color-text-secondary)}.asset-input-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding-top:10px}.duration-input-wrapper{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:3px;display:flex;gap:6px;padding:6px 10px;transition:border-color .15s ease}.duration-input-wrapper:focus-within{border-color:var(--color-text-secondary)}.duration-icon{color:var(--color-text-secondary);flex-shrink:0}.duration-input{background:#0000;border:none;color:var(--color-text-primary);font-family:inherit;font-size:13px;font-weight:600;outline:none;padding:0;text-align:center;width:50px}.duration-input::placeholder{color:#2e201666}.submit-button{align-items:center;background:var(--color-text-primary);border:1px solid var(--color-text-primary);border-radius:3px;color:var(--color-bg-canvas-surface);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:8px;padding:8px 12px;transition:all .15s ease}.submit-button:hover:not(:disabled){opacity:.85}.submit-button:active:not(:disabled){opacity:.9}.submit-button:disabled{opacity:.4}.submit-button svg{height:18px!important;width:18px!important}.asset-error-message{border:1px solid var(--color-border-input);border-radius:3px;color:var(--color-text-primary);font-size:12px;font-weight:500;padding:10px 14px;text-align:center}.asset-error-message,.drag-drop-hint{background:var(--color-bg-user-bubble)}.drag-drop-hint{align-items:center;border:2px dashed var(--color-border-input);border-radius:4px;color:var(--color-text-secondary);display:flex;font-size:14px;font-weight:600;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:10}.fade-in{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards}.fade-out{animation:fadeOutDown .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (max-width:768px){.asset-content-wrapper{gap:24px;padding:40px 24px}.asset-input-container{max-width:100%}.asset-description{font-size:18px}.asset-title{font-size:20px}}@media (max-height:600px){.asset-content-wrapper{gap:20px;padding:32px 24px}.asset-description{font-size:16px}.asset-title{font-size:18px}.asset-input-wrapper{padding:12px}.fire-animation{height:36px;width:36px}}.asset-input-container,.asset-processing,.asset-title-container{will-change:transform,opacity}.asset-prompt-input::-webkit-scrollbar{width:6px}.asset-prompt-input::-webkit-scrollbar-track{background:var(--color-bg-user-bubble);border-radius:2px}.asset-prompt-input::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:2px}.asset-prompt-input::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.asset-input-wrapper:hover:not(:focus-within){border-bottom-color:var(--color-scrollbar-thumb)}.asset-input-wrapper,.asset-prompt-input,.duration-input{cursor:text}.remove-image-button,.submit-button{cursor:pointer}.submit-button:disabled{cursor:not-allowed}button:focus,input:focus,textarea:focus{outline:none}button:focus-visible{outline:1px solid var(--color-text-secondary);outline-offset:1px}.duration-input::-webkit-inner-spin-button,.duration-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.duration-input{-moz-appearance:textfield}@keyframes placeholderShift{0%,to{transform:translateX(0)}50%{transform:translateX(8px)}}.asset-content-wrapper>*{transition:margin .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1)}.storyboard-preview{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:24px;max-width:900px;width:100%}.storyboard-header{border-bottom:2px solid #d7986633;padding-bottom:16px;text-align:center}.storyboard-title{align-items:center;color:#2e2016f2;display:flex;font-family:inherit;font-size:28px;font-weight:700;gap:12px;justify-content:center;margin:0 0 8px}.storyboard-title .check-icon{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1);color:#22c55e}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.storyboard-subtitle{color:var(--color-text-secondary);font-family:inherit;font-size:15px;font-weight:500;margin:0}.storyboard-shots-grid{display:flex;flex-direction:column;gap:20px;max-height:500px;overflow-y:auto;padding:4px}.storyboard-shots-grid::-webkit-scrollbar{width:8px}.storyboard-shots-grid::-webkit-scrollbar-track{background:var(--color-bg-user-bubble);border-radius:4px}.storyboard-shots-grid::-webkit-scrollbar-thumb{background:#d798664d;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.storyboard-shots-grid::-webkit-scrollbar-thumb:hover{background:#d7986680}.storyboard-shot-card{animation:slideInRight .4s cubic-bezier(.4,0,.2,1) backwards;background:#f9f9f7e6;border:1px solid var(--color-border-input);border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.storyboard-shot-card:first-child{animation-delay:.05s}.storyboard-shot-card:nth-child(2){animation-delay:.1s}.storyboard-shot-card:nth-child(3){animation-delay:.15s}.storyboard-shot-card:nth-child(4){animation-delay:.2s}.storyboard-shot-card:nth-child(5){animation-delay:.25s}@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.storyboard-shot-card:hover{border-color:var(--color-text-secondary);box-shadow:0 4px 16px #d798661f;transform:translateY(-2px)}.storyboard-shot-header{align-items:center;border-bottom:1.5px solid #d7986633;color:#d79866;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.05em;padding-bottom:12px;text-transform:uppercase}.storyboard-shot-header svg{flex-shrink:0}.storyboard-keyframes{display:flex;flex-direction:column;gap:12px}.storyboard-keyframe{align-items:flex-start;display:flex;gap:12px}.storyboard-keyframe-placeholder{background:linear-gradient(135deg,#d7986626,#f9bd7c33);border:2px solid #d798664d;border-radius:12px;flex-shrink:0;height:100px;overflow:hidden;position:relative;width:100px}.storyboard-keyframe-placeholder:before{background-image:radial-gradient(circle,#d798664d 1px,#0000 0);background-size:8px 8px;content:"";inset:0;opacity:.5;position:absolute}.keyframe-number{color:#d7986680;font-size:28px;font-weight:700;z-index:1}.storyboard-keyframe-prompt{background:#d798660f;border:1px solid #d7986626;border-radius:10px;color:var(--color-text-primary);flex:1 1;font-size:14px;font-weight:500;line-height:1.5;padding:12px 14px}.storyboard-assets-indicator{background:var(--color-bg-user-bubble);border-radius:6px;color:#d79866e6;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.03em;margin-top:6px;padding:4px 10px;text-transform:uppercase}.storyboard-motion{background:#f9bd7c14;border:1.5px solid #f9bd7c40;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:14px}.storyboard-motion-label{align-items:center;color:#f9bd7c;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.05em;text-transform:uppercase}.storyboard-motion-label svg{flex-shrink:0}.storyboard-motion-description{color:var(--color-text-primary);font-size:13px;font-style:italic;font-weight:500;line-height:1.5}.storyboard-approve-button{align-items:center;align-self:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;box-shadow:0 4px 16px #22c55e40;color:#fffffffa;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:700;gap:10px;letter-spacing:.05em;padding:14px 32px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.storyboard-approve-button:hover{box-shadow:0 6px 24px #22c55e59;transform:translateY(-2px)}.storyboard-approve-button:active{transform:translateY(0)}.storyboard-approve-button svg{transition:transform .2s ease}.storyboard-approve-button:hover svg{transform:scale(1.1)}@media (max-width:768px){.storyboard-preview{max-width:100%}.storyboard-title{font-size:22px}.storyboard-keyframe{flex-direction:column}.storyboard-keyframe-placeholder{height:120px;width:100%}.storyboard-shots-grid{max-height:400px}}.timeline-add-scene{align-items:center;align-self:flex-start;background:var(--color-bg-input);border:1px dashed var(--color-border-input);border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:60px;justify-content:center;max-height:60px;max-width:90px;min-width:90px;overflow:hidden;padding:0;position:relative;transition:all .15s ease}.timeline-add-scene:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.timeline-add-scene:active{background:var(--color-bg-input);transform:scale(.98)}.timeline-add-scene-content{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:8px}.timeline-add-scene-icon{color:var(--color-text-secondary);font-size:22px;font-weight:300;line-height:1;transition:all .15s ease}.timeline-add-scene:hover .timeline-add-scene-icon{color:var(--color-text-secondary);transform:scale(1.15)}.timeline-add-scene-label{color:var(--color-text-secondary);font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;transition:color .25s ease;white-space:nowrap}.timeline-add-scene:hover .timeline-add-scene-label{color:var(--color-text-primary)}.timeline-add-scene.timeline-scene-storyboard{aspect-ratio:9/16;height:auto;max-width:140px;min-width:140px}.storyboard-container{background:#0000;border:none;border-radius:0;box-shadow:none;height:auto;max-height:calc(100vh - 32px);max-width:100%;overflow-y:auto;padding:0 12px 16px;position:relative;width:100%}.storyboard-header{border-bottom:2px solid #d7986626;margin-bottom:32px;padding-bottom:20px}.storyboard-header-content{align-items:center;display:flex;gap:12px}.storyboard-header-content svg{color:#d79866cc}.storyboard-header h2{color:var(--color-text-primary);font-size:24px;font-weight:700;letter-spacing:-.3px;margin:0}.create-another-button{background:#d798661a;border:1.5px solid #d798664d;border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.create-another-button:hover{background:#d7986633;border-color:#d7986680;transform:translateY(-1px)}.storyboard-grid{display:flex;flex-direction:column;gap:40px;padding-bottom:24px}.storyboard-shot{background:#fff8f399;border:2px solid #d7986626;border-radius:12px;padding:24px;transition:all .3s ease}.storyboard-shot:hover{border-color:#d798664d;box-shadow:0 4px 16px #d798661f}.shot-header{margin-bottom:16px}.shot-number{background:var(--color-bg-user-bubble);border-radius:6px;color:var(--color-text-primary);display:inline-block;font-size:13px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.shot-keyframes{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:16px}.keyframe-card{background:#fff;border:1px solid var(--color-border-input);border-radius:10px;overflow:hidden;transition:all .25s ease}.keyframe-card:hover{border-color:var(--color-text-secondary);box-shadow:0 4px 12px #2e201614;transform:translateY(-2px)}.keyframe-image-container{aspect-ratio:16/9;background:linear-gradient(135deg,#d7986614,#ebbc8e1f);border-bottom:2px solid #d7986626;position:relative;width:100%}.keyframe-placeholder{align-items:center;color:#d798664d;display:flex;height:100%;justify-content:center;width:100%}.keyframe-assets-indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#d79866e6;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;position:absolute;right:8px;top:8px}.keyframe-info{padding:14px 16px}.keyframe-label{align-items:center;color:#d79866e6;display:flex;font-weight:700;justify-content:space-between;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.keyframe-duration{background:var(--color-bg-user-bubble);border-radius:4px;color:var(--color-text-secondary);font-size:11px;font-weight:600;padding:3px 8px}.keyframe-prompt{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;margin:0;overflow:hidden}.motion-card{background:#fff;border:2px dashed #d798664d;border-radius:10px;padding:16px 18px;transition:all .25s ease}.motion-card:hover{background:#fff8f380;border-color:#d7986680}.motion-header{align-items:center;color:#d79866e6;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.motion-header svg{color:#d79866b3}.motion-description{color:var(--color-text-secondary);font-size:13px;font-style:italic;line-height:1.5;margin:0}.storyboard-transition{align-items:center;display:flex;gap:16px;margin:-16px 0}.transition-line{background:linear-gradient(90deg,#0000 0,#d798664d 50%,#0000);flex:1 1;height:2px}.transition-label{background:#d798661a;border:1px solid var(--color-border-input);border-radius:20px;padding:8px 16px;white-space:nowrap}.transition-label span{color:var(--color-text-secondary);font-size:12px;font-style:italic;font-weight:600}.storyboard-footer{border-top:2px solid #d7986626;margin-top:24px;padding-top:20px;text-align:center}.storyboard-stats{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;font-weight:600;gap:12px;justify-content:center}.storyboard-stats span:nth-child(2){color:#d7986680}.storyboard-container.fade-in{animation:fadeIn .4s ease}.storyboard-container::-webkit-scrollbar{width:10px}.storyboard-container::-webkit-scrollbar-track{background:#d798660d;border-radius:10px}.storyboard-container::-webkit-scrollbar-thumb{background:#d798664d;border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.storyboard-container::-webkit-scrollbar-thumb:hover{background:#d7986680}@media (max-width:768px){.storyboard-container{max-height:85vh;padding:20px}.storyboard-header{align-items:flex-start;flex-direction:column;gap:16px}.shot-keyframes{grid-template-columns:1fr}}.kf-shimmer{animation:kfShimmerSlide 2.6s ease-in-out infinite;background:linear-gradient(90deg,#fabd7c26,#fff8f373 20%,#fabd7c40 50%,#fff8f373 80%,#fabd7c26);background-size:200% 100%;overflow:hidden;position:relative}@keyframes kfShimmerSlide{0%{background-position:200% 0}to{background-position:-200% 0}}.kf-generating{position:relative}.kf-generating:after{animation:kfGlareSlide 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6 40%,#fff9 50%,#fff6 60%,#0000);background-size:200% 100%;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:10}.kf-generating-border{animation:kfGeneratingPulse 2s ease-in-out infinite}@keyframes kfGlareSlide{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes kfGeneratingPulse{0%,to{box-shadow:0 0 8px 2px #ffffff4d}50%{box-shadow:0 0 16px 4px #ffffff80}}.kf-thumb>div:hover .kf-hover-overlay{opacity:1!important}.asset-creation-close-button{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:3px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:20px;top:20px;transition:border-color .15s ease,background .15s ease,color .15s ease;width:32px;z-index:10}.asset-creation-close-button:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.asset-creation-close-button:disabled{cursor:not-allowed;opacity:.5}.upload-dropzone{align-items:center;background:var(--color-bg-input);border:1px dashed var(--color-border-input);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;max-width:600px;min-height:280px;padding:28px 24px;transition:border-color .15s ease,background .15s ease;width:100%}.upload-dropzone-dragging,.upload-dropzone:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.upload-dropzone-icon{color:var(--color-text-secondary)}.upload-dropzone-title,.upload-dropzone:hover .upload-dropzone-icon{color:var(--color-text-primary)}.upload-dropzone-title{font-family:inherit;font-size:15px;font-weight:600;margin:0}.upload-dropzone-text{font-size:13px;margin:0}.upload-dropzone-formats,.upload-dropzone-text{color:var(--color-text-secondary);font-weight:500}.upload-dropzone-formats{font-size:12px;margin:4px 0 0}.upload-preview-container{align-items:center;display:flex;flex-direction:column;gap:12px;max-width:760px;width:100%}.upload-preview-container.upload-preview-dragging{background:var(--color-bg-user-bubble);border:1px dashed var(--color-text-secondary);border-radius:4px;padding:8px}.upload-preview-header{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.upload-preview-title{color:var(--color-text-primary);font-size:13px;font-weight:600}.upload-preview-clear{background:#0000;border:1px solid #0000;border-radius:3px;color:var(--color-text-secondary);cursor:pointer;font-size:12px;font-weight:600;padding:2px 6px;transition:border-color .15s ease,color .15s ease,background .15s ease}.upload-preview-clear:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-border-input);color:var(--color-text-primary)}.upload-preview-clear:disabled{cursor:not-allowed;opacity:.5}.upload-preview-grid{align-items:stretch;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;scroll-snap-type:x proximity;width:100%}.upload-preview-item{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;display:flex;flex:0 0 auto;flex-direction:column;gap:8px;max-width:200px;min-width:170px;padding:10px;scroll-snap-align:start}.upload-preview-thumb{aspect-ratio:1;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:3px;overflow:hidden;position:relative;width:100%}.upload-preview-thumb img{display:block;height:100%;object-fit:cover;width:100%}.upload-preview-status{align-items:center;background:var(--color-text-secondary);border-radius:3px;color:var(--color-bg-canvas-surface);display:inline-flex;height:20px;justify-content:center;left:6px;position:absolute;top:6px;width:20px}.upload-preview-item-success .upload-preview-status{background:#228b57f2}.upload-preview-item-failed .upload-preview-status{background:#b91c1cf2}.upload-preview-meta{display:flex;flex-direction:column;gap:2px}.upload-item-error{align-items:center;background:#dc262614;border:1px solid #dc262640;border-radius:3px;color:#991b1bf2;display:flex;font-size:11px;font-weight:500;gap:6px;padding:6px 8px}.upload-preview-actions{display:flex;gap:8px;justify-content:flex-end}.upload-preview-action{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:3px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:26px;justify-content:center;transition:border-color .15s ease,background .15s ease,color .15s ease;width:26px}.upload-preview-action:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.upload-preview-action:disabled{cursor:not-allowed;opacity:.5}.upload-preview{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;display:flex;justify-content:center;padding:8px;position:relative}.upload-preview-image{border-radius:8px;display:block;height:auto;max-height:min(180px,25vh);max-width:min(280px,70vw);object-fit:contain;width:auto}.upload-preview-remove{align-items:center;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:3px;color:var(--color-text-primary);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:4px;top:4px;transition:border-color .15s ease,background .15s ease,color .15s ease;width:24px}.upload-preview-remove:hover:not(:disabled){background:var(--color-bg-input);border-color:var(--color-text-secondary)}.upload-preview-remove:disabled{cursor:not-allowed;opacity:.5}.upload-file-details{flex-shrink:0;text-align:center}.upload-file-name{color:var(--color-text-primary);font-size:13px;font-weight:600;margin-bottom:2px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.upload-file-size{color:var(--color-text-secondary);font-size:12px;font-weight:500}.upload-error{align-items:center;background:#dc262614;border:1px solid #dc26264d;border-radius:3px;color:#991b1bf2;font-size:12px;font-weight:500;gap:6px;padding:8px 12px}.upload-actions,.upload-error{display:flex;flex-shrink:0;justify-content:center}.upload-actions{gap:10px;width:100%}.upload-button-primary,.upload-button-secondary{align-items:center;border:1px solid #0000;border-radius:3px;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:border-color .15s ease,background .15s ease,color .15s ease}.upload-button-primary{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-bg-canvas-surface)}.upload-button-primary:hover:not(:disabled){opacity:.9}.upload-button-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.upload-button-secondary{background:var(--color-bg-input);border-color:var(--color-border-input);color:var(--color-text-primary)}.upload-button-secondary:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.upload-button-secondary:disabled{cursor:not-allowed;opacity:.5}.upload-spinner{animation:spin 1s linear infinite}@media (max-height:700px){.upload-preview-container{gap:10px}.upload-preview-image{max-height:min(140px,20vh);max-width:min(240px,65vw)}.upload-button-primary,.upload-button-secondary{font-size:12px;padding:8px 14px}}@media (max-width:480px){.upload-preview-container{gap:12px}.upload-preview-image{max-height:min(150px,22vh);max-width:min(220px,60vw)}.upload-actions{flex-direction:column;gap:8px}.upload-button-primary,.upload-button-secondary{justify-content:center;width:100%}}.upload-processing-note{animation:fadeIn .3s ease;color:var(--color-text-secondary);font-size:13px;font-style:italic;font-weight:500;text-align:center}.selecting-keyframe-view{background:#fff8f3f2;gap:12px;padding:18px}.selecting-keyframe-back{background:#ffffffe6;border:1px solid #00000014;border-radius:10px;color:var(--color-text-primary);font-weight:700;gap:8px;padding:8px 10px}.selecting-keyframe-back:hover{background:#fff;border-color:#0000001f}.selecting-keyframe-title{font-size:14px;font-weight:800}.selecting-keyframe-toolbar{align-items:center;display:flex;gap:10px}.selecting-keyframe-banner{background:#ffffffd9;border:1px solid #00000014;border-radius:12px;font-weight:700}.selecting-keyframe-back:disabled,.selecting-keyframe-card:disabled{cursor:not-allowed;opacity:.6}.selecting-keyframe-search{background:#ffffffe6;border:1px solid #00000014;border-radius:12px;font-size:13px;outline:none;padding:10px 12px;transition:all .15s ease;width:100%}.selecting-keyframe-search:focus{background:#fff;border-color:var(--color-text-secondary)}.selecting-keyframe-groups{gap:20px;padding:4px 0 12px}.selecting-keyframe-group{background:#ffffff80;border:1px solid #0000000a;border-radius:14px;gap:12px;padding:14px}.selecting-keyframe-group-title{color:#2e20168c;font-size:11px;font-weight:800;padding:0 2px}.selecting-keyframe-group.prioritized{border:1px solid var(--color-border-input)}.selecting-keyframe-group.prioritized .selecting-keyframe-group-title{color:#d79866f2}.selecting-keyframe-card.prioritized{background:#fffffffa}.selecting-keyframe-card.prioritized:hover{border-color:#d7986699;box-shadow:0 8px 20px #d7986626}.selecting-keyframe-row{grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:4px}.selecting-keyframe-card{background:#ffffffe6;border:1px solid #00000014;border-radius:14px;display:flex;flex-direction:column;gap:0;height:auto;min-width:0;width:100%}.selecting-keyframe-card:hover{background:#fff;border-color:#ff944d66;box-shadow:0 8px 20px #00000014}.selecting-keyframe-thumb{background:#0000000a;border-radius:inherit}.selecting-keyframe-thumb-label-row{background:#ffffffeb;border-bottom:1px solid #0000000f;padding:8px 8px 7px}.selecting-keyframe-thumb-label-text{color:var(--color-text-primary);font-size:12px;font-weight:800}.selecting-keyframe-thumb-image{background:#0000000a;height:160px}.selecting-keyframe-thumb-placeholder{background:#0000000a;color:#2e20168c;font-size:12px;font-weight:600;height:160px;text-align:center}.selecting-keyframe-meta{display:flex;flex-direction:column;gap:2px}.selecting-keyframe-prompt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-size:12px;font-weight:500;min-height:48px;overflow:hidden;text-overflow:ellipsis}.selecting-keyframe-empty{color:#2e20168c;font-weight:650;padding:24px}.video-storyboard-view{background:var(--color-bg-canvas-surface);display:flex;flex-direction:column;inset:0;min-height:0;overflow:hidden;position:absolute}.video-storyboard-view.i2v-view{container-name:i2v-canvas;container-type:size}.video-storyboard-content,.video-storyboard-content.i2v-layout,.video-storyboard-content.mc-layout,.video-storyboard-content.r2v-layout,.video-storyboard-content.t2v-layout,.video-storyboard-content.tr-layout{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0;overflow:auto;padding:clamp(16px,4vh,60px) clamp(12px,3vw,32px)}.video-storyboard-content.i2v-layout{justify-content:stretch;padding:clamp(12px,2vh,24px) clamp(12px,3vw,32px)}.video-storyboard-error{padding:16px}.video-storyboard-error-msg{background:#dc26261a;border:1px solid #dc26264d;border-radius:8px;color:#b91c1ce6;font-size:13px;margin:0 16px;padding:12px 16px}.storyboard-generating-overlay{align-items:flex-end;cursor:default;display:flex;inset:0;justify-content:center;padding:24px;pointer-events:auto;position:absolute;z-index:9}.storyboard-generating-pill{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:999px;box-shadow:0 14px 36px var(--color-shadow-keyframe);color:var(--color-text-primary);font-size:13px;font-weight:800;letter-spacing:.2px;padding:10px 16px;position:relative;z-index:10}.storyboard-form{display:flex;flex-direction:column;gap:24px;max-width:700px;width:100%}.storyboard-prompt-section{display:flex;flex-direction:column;gap:8px}.storyboard-label{color:var(--color-text-secondary);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.storyboard-textarea{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:14px;line-height:1.6;outline:none;padding:16px;resize:none;transition:border-color .2s ease;width:100%}.storyboard-textarea:focus{border-color:var(--color-text-secondary)}.storyboard-textarea.empty{border-color:#dc262666}.storyboard-textarea::placeholder{color:var(--color-text-secondary)}.storyboard-textarea.storyboard-textarea-inline{background:#0000;border:none;border-radius:0;padding:12px 48px 12px 16px;resize:none}.storyboard-textarea.storyboard-textarea-inline:focus{border:none;outline:none}.storyboard-prompt-box{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:10px;display:flex;flex-direction:column;transition:border-color .2s ease}.storyboard-prompt-box:focus-within{border-color:var(--color-text-secondary)}.storyboard-prompt-box.dragging{background:#6366f10d;border-color:#6366f1;border-color:var(--accent-primary,#6366f1)}.storyboard-attachments-preview{display:flex;flex-wrap:wrap;gap:8px;padding:12px 12px 0}.storyboard-attachment-item{border:1px solid var(--color-border-input);border-radius:6px;height:48px;overflow:hidden;position:relative;width:48px}.storyboard-attachment-thumb{height:100%;object-fit:cover;width:100%}.storyboard-attachment-type{border-radius:3px;bottom:2px;left:2px}.storyboard-attachment-remove,.storyboard-attachment-type{align-items:center;background:#000000b3;color:#fff;display:flex;height:16px;justify-content:center;position:absolute;width:16px}.storyboard-attachment-remove{border:none;border-radius:3px;cursor:pointer;opacity:0;right:2px;top:2px;transition:opacity .15s ease,background .15s ease}.storyboard-attachment-item:hover .storyboard-attachment-remove{opacity:1}.storyboard-attachment-remove:hover{background:#ef4444}.storyboard-prompt-actions{align-items:center;bottom:8px;display:flex;gap:6px;position:absolute;right:8px}.storyboard-attach-btn{align-items:center;background:var(--color-bg-user-bubble);border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.storyboard-attach-btn:hover:not(:disabled){background:var(--color-bg-input);color:var(--color-text-primary)}.storyboard-attach-btn:disabled{cursor:not-allowed;opacity:.5}.storyboard-drag-hint{align-items:center;background:#6366f11a;border-radius:10px;color:#6366f1;color:var(--accent-primary,#6366f1);display:flex;font-size:14px;font-weight:500;inset:0;justify-content:center;pointer-events:none;position:absolute}.storyboard-collapsible{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:10px;overflow:hidden}.storyboard-collapsible-header{align-items:center;background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background .15s ease;width:100%}.storyboard-collapsible-header:hover{background:var(--color-bg-user-bubble)}.storyboard-collapsible-header .storyboard-label{margin:0}.storyboard-collapsible .storyboard-textarea{border:none;border-radius:0;border-top:1px solid var(--color-border-input)}.storyboard-controls{gap:16px;justify-content:space-between}.storyboard-controls,.storyboard-settings{align-items:center;display:flex;flex-wrap:wrap}.storyboard-settings{gap:12px}.storyboard-model-row{align-items:center;display:flex;gap:10px}.storyboard-actions{display:flex;gap:10px}.storyboard-btn-cancel{background:#0000;border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s ease}.storyboard-btn-cancel:hover:not(:disabled){background:var(--color-bg-user-bubble)}.storyboard-btn-submit{background:var(--color-text-primary);border:1px solid var(--color-text-primary);border-radius:6px;color:var(--color-bg-canvas-surface);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:10px 24px;transition:all .2s ease}.storyboard-btn-submit:hover:not(:disabled){opacity:.9}.storyboard-btn-submit:disabled{cursor:not-allowed;opacity:.5}.storyboard-advanced-btn{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:8px 10px;transition:all .2s ease;white-space:nowrap}.storyboard-advanced-btn:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.storyboard-advanced-btn:disabled{cursor:not-allowed;opacity:.5}.storyboard-prompt-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.storyboard-enhance-btn{background:#ffffff14;border:none;border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:5px 10px;transition:all .15s ease;white-space:nowrap}.storyboard-enhance-btn:hover:not(:disabled){background:#ffffff26}.storyboard-enhance-btn:disabled{cursor:not-allowed;opacity:.4}.storyboard-textarea-wrapper{position:relative;width:100%}.storyboard-textarea-wrapper .storyboard-motion-textarea,.storyboard-textarea-wrapper .storyboard-textarea{width:100%}.storyboard-enhancing-overlay{border-radius:6px;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.storyboard-enhancing-shimmer{animation:enhanceShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff14 20%,#ffffff26 50%,#ffffff14 80%,#0000);background-size:200% 100%;inset:0;position:absolute}@keyframes enhanceShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.storyboard-motion-textarea.enhancing,.storyboard-textarea.enhancing{opacity:.6;pointer-events:none}.prompt-rich-overlay.enhancing{opacity:.6}.storyboard-prompt-box{position:relative}.storyboard-prompt-box .storyboard-enhancing-overlay{border-radius:10px}.storyboard-advanced-content{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;box-shadow:0 18px 40px var(--color-shadow-keyframe);padding:14px;width:320px;z-index:30}.storyboard-advanced-title{color:var(--color-text-secondary);font-size:11px;font-weight:800;letter-spacing:.6px;margin-bottom:10px;text-transform:uppercase}.storyboard-advanced-row{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:8px 0}.storyboard-advanced-row--stack{align-items:stretch;flex-direction:column;justify-content:flex-start}.storyboard-advanced-label{color:var(--color-text-secondary);font-size:12px;font-weight:600}.storyboard-advanced-hint{color:var(--color-text-secondary);font-size:11px;line-height:1.35;opacity:.8}.storyboard-voice-trigger{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;cursor:pointer;display:flex;font-family:inherit;gap:8px;justify-content:space-between;min-height:38px;padding:6px 10px;transition:all .15s ease;width:100%}.storyboard-voice-trigger:hover:not(:disabled){border-color:var(--color-text-secondary)}.storyboard-voice-trigger:disabled{cursor:not-allowed;opacity:.5}.storyboard-voice-placeholder{color:var(--color-text-secondary);font-size:12px}.storyboard-voice-chevron{color:var(--color-text-secondary);flex-shrink:0;transition:transform .15s ease}.storyboard-voice-trigger[data-state=open] .storyboard-voice-chevron{transform:rotate(180deg)}.storyboard-voice-pills{display:flex;flex:1 1;flex-wrap:wrap;gap:6px;min-width:0}.storyboard-voice-pill{align-items:center;background:var(--color-bg-user-bubble);border-radius:4px;color:var(--color-text-primary);display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px;white-space:nowrap}.storyboard-voice-pill svg{color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:color .15s ease}.storyboard-voice-pill svg:hover{color:var(--color-text-primary)}.storyboard-voice-dropdown{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;box-shadow:0 8px 24px var(--color-shadow-keyframe);max-width:280px;min-width:180px;padding:4px;z-index:100}.storyboard-voice-dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-family:inherit;gap:8px;justify-content:space-between;padding:8px 10px;text-align:left;transition:background .15s ease;width:100%}.storyboard-voice-dropdown-item.selected,.storyboard-voice-dropdown-item:hover:not(:disabled){background:var(--color-bg-user-bubble)}.storyboard-voice-dropdown-item:disabled{cursor:not-allowed;opacity:.4}.storyboard-voice-dropdown-name{color:var(--color-text-primary);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storyboard-voice-dropdown-item svg{color:var(--color-text-primary);flex-shrink:0}.storyboard-advanced-input,.storyboard-advanced-textarea{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-primary);font-family:inherit;font-size:13px;outline:none;padding:10px 12px;width:100%}.storyboard-advanced-textarea{resize:none}.storyboard-switch{background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:999px;cursor:pointer;height:20px;position:relative;transition:background .2s ease;width:36px}.storyboard-switch[data-state=checked]{background:var(--color-text-primary);border-color:var(--color-text-primary)}.storyboard-switch-thumb{background:#fff;border-radius:999px;box-shadow:0 2px 4px #00000026;display:block;height:16px;left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:left .2s ease;width:16px}.storyboard-switch[data-state=checked] .storyboard-switch-thumb{left:calc(100% - 18px)}.storyboard-select{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;justify-content:space-between;min-width:120px;padding:8px 10px}.storyboard-select:hover{border-color:var(--color-text-secondary)}.storyboard-select-content{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;box-shadow:0 18px 40px var(--color-shadow-keyframe);overflow:hidden;z-index:40}.storyboard-select-viewport{padding:6px}.storyboard-select-item{border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:13px;padding:10px;-webkit-user-select:none;user-select:none}.storyboard-select-item[data-highlighted]{background:var(--color-bg-user-bubble);outline:none}.storyboard-slider-row{align-items:center;display:flex;gap:10px}.storyboard-slider{align-items:center;display:flex;height:20px;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.storyboard-slider-track{background:var(--color-bg-user-bubble);border-radius:999px;flex-grow:1;height:6px;position:relative}.storyboard-slider-range{background:var(--color-text-primary);border-radius:999px;height:100%;position:absolute}.storyboard-slider-thumb{background:#fff;border:1px solid var(--color-text-primary);border-radius:999px;box-shadow:0 2px 6px var(--color-shadow-keyframe);display:block;height:14px;width:14px}.storyboard-slider-value{color:var(--color-text-secondary);font-size:12px;font-weight:700;min-width:46px;text-align:right}.storyboard-duration{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:3px;color:var(--color-text-primary);display:flex;gap:4px;padding:5px 8px}.storyboard-duration input{width:36px}.storyboard-duration input,.storyboard-duration select{background:#0000;border:none;color:var(--color-text-primary);font-family:inherit;font-size:11px;font-weight:600;outline:none;text-align:center}.storyboard-duration select{-webkit-appearance:none;appearance:none;cursor:pointer;width:50px}.storyboard-duration span{color:var(--color-text-secondary);font-size:10px}.storyboard-duration-group{align-items:center;display:flex;gap:4px}.storyboard-duration-group input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:3px;color:var(--color-text-primary);font-family:inherit;font-size:11px;font-weight:600;outline:none;padding:5px 6px;text-align:center;width:44px}.storyboard-duration-group input:focus{border-color:var(--color-text-secondary)}.storyboard-duration-group select{-webkit-appearance:none;appearance:none;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:3px;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;outline:none;padding:5px 6px;text-align:center;width:56px}.storyboard-duration-group span{color:var(--color-text-secondary);font-size:10px}.storyboard-speed-badge{align-items:center;background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s ease}.storyboard-speed-badge:hover{border-color:var(--color-text-secondary)}.storyboard-speed-popover-trigger{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:700;gap:6px;padding:6px 10px;transition:all .2s ease}.storyboard-speed-popover-trigger:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.storyboard-speed-popover-trigger:disabled{cursor:not-allowed;opacity:.6}.storyboard-speed-popover-value{background:var(--color-bg-user-bubble);border-radius:3px;color:var(--color-text-primary);font-size:10px;font-weight:700;padding:2px 6px}.storyboard-speed-popover-content{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;box-shadow:0 8px 20px var(--color-shadow-keyframe);padding:8px;z-index:20}.storyboard-speed-popover-arrow{fill:var(--color-bg-input);stroke:var(--color-border-input)}.storyboard-speed-header{align-items:center;color:var(--color-text-primary);font-size:11px;font-weight:600;gap:6px}.storyboard-speed-header,.storyboard-speed-presets{display:flex;justify-content:center;margin-bottom:8px}.storyboard-speed-presets{flex-wrap:wrap;gap:4px}.storyboard-speed-preset{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:3px;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;padding:4px 8px;transition:all .2s ease}.storyboard-speed-preset:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.storyboard-speed-preset.active{background:var(--color-text-primary);border-color:#0000;color:var(--color-bg-canvas-surface)}.storyboard-speed-preset:disabled{cursor:not-allowed;opacity:.5}.storyboard-speed-custom{align-items:center;color:var(--color-text-secondary);display:flex;font-size:11px;gap:4px;justify-content:center;margin-bottom:8px}.storyboard-speed-custom label{font-weight:600}.storyboard-speed-custom input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:3px;color:var(--color-text-primary);font-family:inherit;font-size:11px;padding:4px 6px;width:56px}.storyboard-speed-custom input:focus{border-color:var(--color-text-secondary);outline:none}.storyboard-speed-actions{display:flex;gap:6px;justify-content:center}.storyboard-speed-save{background:var(--color-text-primary);border:1px solid var(--color-text-primary);border-radius:3px;color:var(--color-bg-canvas-surface);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;padding:5px 10px;transition:all .2s ease}.storyboard-speed-save:disabled{cursor:not-allowed;opacity:.6}.storyboard-speed-inline{background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:4px;display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:10px}.storyboard-display-layout{align-items:center;gap:24px;max-width:800px}.storyboard-display-layout,.storyboard-prompt-card{display:flex;flex-direction:column;justify-content:center;width:100%}.storyboard-prompt-card{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;cursor:pointer;min-height:80px;padding:20px 24px;position:relative;transition:all .2s ease}.storyboard-prompt-card:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.storyboard-prompt-card.empty{border-color:#dc262666}.storyboard-prompt-card.empty .storyboard-prompt-text{color:#b91c1ccc;font-weight:600}.storyboard-prompt-text{word-wrap:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-size:14px;line-height:1.6;margin:0;overflow:hidden;overflow-wrap:break-word;text-align:center;text-overflow:ellipsis}.storyboard-prompt-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.storyboard-meta-badge{background:var(--color-bg-user-bubble);border-radius:4px;color:var(--color-text-secondary);font-size:11px;font-weight:600;padding:4px 10px}.storyboard-meta-badge.speed{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.storyboard-edit-btn,.storyboard-speed-btn{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:30px;justify-content:center;opacity:0;position:absolute;top:10px;transition:all .2s ease;width:30px}.storyboard-edit-btn{right:46px}.storyboard-speed-btn{right:10px}.storyboard-prompt-card:hover .storyboard-edit-btn,.storyboard-prompt-card:hover .storyboard-speed-btn{opacity:1}.storyboard-edit-btn:hover,.storyboard-speed-btn:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.storyboard-keyframe-area{display:flex;flex-direction:column;gap:16px;max-width:760px;width:100%}.storyboard-keyframe-row{align-items:flex-start;display:flex;gap:0}.storyboard-keyframe-slot{aspect-ratio:16/9;background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:8px;cursor:pointer;max-width:320px;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.storyboard-keyframe-slot:hover{border-color:var(--color-text-secondary)}.storyboard-keyframe-slot.empty{align-items:center;border-style:dashed;display:flex;flex-direction:column;gap:8px;justify-content:center}.storyboard-keyframe-slot.empty .storyboard-keyframe-placeholder{color:var(--color-text-secondary);font-size:12px;font-weight:600}.storyboard-keyframe-slot.required{border-color:#dc262666}.storyboard-keyframe-image{height:100%;object-fit:cover;width:100%}.storyboard-keyframe-label{margin-bottom:8px;text-align:center}.storyboard-flow-arrow{align-items:center;color:var(--color-text-secondary);display:flex;flex-shrink:0;justify-content:center;margin-top:-8px;opacity:.5}.storyboard-motion-section{flex:1 1}.storyboard-motion-card{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(10px,1.5vh,14px) clamp(12px,2vw,20px);position:relative;transition:all .2s ease}.storyboard-motion-card:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.storyboard-motion-card.empty .storyboard-motion-prompt{color:#b91c1ce6;font-weight:600}.storyboard-motion-prompt{word-wrap:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-size:14px;line-height:1.5;margin:0;overflow:hidden;overflow-wrap:break-word;text-align:center;text-overflow:ellipsis}.storyboard-multi-shot-display{display:flex;flex-direction:column;gap:6px;max-height:110px;overflow-y:auto;width:100%}.storyboard-shot-pill{align-items:flex-start;background:var(--color-bg-input);border-radius:6px;display:flex;font-size:12px;gap:8px;line-height:1.4;padding:6px 10px}.storyboard-shot-number{align-items:center;background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:10px;font-weight:600;height:18px;justify-content:center;margin-top:1px;min-width:18px}.storyboard-shot-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;flex:1 1;overflow:hidden;text-overflow:ellipsis}.storyboard-shot-duration{background:var(--color-bg-user-bubble);border-radius:4px;color:var(--color-text-secondary);flex-shrink:0;font-size:10px;font-weight:600;margin-top:1px;padding:2px 6px}.storyboard-motion-meta{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}.storyboard-motion-badge{background:var(--color-bg-user-bubble);border-radius:4px;color:var(--color-text-secondary);font-size:11px;font-weight:600;padding:3px 8px}.storyboard-motion-badge.speed{color:var(--color-text-primary)}.storyboard-motion-speed-btn{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px}.storyboard-motion-card:hover .storyboard-motion-speed-btn{opacity:1}.storyboard-motion-speed-btn:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.storyboard-motion-edit-form{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;display:flex;flex:0 0 auto;flex-direction:column;overflow:visible;padding:clamp(8px,1.2vh,12px)}.kling-panel{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:10px;padding:12px}.kling-panel-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.kling-panel-title{color:var(--color-text-primary);font-size:12px;font-weight:800;letter-spacing:.2px}.kling-panel-meta{opacity:.9}.kling-panel-empty,.kling-panel-meta{color:var(--color-text-secondary);font-size:12px}.kling-panel-empty{padding:8px 2px}.kling-panel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.kling-panel-actions--stack{flex-direction:column;margin-bottom:0;margin-top:10px}.kling-shot-list{display:flex;flex-direction:column;gap:10px}.kling-shot-card{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:10px;padding:10px}.kling-shot-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.kling-shot-title{color:var(--color-text-primary);font-size:12px;font-weight:700}.kling-shot-duration select{min-width:72px}.kling-shot-remove{font-size:12px;padding:6px 10px}.kling-shot-textarea{min-height:64px}.kling-element-list{display:flex;flex-direction:column;gap:8px}.kling-element-card{align-items:center;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:10px;display:flex;gap:10px;padding:10px}.kling-element-thumb{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:10px;height:44px;object-fit:cover;width:44px}.kling-element-thumb--empty{border-style:dashed;opacity:.7}.kling-element-body{flex:1 1;min-width:0}.kling-element-title{color:var(--color-text-primary);font-size:12px;font-weight:700;margin-bottom:2px}.kling-element-subtitle{color:var(--color-text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kling-element-actions{align-items:center;display:flex;gap:6px}.kling-icon-btn{align-items:center;display:inline-flex;justify-content:center;padding:6px 0;width:34px}.kling-row{align-items:center;display:flex;gap:10px}.kling-row--space{justify-content:space-between}.kling-native-select{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-primary);flex:1 1;font-size:13px;height:32px;outline:none;padding:0 10px}.kling-native-select:focus{border-color:var(--color-text-secondary)}.kling-error{color:#b91c1cf2;font-size:12px}.storyboard-motion-textarea{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;box-sizing:border-box;color:var(--color-text-primary);flex:0 0 auto;font-family:inherit;font-size:clamp(12px,1.6vh,14px);height:auto;line-height:1.4;max-height:72px;min-height:48px;outline:none;padding:clamp(6px,1vh,10px);resize:none;transition:border-color .2s ease;width:100%}.storyboard-motion-textarea:focus{border-color:var(--color-text-secondary)}.storyboard-motion-textarea::placeholder{color:var(--color-text-secondary)}.storyboard-motion-controls{flex:0 0 auto;flex-direction:row;justify-content:space-between;margin-top:clamp(6px,1vh,10px)}.storyboard-motion-controls,.storyboard-motion-edit-row{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(6px,1vw,10px)}.storyboard-motion-edit-buttons{display:flex;gap:8px}.storyboard-btn-save{background:var(--color-text-primary);border:1px solid var(--color-text-primary);border-radius:6px;color:var(--color-bg-canvas-surface);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.storyboard-btn-save:hover:not(:disabled){opacity:.9}.storyboard-btn-save:disabled{cursor:not-allowed;opacity:.6}.storyboard-btn-outline{background:#0000;border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.storyboard-btn-outline:hover:not(:disabled){background:var(--color-bg-user-bubble)}.storyboard-btn-action-frames{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:background .15s ease,opacity .15s ease,border-color .15s ease}.storyboard-btn-action-frames:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.storyboard-btn-action-frames:disabled{cursor:not-allowed;opacity:.5}.storyboard-btn-action-frames .spinning{animation:spin 1s linear infinite}.action-frames-tooltip{animation:tooltipFadeIn .15s ease;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;box-shadow:0 4px 12px #00000026;color:var(--color-text-secondary);font-size:12px;line-height:1.4;max-width:240px;padding:8px 12px;z-index:9999}.action-frames-tooltip-arrow{fill:var(--color-bg-input)}.storyboard-mc-content{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:32px}.storyboard-mc-keyframe-area{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.storyboard-mc-keyframe{aspect-ratio:16/9;transition:all .2s ease}.storyboard-mc-keyframe.active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-text-secondary)}.storyboard-mc-upload-zone{align-items:center;aspect-ratio:16/9;background:var(--color-bg-user-bubble);border:1px dashed var(--color-border-input);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;position:relative;transition:all .2s ease;width:320px}.storyboard-mc-upload-zone:hover{background:var(--color-bg-input);border-color:var(--color-text-secondary)}.storyboard-mc-upload-icon{align-items:center;background:var(--color-bg-input);border-radius:50%;color:var(--color-text-secondary);display:flex;height:40px;justify-content:center;width:40px}.storyboard-mc-upload-text{color:var(--color-text-secondary);font-size:13px;font-weight:600}.storyboard-mc-upload-hint{color:var(--color-text-secondary);font-size:11px;opacity:.7}.storyboard-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.storyboard-modal-overlay,.storyboard-picker-overlay{animation:storyboardFadeIn .2s ease;inset:0;position:fixed;z-index:9999}.storyboard-picker-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--color-bg-canvas-surface);opacity:.9}@keyframes storyboardFadeIn{0%{opacity:0}to{opacity:1}}.storyboard-modal{animation:storyboardModalSlideIn .25s ease;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:12px;box-shadow:0 24px 60px var(--color-shadow-keyframe);left:50%;max-height:90vh;max-width:900px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:10000}@keyframes storyboardModalSlideIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.storyboard-modal-header{align-items:center;border-bottom:1px solid var(--color-border-input);display:flex;justify-content:space-between;padding:16px 20px}.storyboard-modal-title-group{display:flex;flex-direction:column;gap:4px}.storyboard-modal-title{color:var(--color-text-primary);font-size:14px;font-weight:700;letter-spacing:.2px;margin:0}.storyboard-modal-subtitle{color:var(--color-text-secondary);font-size:11px;font-weight:600}.storyboard-modal-close{align-items:center;background:var(--color-bg-user-bubble);border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.storyboard-modal-close:hover{background:var(--color-bg-input);color:var(--color-text-primary)}.storyboard-modal.dark{background:#1c1612fa;border-color:var(--color-border-input)}.storyboard-modal.dark .storyboard-modal-header{border-color:#ffffff1a}.storyboard-modal.dark .storyboard-modal-title{color:#fff8f3e6}.storyboard-modal.dark .storyboard-modal-subtitle{color:#fff8f399}.storyboard-modal.dark .storyboard-modal-close{background:#ffffff14;color:#fff8f3b3}.storyboard-modal.dark .storyboard-modal-close:hover{background:#ffffff26;color:#fff8f3}.storyboard-video-container{align-items:center;background:#000;display:flex;justify-content:center;padding:20px}.storyboard-preview-video{border-radius:6px;max-height:70vh;outline:none;width:100%}.storyboard-picker-modal{animation:storyboardModalSlideIn .25s ease;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:12px;box-shadow:0 24px 60px var(--color-shadow-keyframe);display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:720px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:10000}.storyboard-picker-body{background:var(--color-bg-canvas-surface);flex:1 1;overflow-y:auto;padding:16px 20px 20px}.storyboard-picker-empty{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px;text-align:center}.storyboard-picker-empty span:first-of-type{color:var(--color-text-primary);font-size:15px;font-weight:600}.storyboard-picker-empty-sub{font-size:13px;max-width:280px;opacity:.7}.storyboard-picker-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.storyboard-picker-item{background:var(--color-bg-user-bubble);border:2px solid var(--color-border-input);border-radius:8px;box-shadow:0 2px 8px var(--color-shadow-keyframe);cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.storyboard-picker-item:hover{border-color:var(--color-text-secondary);box-shadow:0 8px 24px var(--color-shadow-keyframe);transform:scale(1.02)}.storyboard-picker-item video{height:100%;object-fit:cover;width:100%}.storyboard-picker-item-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.storyboard-picker-item:hover .storyboard-picker-item-overlay{opacity:1}.storyboard-picker-item-duration{background:#0009;border-radius:4px;bottom:8px;color:#fff;font-size:11px;font-weight:700;left:8px;padding:2px 6px;position:absolute}.storyboard-video-menu{animation:storyboardFadeIn .15s ease;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:10px;box-shadow:0 18px 50px var(--color-shadow-keyframe);min-width:260px;padding:6px;z-index:1000}.storyboard-video-menu-item{align-items:center;border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:flex;gap:12px;outline:none;padding:12px 14px;transition:all .15s ease}.storyboard-video-menu-item:hover,.storyboard-video-menu-item[data-highlighted]{background:var(--color-bg-user-bubble)}.storyboard-video-menu-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.storyboard-video-menu-text>span:first-child{font-size:13px;font-weight:600}.storyboard-video-menu-sub{color:var(--color-text-secondary);font-size:11px;font-weight:500}.storyboard-video-menu-arrow{color:var(--color-text-secondary);opacity:.5}.storyboard-video-menu-sep{background:var(--color-border-input);height:1px;margin:6px 8px}.storyboard-r2v-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-width:900px;width:100%}.storyboard-r2v-item{aspect-ratio:1;background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.storyboard-r2v-item:hover{border-color:var(--color-text-secondary)}.storyboard-r2v-item.selected{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-text-secondary)}.storyboard-r2v-item img{height:100%;object-fit:cover;width:100%}.storyboard-r2v-add{align-items:center;aspect-ratio:1;background:var(--color-bg-user-bubble);border:1px dashed var(--color-border-input);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;transition:all .2s ease}.storyboard-r2v-add:hover{background:var(--color-bg-input);border-color:var(--color-text-secondary)}.storyboard-r2v-add-icon{align-items:center;background:var(--color-bg-input);border-radius:50%;color:var(--color-text-secondary);display:flex;height:36px;justify-content:center;width:36px}.storyboard-r2v-add-text{color:var(--color-text-secondary);font-size:12px;font-weight:600}@keyframes keyframePulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes keyframeShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.storyboard-keyframe-section-large{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;gap:clamp(2px,.5vh,6px);max-width:min(600px,90vw);min-height:100px;width:100%}.storyboard-keyframe-label{color:var(--color-text-secondary);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.storyboard-keyframe-xlarge{align-items:center;aspect-ratio:3/2;background:#0000;border:1px solid var(--color-border-input);border-radius:8px;cursor:pointer;display:flex;flex:1 1 auto;height:100%;justify-content:center;max-width:100%;min-height:80px;overflow:hidden;position:relative;transition:all .25s ease;width:auto}.storyboard-keyframe-xlarge.empty{border-style:dashed}.storyboard-keyframe-xlarge:hover{border-color:var(--color-text-secondary);box-shadow:0 12px 32px var(--color-shadow-keyframe);transform:scale(1.02)}.storyboard-keyframe-xlarge.generating{animation:keyframePulse 1.5s ease-in-out infinite}.storyboard-keyframe-xlarge.pending{background:var(--color-bg-input);cursor:default}.storyboard-keyframe-xlarge.pending:hover{border-color:var(--color-border-input);box-shadow:none;transform:none}.storyboard-keyframe-xlarge img{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.storyboard-keyframe-upload-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.storyboard-keyframe-upload-spinner{border-width:3px;box-shadow:none;height:28px;width:28px}.storyboard-keyframe-placeholder{align-items:center;background:var(--color-bg-user-bubble);border-radius:6px;color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px;height:100%;justify-content:center;padding:16px;text-align:center;transition:all .2s ease;width:100%}.storyboard-keyframe-large:hover .storyboard-keyframe-placeholder,.storyboard-keyframe-xlarge:hover .storyboard-keyframe-placeholder{background:var(--color-bg-input);color:var(--color-text-primary)}.storyboard-keyframe-large .storyboard-keyframe-placeholder,.storyboard-keyframe-xlarge .storyboard-keyframe-placeholder{border:none}.storyboard-keyframe-large .storyboard-keyframe-placeholder:before,.storyboard-keyframe-xlarge .storyboard-keyframe-placeholder:before{display:none}.storyboard-keyframe-placeholder-sub{color:var(--color-text-secondary);font-size:11px;font-weight:500;margin-top:2px;opacity:.8;transition:opacity .2s ease}.storyboard-keyframe-large:hover .storyboard-keyframe-placeholder-sub,.storyboard-keyframe-xlarge:hover .storyboard-keyframe-placeholder-sub{opacity:1}.storyboard-keyframe-overlay{align-items:center;background:#00000080;color:#fff;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.storyboard-keyframe-overlay span{font-size:14px;font-weight:600}.storyboard-keyframe-large:hover .storyboard-keyframe-overlay,.storyboard-keyframe-xlarge:hover .storyboard-keyframe-overlay{opacity:1}.storyboard-keyframe-remove-btn{align-items:center;background:#00000080;border:1px solid #ffffff4d;border-radius:6px;color:#ffffffe6;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px}.storyboard-keyframe-large:hover .storyboard-keyframe-remove-btn,.storyboard-keyframe-xlarge:hover .storyboard-keyframe-remove-btn{opacity:1}.storyboard-keyframe-remove-btn:hover:not(:disabled){background:#ef4444d9;border-color:#ef4444e6;color:#fff}.storyboard-keyframe-remove-btn:disabled{cursor:not-allowed;opacity:.5}.storyboard-flow-arrow-large{color:var(--color-text-secondary);flex:0 0 auto;margin:clamp(4px,1vh,12px) 0;opacity:.5}.storyboard-flow-arrow-large svg{height:clamp(18px,3vh,28px);width:clamp(18px,3vh,28px)}.storyboard-motion-section-large{display:flex;flex:0 0 auto;flex-direction:column;gap:clamp(2px,.5vh,6px);margin-top:0;max-width:min(700px,95vw);overflow:visible;width:100%}.tr-layout .storyboard-motion-section-large{margin-top:clamp(16px,3vh,28px)}.storyboard-motion-section-large.empty .storyboard-motion-prompt{color:#b91c1ce6;font-weight:600}.storyboard-keyframes-row{align-items:flex-start;display:flex;gap:40px;justify-content:center}.storyboard-keyframe-section{align-items:center;display:flex;flex-direction:column;gap:8px}.storyboard-keyframe-large{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:8px;cursor:pointer;display:flex;height:330px;justify-content:center;max-width:100%;overflow:hidden;position:relative;transition:all .25s ease;width:500px}.storyboard-keyframe-large:hover{border-color:var(--color-text-secondary);box-shadow:0 8px 24px var(--color-shadow-keyframe);transform:scale(1.02)}.storyboard-keyframe-large.empty{border-style:dashed}.storyboard-keyframe-large.generating{animation:keyframePulse 1.5s ease-in-out infinite}.storyboard-keyframe-large.pending{background:var(--color-bg-input);cursor:default}.storyboard-keyframe-large.pending:hover{border-color:var(--color-border-input);box-shadow:none;transform:none}.storyboard-keyframe-skeleton{animation:keyframeShimmer 1.6s linear infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff2e 40%,#ffffff0d 80%);background-size:200% 100%;inset:0;pointer-events:none;position:absolute}.storyboard-keyframe-large img{display:block;height:auto;max-height:330px;max-width:100%;object-fit:contain;width:auto}.storyboard-motion-row{align-items:flex-start;display:flex;gap:0}.storyboard-mc-keyframe{background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:8px;cursor:pointer;height:200px;overflow:hidden;position:relative;transition:all .25s ease;width:320px}.storyboard-mc-keyframe:hover{border-color:var(--color-text-secondary);box-shadow:0 8px 24px var(--color-shadow-keyframe);transform:scale(1.02)}.storyboard-mc-keyframe img,.storyboard-mc-keyframe video{height:100%;object-fit:cover;width:100%}.storyboard-mc-keyframe.empty{align-items:center;border-style:dashed;color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:8px;justify-content:center}.storyboard-mc-keyframe.empty:hover{background:var(--color-bg-input);color:var(--color-text-primary)}.storyboard-mc-keyframe.empty .storyboard-keyframe-placeholder-sub{color:var(--color-text-secondary);font-size:11px;font-weight:500;opacity:.8;transition:opacity .2s ease}.storyboard-mc-keyframe.empty:hover .storyboard-keyframe-placeholder-sub{opacity:1}.storyboard-mc-keyframe.generating{animation:keyframePulse 1.5s ease-in-out infinite}.storyboard-mc-keyframe.video-frame{background:#000}.storyboard-mc-keyframe.upload.uploading{cursor:wait;opacity:.7}.storyboard-mc-video-overlay{align-items:center;background:#0006;color:#fff;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.storyboard-mc-keyframe.video-frame:hover .storyboard-mc-video-overlay{opacity:1}.storyboard-mc-video-overlay span{font-size:12px;font-weight:600;letter-spacing:.3px}.storyboard-mc-play-icon{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:50%;display:flex;height:52px;justify-content:center;transition:all .2s ease;width:52px}.storyboard-mc-keyframe.video-frame:hover .storyboard-mc-play-icon{background:var(--color-text-primary);transform:scale(1.05)}.storyboard-mc-remove-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px}.storyboard-mc-remove-btn:hover{background:#dc2626cc}.storyboard-mc-spinner{animation:spin 1s linear infinite;border:3px solid var(--color-bg-user-bubble);border-radius:50%;border-top-color:var(--color-text-primary);height:28px;width:28px}.storyboard-mc-upload-error{align-items:center;color:#b91c1ce6;display:flex;font-size:12px;gap:6px;margin-top:4px}.storyboard-mc-controls-panel{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;margin-top:24px;max-width:760px;padding:20px;width:100%}.storyboard-mc-controls-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.storyboard-mc-control{display:flex;flex-direction:column;gap:4px}.storyboard-mc-control label{color:var(--color-text-secondary);font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.storyboard-mc-suffix{color:var(--color-text-secondary);font-weight:500}.storyboard-mc-mode-select{min-width:90px}.storyboard-mc-speed-value{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-primary);font-size:13px;font-weight:600;min-width:64px;padding:8px 12px;text-align:center}.storyboard-mc-btns{display:flex;gap:8px;margin-left:auto}@container i2v-canvas (max-height: 450px){.video-storyboard-content.i2v-layout{padding:6px 12px}.storyboard-flow-arrow-large{margin:4px 0}}@container i2v-canvas (max-height: 350px){.storyboard-keyframe-label{font-size:9px}.storyboard-motion-textarea{max-height:48px;min-height:36px}}@container i2v-canvas (max-width: 350px){.storyboard-motion-controls{align-items:stretch;flex-direction:column;gap:6px}.storyboard-motion-edit-row{flex-wrap:wrap;justify-content:center}.storyboard-motion-edit-buttons{justify-content:center}}@media (max-height:500px){.video-storyboard-content.i2v-layout{gap:2px;padding:6px 10px}.storyboard-keyframe-section-large{gap:2px}.storyboard-flow-arrow-large{margin:2px 0}.storyboard-flow-arrow-large svg{height:16px;width:16px}.storyboard-motion-edit-form{padding:6px}.storyboard-motion-textarea{font-size:12px;max-height:48px;min-height:32px;padding:6px}.storyboard-motion-controls{gap:4px;margin-top:4px}.storyboard-motion-card{padding:8px 12px}.storyboard-keyframe-label{font-size:9px;margin-bottom:2px}}@media (max-height:400px){.video-storyboard-content.i2v-layout{overflow-y:auto;padding:4px 8px}.storyboard-keyframe-section-large{min-height:60px}.storyboard-motion-textarea{max-height:40px;min-height:28px}}@media (max-width:400px){.video-storyboard-content.i2v-layout{padding:8px}.storyboard-keyframe-xlarge,.storyboard-motion-section-large{max-width:100%}.storyboard-motion-controls{align-items:stretch;flex-direction:column}.storyboard-motion-edit-row{justify-content:center}.storyboard-motion-edit-buttons{justify-content:center;margin-top:6px}}.storyboard-hidden{display:none}.storyboard-flex-1{flex:1 1}.storyboard-text-center{text-align:center}.ref-images-section{align-items:center;display:flex;flex-direction:column;gap:12px;max-width:700px;width:100%}.ref-images-label{color:var(--color-text-primary);font-size:13px;font-weight:700;letter-spacing:.5px;text-align:center;text-transform:uppercase;width:100%}.ref-keyframes-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);width:100%}.ref-keyframe-slot{aspect-ratio:1;background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .25s ease}.ref-keyframe-slot:hover{border-color:var(--color-text-secondary);box-shadow:0 8px 24px var(--color-shadow-keyframe);transform:scale(1.02)}.ref-keyframe-slot.generating{animation:keyframePulse 1.5s ease-in-out infinite}.ref-keyframe-slot.tag-highlight{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-text-secondary);transform:scale(1.02)}.ref-keyframe-slot.empty{border-style:dashed}.ref-keyframe-slot.empty:hover{background:var(--color-bg-input)}.ref-keyframe-slot img{height:100%;object-fit:cover;width:100%}.ref-keyframe-placeholder{align-items:center;background:var(--color-bg-user-bubble);border-radius:6px;color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:6px;height:100%;justify-content:center;padding:12px;text-align:center;transition:all .2s ease;width:100%}.ref-keyframe-slot:hover .ref-keyframe-placeholder{background:var(--color-bg-input);color:var(--color-text-primary)}.ref-keyframe-overlay{align-items:center;background:#00000080;color:#fff;display:flex;flex-direction:column;gap:4px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.ref-keyframe-overlay span{font-size:11px;font-weight:600}.ref-keyframe-slot:hover .ref-keyframe-overlay{opacity:1}.ref-keyframe-badge{background:var(--color-text-primary);border-radius:4px;bottom:6px;color:var(--color-bg-canvas-surface);font-size:9px;font-weight:700;left:6px;letter-spacing:.3px;padding:3px 6px;position:absolute;text-transform:uppercase}.ref-keyframe-slot.pending{border-color:var(--color-text-secondary);border-style:dashed}.ref-keyframe-pending-badge{background:var(--color-text-secondary);border-radius:4px;bottom:6px;color:var(--color-bg-canvas-surface);font-size:9px;font-weight:700;left:6px;letter-spacing:.3px;padding:3px 6px;position:absolute;text-transform:uppercase}.ref-keyframe-remove-btn{align-items:center;background:#00000080;border:1px solid #ffffff4d;border-radius:6px;color:#ffffffe6;cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:6px;top:6px;transition:all .2s ease;width:26px;z-index:2}.ref-keyframe-slot:hover .ref-keyframe-remove-btn{opacity:1}.ref-keyframe-remove-btn:hover:not(:disabled){background:#ef4444d9;border-color:#ef4444e6;color:#fff}.ref-keyframe-remove-btn:disabled{cursor:not-allowed;opacity:.5}.ref-arrow{align-self:center;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;margin:clamp(8px,1.5vh,16px) 0;opacity:.5}.ref-arrow,.ref-assets-section{align-items:center;display:flex}.ref-assets-section{flex-direction:column;gap:10px;margin-top:clamp(8px,1.5vh,16px);max-width:700px;width:100%}.ref-assets-header{align-items:center;display:flex;gap:12px;justify-content:center;width:100%}.ref-assets-label{font-weight:700;letter-spacing:.5px;text-align:center;text-transform:uppercase}.ref-add-asset-btn,.ref-assets-label{color:var(--color-text-secondary);font-size:12px}.ref-add-asset-btn{align-items:center;background:var(--color-bg-user-bubble);border:1px dashed var(--color-border-input);border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.ref-add-asset-btn:hover:not(:disabled){background:var(--color-bg-input);border-color:var(--color-text-secondary)}.ref-add-asset-btn:disabled{cursor:not-allowed;opacity:.5}.ref-asset-picker-content{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;box-shadow:0 18px 40px var(--color-shadow-keyframe);max-height:320px;overflow:hidden;width:280px;z-index:50}.ref-asset-picker-title{color:var(--color-text-secondary);font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 14px 8px;text-transform:uppercase}.ref-asset-picker-list{max-height:260px;overflow-y:auto;padding:0 6px 6px}.ref-asset-picker-item{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-family:inherit;gap:10px;padding:8px 10px;text-align:left;transition:background .15s ease;width:100%}.ref-asset-picker-item:hover{background:var(--color-bg-user-bubble)}.ref-asset-picker-thumb{object-fit:cover}.ref-asset-picker-placeholder,.ref-asset-picker-thumb{border-radius:6px;flex-shrink:0;height:32px;width:32px}.ref-asset-picker-placeholder{align-items:center;background:var(--color-bg-user-bubble);color:var(--color-text-secondary);display:flex;font-size:12px;justify-content:center}.ref-asset-picker-name{color:var(--color-text-primary);flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-asset-picker-warning{color:#eab308cc;flex-shrink:0}.ref-asset-picker-empty{color:var(--color-text-secondary);font-size:12px;padding:16px;text-align:center}.ref-assets-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.ref-asset-item{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;cursor:pointer;display:flex;gap:10px;max-width:220px;min-width:140px;padding:8px 28px 8px 12px;position:relative;transition:all .2s ease}.ref-asset-item.selected,.ref-asset-item:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.ref-asset-item.tag-highlight{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-text-secondary)}.ref-asset-item.generating{opacity:.7}.ref-asset-remove-btn{align-items:center;background:var(--color-bg-user-bubble);border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;height:20px;justify-content:center;line-height:1;position:absolute;right:4px;top:4px;transition:all .15s ease;width:20px}.ref-asset-remove-btn:hover:not(:disabled){background:#dc262626;color:#dc2626cc}.ref-asset-remove-btn:disabled{cursor:not-allowed;opacity:.3}.ref-asset-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:absolute;z-index:100}.ref-asset-modal{background:var(--color-bg-input);border-radius:12px;box-shadow:0 16px 40px var(--color-shadow-keyframe);display:flex;flex-direction:column;max-height:calc(100% - 40px);max-width:420px;overflow:hidden;position:relative;width:100%}.ref-asset-modal-close{align-items:center;background:var(--color-bg-user-bubble);border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .15s ease;width:30px;z-index:1}.ref-asset-modal-close:hover{background:var(--color-bg-input);color:var(--color-text-primary)}.ref-asset-modal-header{align-items:center;border-bottom:1px solid var(--color-border-input);display:flex;gap:12px;justify-content:space-between;padding:14px 16px 12px}.ref-asset-modal-title{color:var(--color-text-primary);font-size:15px;font-weight:700;margin:0}.ref-asset-modal-gen-btn{align-items:center;background:#eab3081a;border:1px solid #eab30866;border-radius:6px;color:#b48200e6;cursor:pointer;display:flex;font-family:inherit;font-size:11px;font-weight:600;gap:5px;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.ref-asset-modal-gen-btn:hover:not(:disabled){background:#eab30833;border-color:#eab30899}.ref-asset-modal-gen-btn:disabled{cursor:not-allowed;opacity:.7}.ref-asset-modal-content{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:14px 16px 16px}.ref-asset-modal-main{align-items:center;display:flex;flex-direction:column;gap:6px}.ref-asset-modal-main img{aspect-ratio:1;background:var(--color-bg-user-bubble);border-radius:8px;object-fit:cover;width:50%}.ref-asset-modal-label{align-self:flex-start;color:var(--color-text-secondary);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.ref-asset-modal-placeholder{align-items:center;aspect-ratio:1;background:var(--color-bg-user-bubble);border-radius:8px;color:var(--color-text-secondary);display:flex;font-size:13px;justify-content:center;width:50%}.ref-asset-modal-angles{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.ref-asset-modal-angle{display:flex;flex-direction:column;gap:6px}.ref-asset-modal-angle img{object-fit:cover}.ref-asset-modal-angle img,.ref-asset-modal-angle-empty{aspect-ratio:1;background:var(--color-bg-user-bubble);border-radius:8px;width:100%}.ref-asset-modal-angle-empty{align-items:center;border:1px dashed var(--color-border-input);display:flex;font-size:11px;justify-content:center}.ref-asset-modal-angle-empty,.ref-asset-modal-angle-empty .spinning{color:var(--color-text-secondary)}.ref-asset-thumb{object-fit:cover}.ref-asset-placeholder,.ref-asset-thumb{border-radius:6px;flex-shrink:0;height:36px;width:36px}.ref-asset-placeholder{align-items:center;background:var(--color-bg-user-bubble);color:var(--color-text-secondary);display:flex;font-size:8px;justify-content:center}.ref-asset-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.ref-asset-name{color:var(--color-text-primary);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-asset-warning{align-items:center;color:#eab308e6;display:flex;font-size:10px;gap:4px}.ref-asset-warning svg{flex-shrink:0}.ref-generate-views-btn{background:#eab3081a;border:1px solid #eab30866;border-radius:4px;color:#b48200e6;cursor:pointer;font-family:inherit;font-size:9px;font-weight:600;padding:2px 6px;transition:all .2s ease;white-space:nowrap}.ref-generate-views-btn:hover{background:#eab30833;border-color:#eab30899}.ref-asset-generating{align-items:center;color:var(--color-text-secondary);display:flex;font-size:10px;gap:4px}.ref-asset-generating .spinning{animation:spin 1s linear infinite}.ref-asset-has-views{align-items:center;color:#22c55ecc;display:flex;font-size:10px;gap:4px}.prompt-textarea-wrapper{position:relative;width:100%}.prompt-rich-overlay{word-wrap:break-word;border:1px solid #0000;border-radius:6px;box-sizing:border-box;color:var(--color-text-primary);font-family:inherit;font-size:clamp(12px,1.6vh,14px);inset:0;line-height:1.4;overflow-y:auto;padding:clamp(6px,1vh,10px);pointer-events:none;position:absolute;white-space:pre-wrap}.prompt-rich-overlay .prompt-inline-chip{pointer-events:auto}.prompt-rich-placeholder{color:var(--color-text-secondary)}.motion-textarea-transparent{background:#0000;caret-color:var(--color-text-primary);color:#0000}.motion-textarea-transparent::selection{background:var(--color-bg-user-bubble);color:#0000}.prompt-inline-chip{background:var(--color-bg-user-bubble);border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;box-shadow:0 0 0 2px var(--color-bg-user-bubble);color:var(--color-text-primary);cursor:default;display:inline;font-size:inherit;font-weight:inherit;margin:0;padding:0;transition:background .15s ease}.prompt-inline-chip.invalid{background:#dc26261a;box-shadow:0 0 0 2px #dc262624;color:#b91c1ccc}.prompt-inline-chip.hovered{background:var(--color-text-secondary);box-shadow:0 0 0 2px var(--color-text-secondary)}.prompt-tag-anchor{position:relative;width:100%}.prompt-caret-mirror{word-wrap:break-word;border:1px solid #0000;box-sizing:border-box;font-family:inherit;font-size:clamp(12px,1.6vh,14px);inset:0;line-height:1.4;overflow:hidden;padding:clamp(6px,1vh,10px);pointer-events:none;position:absolute;visibility:hidden;white-space:pre-wrap}.prompt-caret-marker{display:inline-block;height:1em;width:1px}.prompt-caret-anchor{height:1px;pointer-events:none;position:absolute;width:1px}.prompt-tag-autocomplete{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;box-shadow:0 18px 40px var(--color-shadow-keyframe);padding:8px;width:min(420px,calc(100vw - 48px));z-index:60}.prompt-tag-autocomplete-list{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.prompt-tag-autocomplete-item{align-items:baseline;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;cursor:pointer;display:flex;font-family:inherit;gap:8px;justify-content:space-between;padding:6px 8px;text-align:left;width:100%}.prompt-tag-autocomplete-left{align-items:center;display:inline-flex;gap:8px;min-width:0}.prompt-tag-autocomplete-thumb{background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:3px;flex-shrink:0;height:16px;object-fit:cover;width:16px}.prompt-tag-autocomplete-thumb.placeholder{align-items:center;background:var(--color-bg-user-bubble);color:var(--color-text-secondary);display:inline-flex;font-size:10px;font-weight:800;justify-content:center}.prompt-tag-autocomplete-item.active,.prompt-tag-autocomplete-item:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.prompt-tag-autocomplete-token{color:var(--color-text-primary);font-size:12px;font-weight:800;white-space:nowrap}.prompt-tag-autocomplete-meta{color:var(--color-text-secondary);flex:1 1;font-size:10px;font-weight:600;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.r2v-layout .storyboard-motion-section-large{flex:0 0 auto;max-width:700px}.video-storyboard-content.r2v-layout{justify-content:center}@media (max-width:600px){.ref-keyframes-grid{grid-template-columns:repeat(2,1fr)}}.video-storyboard-content.v2v-layout{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:auto;padding:clamp(16px,4vh,60px) clamp(12px,3vw,32px)}.v2v-form.storyboard-form{align-items:center;display:flex;flex-direction:column;gap:clamp(12px,2vh,20px);max-height:100%;max-width:720px;width:100%}.v2v-source-section.storyboard-keyframe-section-large{align-items:center;display:flex;flex-direction:column;max-width:480px;width:100%}.v2v-source-section .storyboard-keyframe-label{margin-bottom:8px;text-align:center}.v2v-form .storyboard-mc-keyframe{aspect-ratio:16/9;height:auto;min-height:clamp(140px,24vh,200px);width:100%}.v2v-form .storyboard-mc-keyframe.empty{background:var(--color-bg-input)}.v2v-form .storyboard-mc-keyframe.empty:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.v2v-form>.storyboard-flow-arrow-large{align-items:center;display:flex;justify-content:center;width:100%}.v2v-form>.storyboard-prompt-section{align-items:center;display:flex;flex-direction:column;max-width:640px;width:100%}.v2v-form .storyboard-motion-textarea{min-height:clamp(80px,14vh,120px);width:100%}.v2v-form>.storyboard-mc-controls-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:0;max-width:640px;width:100%}.v2v-form .storyboard-mc-btns{margin-left:auto}.storyboard-advanced-slider{-webkit-appearance:none;appearance:none;background:var(--color-bg-user-bubble);border-radius:999px;cursor:pointer;height:6px;width:100%}.storyboard-advanced-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid var(--color-text-primary);border-radius:50%;box-shadow:0 2px 6px var(--color-shadow-keyframe);cursor:pointer;height:14px;width:14px}.storyboard-advanced-slider::-moz-range-thumb{background:#fff;border:1px solid var(--color-text-primary);border-radius:50%;box-shadow:0 2px 6px var(--color-shadow-keyframe);cursor:pointer;height:14px;width:14px}.storyboard-mc-video-id{max-width:480px;width:100%}.storyboard-mc-video-id input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:14px;outline:none;padding:12px;width:100%}.storyboard-mc-video-id input:focus{border-color:var(--color-text-secondary)}.storyboard-mc-video-id-help{color:var(--color-text-secondary);display:block;font-size:11px;margin-top:6px;text-align:center}.editing-keyframe-canvas{background:#0000;flex-direction:row;gap:0!important;height:100%;padding:0!important}.editing-keyframe-canvas,.editing-keyframe-full-canvas{align-items:flex-start;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.editing-keyframe-full-canvas{box-sizing:border-box;height:auto;max-height:100%;min-height:0}.editing-keyframe-full-image{-webkit-user-drag:none;display:block;height:auto;margin:0;max-height:100%;max-width:100%;object-fit:contain;padding:0;-webkit-user-select:none;user-select:none;width:auto}.editing-keyframe-media-wrapper{align-items:flex-start;border:1px solid var(--color-border-input);border-radius:2px;display:flex;height:auto;justify-content:flex-start;max-height:100%;max-width:100%;min-height:0;min-width:0;overflow:hidden;position:relative;width:auto}.editing-keyframe-canvas-overlay{cursor:inherit;left:0;position:absolute;top:0;transform:none}.editing-keyframe-snap-guides{pointer-events:none;position:absolute;z-index:170}.editing-keyframe-snap-line{background:var(--color-text-secondary);box-shadow:0 0 0 1px var(--color-bg-canvas-surface);position:absolute}.editing-keyframe-snap-line-vertical{bottom:0;top:0;width:1px}.editing-keyframe-snap-line-horizontal{height:1px;left:0;right:0}.editing-keyframe-generating-overlay{background:var(--color-bg-canvas-surface);border-radius:2px;bottom:0;left:0;opacity:.7;position:absolute;right:0;top:0;z-index:200}.editing-keyframe-text-layer{border:1px solid #0000;border-radius:2px;cursor:move;padding:4px 8px;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.editing-keyframe-text-layer.editing{background:var(--color-bg-canvas-surface);border-color:var(--color-text-secondary);cursor:text;-webkit-user-select:text;user-select:text}.editing-keyframe-error{background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:2px;bottom:20px;color:var(--color-text-primary);font-size:12px;font-weight:500;left:50%;padding:8px 14px;position:absolute;transform:translateX(-50%);z-index:50}.magic-select-ripple-container{pointer-events:none;position:absolute;transform:translate(-50%,-50%);z-index:200}.magic-select-spinner{animation:magicSelectSpin .8s linear infinite;border:2px solid var(--color-border-input);border-radius:50%;border-top-color:var(--color-text-secondary);height:24px;width:24px}@keyframes magicSelectSpin{to{transform:rotate(1turn)}}.magic-select-mask-container{border:none;box-sizing:border-box;margin:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;z-index:100}.magic-select-mask-image{height:100%;left:0;object-fit:fill;opacity:.35;pointer-events:none;position:absolute;top:0;width:100%}.magic-select-mask-glare{display:none}.magic-select-mask-border{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.magic-select-mask-border img{height:100%;left:0;object-fit:fill;opacity:0;position:absolute;top:0;width:100%}.magic-select-actions{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:4px;bottom:24px;display:flex;flex-direction:row;gap:2px;left:50%;padding:4px;position:absolute;transform:translateX(-50%);z-index:300}.magic-select-action-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;padding:8px 12px;transition:background .15s ease,color .15s ease;white-space:nowrap}.magic-select-action-btn:hover{background:var(--color-bg-input);color:var(--color-text-primary)}.magic-select-action-btn svg{flex-shrink:0;opacity:.7}.magic-select-action-cut:hover,.magic-select-action-duplicate:hover,.magic-select-action-edit:hover{background:var(--color-bg-input);color:var(--color-text-primary)}.magic-select-action-delete:hover{background:#dc26261a;color:#dc2626}.magic-select-action-cancel{background:#0000;margin-left:2px;padding:8px}.magic-select-action-cancel:hover{background:var(--color-bg-input)}.magic-select-action-cancel span{display:none}.magic-select-edit-container{align-items:center;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:3px;bottom:24px;display:flex;flex-direction:row;gap:8px;left:50%;padding:6px 10px;position:absolute;transform:translateX(-50%);z-index:300}.magic-select-edit-input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);font-family:inherit;font-size:12px;padding:8px 10px;transition:border-color .15s ease;width:260px}.magic-select-edit-input:focus{border-color:var(--color-text-secondary);outline:none}.magic-select-edit-input::placeholder{color:var(--color-text-secondary)}.magic-select-edit-actions{display:flex;gap:6px}.magic-select-edit-cancel,.magic-select-edit-submit{padding:8px 14px}.magic-select-edit-cancel,.magic-select-edit-enhance,.magic-select-edit-submit{border-radius:3px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s ease,opacity .15s ease}.magic-select-edit-enhance{background:var(--color-bg-input);border:1px solid var(--color-border-input);color:var(--color-text-secondary);padding:8px 12px}.magic-select-edit-enhance:hover:not(:disabled){background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.magic-select-edit-enhance:disabled{cursor:not-allowed;opacity:.4}.magic-select-edit-submit{background:var(--color-text-primary);border:1px solid var(--color-text-primary);color:var(--color-bg-canvas-surface)}.magic-select-edit-submit:hover:not(:disabled){opacity:.9}.magic-select-edit-submit:disabled{cursor:not-allowed;opacity:.4}.magic-select-edit-cancel{background:#0000;border:1px solid var(--color-border-input);color:var(--color-text-secondary)}.magic-select-edit-cancel:hover:not(:disabled){background:var(--color-bg-input);color:var(--color-text-primary)}.magic-select-edit-cancel:disabled{cursor:not-allowed;opacity:.4}.magic-select-edit-input-wrapper{position:relative}.magic-select-edit-input.enhancing{opacity:.6;pointer-events:none}.magic-select-edit-enhancing-overlay{border-radius:2px;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.magic-select-edit-enhancing-shimmer{animation:magicSelectEnhanceShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff14 20%,#ffffff26 50%,#ffffff14 80%,#0000);background-size:200% 100%;inset:0;position:absolute}@keyframes magicSelectEnhanceShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.magic-select-duplicated-layer{align-items:center;background:var(--color-bg-sidebar);border:1px solid var(--color-border-input);border-radius:4px;bottom:80px;display:flex;flex-direction:column;gap:10px;left:50%;padding:12px 20px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:300}.magic-select-duplicated-layer img{border:1px solid var(--color-border-input);border-radius:2px;max-height:150px;max-width:200px;object-fit:contain}.magic-select-duplicated-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.magic-select-cutout-container{overflow:hidden;position:absolute}.magic-select-cutout-grid{background-image:linear-gradient(45deg,var(--color-border-input) 25%,#0000 25%),linear-gradient(-45deg,var(--color-border-input) 25%,#0000 25%),linear-gradient(45deg,#0000 75%,var(--color-border-input) 75%),linear-gradient(-45deg,#0000 75%,var(--color-border-input) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:2px;bottom:0;left:0;position:absolute;right:0;top:0}.magic-select-cutout-image{border-radius:2px;height:100%;object-fit:fill;position:relative;width:100%;z-index:1}.editing-keyframe-lasso-overlay path{stroke:var(--color-text-primary);fill:var(--color-border-user-bubble);animation:lassoDash .5s linear infinite;filter:drop-shadow(0 0 2px var(--color-bg-canvas-surface))}@keyframes lassoDash{0%{stroke-dashoffset:0}to{stroke-dashoffset:20}}.selecting-keyframe-view{background:var(--color-bg-canvas-surface);display:flex;flex-direction:column;gap:14px;inset:0;overflow:hidden;padding:16px;position:absolute}.selecting-keyframe-header{align-items:center;display:flex;flex-shrink:0;gap:12px;justify-content:space-between}.selecting-keyframe-back{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:5px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:8px 12px;transition:all .15s ease}.selecting-keyframe-back:hover:not(:disabled){background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.selecting-keyframe-back:disabled{cursor:not-allowed;opacity:.5}.selecting-keyframe-title{color:var(--color-text-primary);font-size:13px;font-weight:700;letter-spacing:.2px}.selecting-keyframe-banner{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-secondary);flex-shrink:0;font-size:12px;font-weight:600;padding:10px 12px;text-align:center}.selecting-keyframe-banner.error{background:#dc262614;border-color:#dc262640;color:#b91c1ce6}.selecting-keyframe-groups{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow:auto}.selecting-keyframe-group{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:12px}.selecting-keyframe-group.prioritized{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.selecting-keyframe-group-title{color:var(--color-text-secondary);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.selecting-keyframe-group.prioritized .selecting-keyframe-group-title{color:var(--color-text-primary)}.selecting-keyframe-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}@media (min-width:900px){.selecting-keyframe-row{grid-template-columns:repeat(4,1fr)}}@media (min-width:1200px){.selecting-keyframe-row{grid-template-columns:repeat(5,1fr)}}.selecting-keyframe-card{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:6px;cursor:pointer;font-family:inherit;overflow:hidden;padding:0;position:relative;text-align:left;transition:all .15s ease;z-index:1}.selecting-keyframe-card:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.selecting-keyframe-card:disabled{cursor:not-allowed;opacity:.5}.selecting-keyframe-card.prioritized{border-color:var(--color-text-secondary)}.selecting-keyframe-card.prioritized:hover:not(:disabled){border-color:var(--color-text-primary)}.selecting-keyframe-thumb{display:flex;flex-direction:column;overflow:hidden}.selecting-keyframe-thumb-label-row{background:var(--color-bg-input);border-bottom:1px solid var(--color-border-input);display:flex;justify-content:center;padding:6px 8px}.selecting-keyframe-thumb-label-text{color:var(--color-text-secondary);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.2px;text-align:center}.selecting-keyframe-thumb-image{align-items:center;background:var(--color-bg-user-bubble);display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;width:100%}.selecting-keyframe-thumb img{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.selecting-keyframe-thumb-placeholder{font-size:11px;height:120px;width:100%}.selecting-keyframe-empty,.selecting-keyframe-thumb-placeholder{align-items:center;color:var(--color-text-secondary);display:flex;font-weight:500;justify-content:center}.selecting-keyframe-empty{font-size:13px;padding:40px 20px;text-align:center}.selecting-keyframe-empty p{margin:0}.video-type-selection-view{align-items:center;background:var(--color-bg-canvas);display:flex;inset:0;justify-content:center;position:absolute}.video-type-content{align-items:center;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-sidebar);display:flex;flex-direction:column;gap:16px;padding:24px}.video-type-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.video-type-title{color:var(--color-text-secondary);font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.video-type-grid{background:var(--color-border-sidebar);border:1px solid var(--color-border-sidebar);flex-wrap:wrap;gap:1px;max-width:457px}.video-type-card,.video-type-grid{display:flex;justify-content:center}.video-type-card{align-items:center;background:var(--color-bg-canvas-surface);border:none;cursor:pointer;flex-direction:column;flex-shrink:0;font-family:inherit;gap:6px;padding:16px 12px;transition:background .1s ease;width:113px}.video-type-card:hover{background:var(--color-bg-user-bubble)}.video-type-card:active{background:var(--color-bg-input)}.video-type-card-icon{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center}.video-type-card:hover .video-type-card-icon{color:var(--color-text-primary)}.video-type-card-label{color:var(--color-text-primary);font-size:12px;font-weight:500;white-space:nowrap}.video-type-cancel{background:#0000;border:1px solid var(--color-border-sidebar);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;margin-top:4px;padding:6px 12px;transition:all .1s ease}.video-type-cancel:hover{background:var(--color-bg-user-bubble);border-color:var(--color-border-input);color:var(--color-text-primary)}@media (max-width:520px){.video-type-grid{max-width:342px}.video-type-card{width:113px}}@media (max-width:380px){.video-type-grid{max-width:229px}.video-type-card{padding:12px 10px;width:113px}.video-type-card-label{font-size:11px}.video-type-content{padding:16px}}.audio-creation-view{align-items:center;background:var(--color-bg-canvas);justify-content:center;padding:24px}.audio-creation-panel,.audio-creation-view{display:flex;height:100%;width:100%}.audio-creation-view .audio-sidebar{background:#0000;border:none;border-radius:0;height:100%;overflow:hidden;width:100%}.audio-creation-view .audio-sidebar .sidebar-content{gap:20px;padding:28px 40px}.audio-creation-view .audio-sidebar .sidebar-header{border-bottom:none;padding:20px 40px 12px}.audio-creation-view .audio-sidebar .sidebar-export-section{border-top:none;display:flex;justify-content:flex-end;padding:20px 40px 28px}.audio-creation-view .audio-sidebar .sidebar-export-section .storyboard-actions{justify-content:flex-end;width:100%}.audio-creation-view .audio-sidebar .sidebar-section{background:#0000;border:none;padding:0}.audio-creation-view .audio-sidebar .audio-type-toggle{margin:0 auto;max-width:520px;width:100%}.audio-creation-view .audio-sidebar .sidebar-textarea{min-height:120px}.audio-creation-view .audio-sidebar .audio-voices-list{max-height:320px}.audio-creation-view .audio-sidebar .audio-timestamp-info{margin-left:0;margin-right:auto;width:25%}.audio-creation-view .audio-sidebar .audio-form-split{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}.audio-creation-view .audio-sidebar .audio-form-left,.audio-creation-view .audio-sidebar .audio-form-right{min-width:0}.audio-creation-view .audio-sidebar .sidebar-slider-label{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}@media (max-width:1200px){.audio-creation-view .audio-sidebar .audio-form-split{grid-template-columns:1fr}}.audio-type-selection{align-items:center;background:var(--color-bg-canvas);border:none;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;padding:24px;width:100%}.audio-type-header{align-items:center;display:flex;gap:8px}.audio-type-title{color:var(--color-text-secondary);font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.audio-type-grid{background:var(--color-border-input);border:1px solid var(--color-border-input);flex-wrap:wrap;gap:1px;max-width:456px}.audio-type-card,.audio-type-grid{display:flex;justify-content:center}.audio-type-card{align-items:center;background:var(--color-bg-canvas-surface);border:none;cursor:pointer;flex-direction:column;flex-shrink:0;font-family:inherit;gap:6px;padding:16px 12px;transition:background .1s ease;width:113px}.audio-type-card:hover{background:var(--color-bg-user-bubble)}.audio-type-card:active{background:var(--color-bg-input)}.audio-type-card-icon{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center}.audio-type-card:hover .audio-type-card-icon{color:var(--color-text-primary)}.audio-type-card-label{color:var(--color-text-primary);font-size:12px;font-weight:500;white-space:nowrap}.audio-type-cancel{background:#0000;border:1px solid var(--color-border-input);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;margin-top:4px;padding:6px 12px;transition:all .1s ease}.audio-type-cancel:hover{background:var(--color-bg-user-bubble);border-color:var(--color-border-input);color:var(--color-text-primary)}.audio-creation-view--empty{color:var(--color-text-secondary);font-size:13px;text-align:center}.audio-creation-empty{background:var(--color-bg-canvas-surface);border:1px dashed var(--color-border-input);border-radius:8px;max-width:360px;padding:16px}.scope-editor-view{align-items:center;background:var(--color-bg-canvas);inset:0;justify-content:center;padding:0;position:absolute}.scope-editor-content,.scope-editor-view{box-sizing:border-box;display:flex;overflow:hidden}.scope-editor-content{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-sidebar);flex-direction:column;gap:10px;margin:0;max-height:100%;max-width:520px;padding:12px;width:min(100%,520px)}.scope-editor-header{margin-bottom:2px;text-align:center}.scope-editor-title{color:var(--color-text-primary);font-family:"Instrument Serif",Times New Roman,serif;font-size:16px;font-weight:600;margin:0 0 4px}.scope-editor-subtitle{color:var(--color-text-secondary);font-size:11px;line-height:1.3;margin:0}.scope-editor-form{display:flex;flex-direction:column;gap:8px}.scope-editor-field{display:flex;flex-direction:column;gap:3px}.scope-editor-field-row{align-items:center;flex-direction:row;gap:12px;justify-content:space-between}.scope-editor-field-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.scope-editor-label{color:var(--color-text-secondary);font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.scope-editor-hint{color:var(--color-text-secondary);font-size:9px;opacity:.8}.scope-editor-input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;box-sizing:border-box;color:var(--color-text-primary);font-family:inherit;font-size:12px;padding:6px 8px;transition:border-color .15s ease;width:100%}.scope-editor-input:focus{border-color:var(--color-text-secondary);outline:none}.scope-editor-input::placeholder{color:var(--color-text-secondary)}.scope-editor-input-number{width:120px}.scope-editor-tier-selector{display:flex;gap:4px}.scope-editor-tier-option{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;gap:1px;padding:6px 4px;position:relative;transition:all .15s ease}.scope-editor-tier-option:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.scope-editor-tier-option-selected{background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg-input));border-color:var(--color-accent)}.scope-editor-tier-option-selected:hover{background:color-mix(in srgb,var(--color-accent) 12%,var(--color-bg-input));border-color:var(--color-accent)}.scope-editor-tier-label{color:var(--color-text-primary);font-size:11px;font-weight:600}.scope-editor-tier-duration{color:var(--color-accent);font-size:10px;font-weight:500}.scope-editor-tier-description{color:var(--color-text-secondary);font-size:9px;text-align:center}.scope-editor-tier-check{color:var(--color-accent);position:absolute;right:4px;top:4px}.scope-editor-textarea{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;box-sizing:border-box;color:var(--color-text-primary);font-family:inherit;font-size:11px;height:44px;line-height:1.3;padding:6px 8px;resize:none;transition:border-color .15s ease;width:100%}.scope-editor-textarea:focus{border-color:var(--color-text-secondary);outline:none}.scope-editor-textarea::placeholder{color:var(--color-text-secondary)}.scope-editor-select{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:12px;justify-content:space-between;padding:6px 8px;transition:border-color .15s ease;width:100%}.scope-editor-select:focus,.scope-editor-select:hover{border-color:var(--color-text-secondary)}.scope-editor-select:focus{outline:none}.scope-editor-select-value{align-items:center;display:flex;gap:8px}.scope-editor-select-label{font-weight:500}.scope-editor-select-description{color:var(--color-text-secondary);font-size:11px}.scope-editor-select-icon{color:var(--color-text-secondary);transition:transform .15s ease}.scope-editor-select-icon.open{transform:rotate(180deg)}.scope-editor-dropdown-content{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-sidebar);min-width:200px;z-index:100}.scope-editor-dropdown-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:6px 8px;transition:background .1s ease}.scope-editor-dropdown-item:focus,.scope-editor-dropdown-item:hover{background:var(--color-bg-user-bubble);outline:none}.scope-editor-dropdown-item-content{align-items:center;display:flex;gap:8px}.scope-editor-dropdown-item-label{color:var(--color-text-primary);font-size:12px;font-weight:500}.scope-editor-dropdown-item-description{color:var(--color-text-secondary);font-size:10px}.scope-editor-dropdown-check{color:var(--color-accent);flex-shrink:0}.scope-editor-switch{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:10px;cursor:pointer;flex-shrink:0;height:18px;position:relative;transition:background .15s ease,border-color .15s ease;width:32px}.scope-editor-switch[data-state=checked]{background:var(--color-text-primary);border-color:var(--color-text-primary)}.scope-editor-switch-thumb{background:var(--color-text-primary);border-radius:50%;display:block;height:12px;left:2px;position:absolute;top:2px;transition:transform .15s ease;width:12px}.scope-editor-switch[data-state=checked] .scope-editor-switch-thumb{background:var(--color-bg-canvas-surface);transform:translateX(14px)}.scope-editor-actions{margin-top:auto}.scope-editor-confirm-btn{align-items:center;background:var(--color-text-primary);border:none;border-radius:2px;color:var(--color-bg-canvas-surface);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 10px;transition:background .15s ease,opacity .15s ease;width:100%}.scope-editor-confirm-btn:hover:not(:disabled){opacity:.9}.scope-editor-confirm-btn:disabled{cursor:not-allowed;opacity:.5}.scope-editor-confirm-spinner{animation:spin .8s linear infinite}.scope-editor-loading{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center}.scope-editor-loading-spinner{animation:spin .8s linear infinite;color:var(--color-text-secondary)}.scope-editor-loading-text{color:var(--color-text-secondary);font-size:14px;margin:0}.scope-editor-error{align-items:center;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center}.scope-editor-error-icon{color:#c0392b}.scope-editor-error-text{color:var(--color-text-secondary);font-size:14px;margin:0}@media (max-width:480px){.scope-editor-content{gap:12px;padding:16px}.scope-editor-title{font-size:16px}.scope-editor-form{gap:10px}}@media (max-height:720px){.scope-editor-content{gap:8px;padding:12px}.scope-editor-form{gap:6px}.scope-editor-textarea{height:40px}.scope-editor-tier-option{padding:4px 3px}.scope-editor-confirm-btn{font-size:11px;padding:6px 8px}}.plan-editor-view{background:var(--color-bg-canvas-surface);display:flex;flex-direction:column;inset:0;overflow:hidden;position:absolute}.plan-editor-streaming-bar{align-items:center;background:var(--color-bg-input);border-bottom:1px solid var(--color-border-input);color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:11px;gap:8px;padding:8px 20px}.plan-editor-spinner{animation:plan-spin 1s linear infinite}.plan-editor-toolbar{align-items:center;background:var(--color-bg-input);border-bottom:1px solid var(--color-border-input);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:8px 20px}.plan-editor-toolbar-tabs{display:flex;gap:4px}.plan-editor-toolbar-error{color:#b42318;color:var(--color-danger,#b42318);flex:1 1;font-size:11px;text-align:right}.plan-editor-toolbar-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:2px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 10px;transition:background .15s ease,color .15s ease}.plan-editor-toolbar-btn:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.plan-editor-toolbar-btn.active{background:var(--color-bg-canvas-surface);border-color:var(--color-border-input);color:var(--color-text-primary)}.plan-editor-body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.plan-editor-textarea{background:#0000;border:none;box-sizing:border-box;color:var(--color-text-primary);display:block;font-family:SF Mono,Monaco,Menlo,monospace;font-size:13px;height:100%;line-height:1.7;margin:0 auto;max-width:720px;min-height:100%;overflow-x:hidden;padding:24px 48px;resize:none;width:100%}.plan-editor-textarea:focus{outline:none}.plan-editor-markdown{color:var(--color-text-primary);font-size:13px;line-height:1.7;margin:0 auto;max-width:720px;padding:24px 48px}.plan-editor-markdown h1{font-size:20px;margin:0 0 12px}.plan-editor-markdown h1,.plan-editor-markdown h2{color:var(--color-text-primary);font-family:"Instrument Serif",Times New Roman,serif;font-weight:600}.plan-editor-markdown h2{font-size:16px;margin:20px 0 8px}.plan-editor-markdown h3{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:16px 0 6px}.plan-editor-markdown p{margin:8px 0}.plan-editor-markdown ol,.plan-editor-markdown ul{margin:8px 0;padding-left:20px}.plan-editor-markdown li{margin:4px 0}.plan-editor-markdown strong{font-weight:600}.plan-editor-markdown code{background:var(--color-bg-input);border-radius:2px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;padding:2px 4px}.plan-editor-cursor{animation:plan-blink 1s step-end infinite;color:var(--color-accent);display:inline;font-weight:600}.plan-editor-confirm-btn{align-items:center;background:var(--color-text-primary);border:none;border-radius:2px;color:var(--color-bg-canvas-surface);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;gap:5px;padding:5px 12px;transition:opacity .15s ease}.plan-editor-confirm-btn:hover{opacity:.9}.plan-editor-confirm-btn:disabled{cursor:not-allowed;opacity:.5}.plan-editor-confirm-spinner{animation:plan-spin 1s linear infinite}.plan-editor-error{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;text-align:center}.plan-editor-error-icon{color:#b42318;color:var(--color-danger,#b42318)}.plan-editor-error-text{font-size:14px;margin:0}@keyframes plan-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes plan-blink{0%,to{opacity:1}50%{opacity:0}}.script-streaming-view{background:var(--color-bg-canvas-surface);display:flex;flex-direction:column;inset:0;overflow:hidden;position:absolute}.script-streaming-bar{align-items:center;background:var(--color-bg-input);border-bottom:1px solid var(--color-border-input);color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:11px;justify-content:space-between;padding:10px 20px}.script-streaming-bar-left{align-items:center;color:var(--color-text-primary);display:flex;font-weight:500;gap:8px}.script-streaming-bar-right{align-items:center;display:flex;gap:6px}.script-streaming-spinner{animation:script-spin 1s linear infinite;color:var(--color-accent)}.script-streaming-check{color:var(--color-text-secondary)}.script-streaming-body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.script-streaming-content{word-wrap:break-word;color:var(--color-text-primary);font-size:14px;line-height:1.8;margin:0 auto;max-width:720px;padding:24px 48px;white-space:pre-wrap}.script-streaming-cursor{animation:script-blink 1s step-end infinite;color:var(--color-accent);display:inline;font-weight:600}.script-streaming-error{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;text-align:center}.script-streaming-error-icon{color:#b42318;color:var(--color-danger,#b42318)}.script-streaming-error-text{font-size:14px;margin:0}@keyframes script-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes script-blink{0%,to{opacity:1}50%{opacity:0}}.assets-streaming-view{background:var(--color-bg-canvas-surface);display:flex;flex-direction:column;inset:0;overflow:hidden;position:absolute}.assets-streaming-bar{align-items:center;background:var(--color-bg-input);border-bottom:1px solid var(--color-border-input);color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:11px;justify-content:space-between;padding:10px 20px}.assets-streaming-bar-left{align-items:center;color:var(--color-text-primary);display:flex;font-weight:500;gap:8px}.assets-streaming-bar-right{align-items:center;display:flex;gap:6px}.assets-streaming-spinner{animation:assets-spin 1s linear infinite;color:var(--color-accent)}.assets-streaming-check{color:var(--color-text-secondary)}.assets-streaming-body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px}.assets-streaming-empty{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;text-align:center}.assets-streaming-empty p{font-size:14px;margin:0}.assets-streaming-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:0 auto;max-width:800px}.assets-streaming-item{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.assets-streaming-image-container{aspect-ratio:1/1;background:var(--color-bg-panel);position:relative}.assets-streaming-image{height:100%;object-fit:cover;width:100%}.assets-streaming-placeholder{align-items:center;background:var(--color-bg-panel);display:flex;inset:0;justify-content:center;overflow:hidden;position:absolute}.assets-streaming-placeholder-inner{background:color-mix(in srgb,var(--color-bg-input) 85%,var(--color-bg-panel));border-radius:12px;height:72%;width:72%}.assets-streaming-placeholder-shimmer:after{animation:assets-shimmer 1.4s ease-in-out infinite;background:linear-gradient(110deg,#0000 0,color-mix(in srgb,var(--color-bg-input) 55%,#0000) 45%,color-mix(in srgb,var(--color-bg-input) 75%,#0000) 50%,color-mix(in srgb,var(--color-bg-input) 55%,#0000) 55%,#0000 100%);content:"";inset:0;position:absolute;transform:translateX(-100%)}.assets-streaming-info{padding:10px}.assets-streaming-name{color:var(--color-text-primary);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes assets-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes assets-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.assets-streaming-item-clickable{cursor:pointer;transition:transform .15s ease,border-color .15s ease}.assets-streaming-item-clickable:hover{border-color:var(--color-accent);transform:translateY(-2px)}.assets-streaming-item-clickable:hover .assets-streaming-image{opacity:.9}.assets-preview-backdrop{align-items:center;animation:assets-preview-fade-in .15s ease;background:#000000d9;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2000}@keyframes assets-preview-fade-in{0%{opacity:0}to{opacity:1}}.assets-preview-modal{animation:assets-preview-slide-in .2s ease;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:8px;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}@keyframes assets-preview-slide-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.assets-preview-close{align-items:center;background:var(--color-bg-panel);border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .15s ease;width:32px;z-index:10}.assets-preview-close:hover{background:var(--color-bg-input);color:var(--color-text-primary)}.assets-preview-image-container{align-items:center;background:var(--color-bg-panel);display:flex;justify-content:center;padding:48px 16px 16px}.assets-preview-image{border-radius:4px;max-height:60vh;max-width:70vw;object-fit:contain}.assets-preview-info{border-top:1px solid var(--color-border-input);padding:16px 20px}.assets-preview-name{color:var(--color-text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.assets-preview-description{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.voices-streaming-view{background:var(--color-bg-canvas-surface);display:flex;flex-direction:column;inset:0;overflow:hidden;position:absolute}.voices-streaming-bar{align-items:center;background:var(--color-bg-input);border-bottom:1px solid var(--color-border-input);color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:11px;justify-content:space-between;padding:10px 20px}.voices-streaming-bar-left{align-items:center;color:var(--color-text-primary);display:flex;font-weight:500;gap:8px}.voices-streaming-bar-right{align-items:center;display:flex;gap:6px}.voices-streaming-spinner{animation:voices-spin 1s linear infinite}.voices-streaming-check,.voices-streaming-spinner{color:var(--color-text-secondary)}.voices-streaming-body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px}.voices-streaming-empty{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;text-align:center}.voices-streaming-empty p{font-size:12px;margin:0}.voices-streaming-list{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:600px}.voices-streaming-item{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;display:flex;gap:12px;padding:12px}.voices-streaming-info{flex:1 1;min-width:0}.voices-streaming-name{color:var(--color-text-primary);font-size:13px;font-weight:600;margin-bottom:2px}.voices-streaming-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:11px;line-height:1.4;overflow:hidden}.voices-streaming-action{flex-shrink:0;height:36px;width:36px}.voices-streaming-action,.voices-streaming-play-btn{align-items:center;display:flex;justify-content:center}.voices-streaming-play-btn{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);cursor:pointer;height:32px;transition:background .15s ease,border-color .15s ease,color .15s ease;width:32px}.voices-streaming-play-btn:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.voices-streaming-play-btn:active{background:var(--color-bg-input)}@keyframes voices-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.storyboard-view{background:var(--color-bg-canvas-surface);display:flex;flex-direction:column;inset:0;overflow:hidden;position:absolute}.storyboard-header{align-items:center;background:var(--color-bg-input);border-bottom:1px solid var(--color-border-input);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 24px}.storyboard-header-left{align-items:center;color:var(--color-text-primary);display:flex;gap:10px}.storyboard-title{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.02em}.storyboard-header-center{display:flex;flex:1 1;justify-content:center}.storyboard-meta{color:var(--color-text-secondary);font-size:11px;font-weight:500}.storyboard-header-right,.storyboard-status{align-items:center;display:flex}.storyboard-status{border-radius:12px;font-size:11px;font-weight:500;gap:6px;padding:4px 10px}.storyboard-status-generating{background:color-mix(in srgb,var(--color-accent) 12%,#0000);color:var(--color-accent)}.storyboard-status-complete{background:color-mix(in srgb,var(--color-text-secondary) 10%,#0000);color:var(--color-text-secondary)}.storyboard-spinner{animation:storyboard-spin 1s linear infinite}.storyboard-body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px}.storyboard-empty{color:var(--color-text-secondary);flex-direction:column;height:100%;text-align:center}.storyboard-empty,.storyboard-empty-icon{align-items:center;display:flex;justify-content:center}.storyboard-empty-icon{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:20px;height:80px;margin-bottom:16px;width:80px}.storyboard-empty h3{color:var(--color-text-primary);font-size:15px;font-weight:600;margin:0 0 6px}.storyboard-empty p{color:var(--color-text-secondary);font-size:13px;margin:0}.storyboard-list{background:var(--color-border-input);border:1px solid var(--color-border-input);border-radius:8px;display:flex;flex-direction:column;gap:1px;margin:0 auto;max-width:900px;overflow:hidden}.storyboard-row{background:var(--color-bg-input);display:flex;transition:background .15s ease}.storyboard-row:hover{background:color-mix(in srgb,var(--color-bg-input) 95%,var(--color-text-primary) 5%)}.storyboard-row-number{align-items:flex-start;display:flex;flex-shrink:0;justify-content:center;padding:16px 0 16px 20px;width:56px}.row-num{color:var(--color-text-tertiary);font-family:SF Mono,Menlo,Monaco,monospace;font-size:13px;font-weight:600;line-height:1.4}.storyboard-row-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0;padding:14px 20px 14px 0}.storyboard-row-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.storyboard-row-name{color:var(--color-text-primary);font-size:13px;font-weight:600;line-height:1.4}.storyboard-row-badges{align-items:center;display:flex;flex-shrink:0;gap:6px}.storyboard-badge{align-items:center;border-radius:4px;display:flex;font-size:10px;font-weight:500;gap:4px;letter-spacing:.03em;padding:3px 8px;text-transform:uppercase}.storyboard-badge-cinematic,.storyboard-badge-motion{background:color-mix(in srgb,var(--color-accent) 12%,#0000);color:var(--color-accent)}.storyboard-badge-default{background:color-mix(in srgb,var(--color-text-secondary) 12%,#0000);color:var(--color-text-secondary)}.storyboard-badge-duration{background:var(--color-bg-panel);color:var(--color-text-secondary)}.storyboard-row-description{color:var(--color-text-secondary);font-size:12px;line-height:1.55;margin:0}.storyboard-row-voiceover{align-items:flex-start;border-top:1px dashed var(--color-border-input);display:flex;gap:8px;padding-top:8px}.voiceover-icon{color:var(--color-text-tertiary);flex-shrink:0;margin-top:2px}.voiceover-text{color:var(--color-text-secondary);font-size:11px;font-style:italic;line-height:1.5}.storyboard-row-loading{opacity:.6}.storyboard-row-loading .storyboard-row-number{padding-top:18px}.loading-text{color:var(--color-text-tertiary);font-size:12px;font-style:italic}@keyframes storyboard-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.storyboard-body{padding:16px}.storyboard-row-header{align-items:flex-start;flex-direction:column;gap:8px}.storyboard-row-number{padding-left:14px;width:44px}.storyboard-row-content{padding-right:14px}}.video-context-menu-content{animation:videoContextMenuFadeIn .15s ease-out;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:6px;box-shadow:0 8px 24px var(--color-shadow-keyframe);min-width:160px;padding:4px;z-index:10000}@keyframes videoContextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.video-context-menu-item{align-items:center;border-radius:4px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;outline:none;padding:10px 12px;transition:background .15s ease}.video-context-menu-item:focus,.video-context-menu-item[data-highlighted]{background:var(--color-bg-user-bubble)}.video-context-menu-item[data-disabled]{color:var(--color-text-tertiary);cursor:not-allowed;opacity:.5}.video-context-menu-item[data-disabled][data-highlighted]{background:#0000}.video-context-menu-item-destructive{color:#ff6b6b}.video-context-menu-item-destructive:focus,.video-context-menu-item-destructive[data-highlighted]{background:#ff6b6b1a}.video-context-menu-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;justify-content:center}.video-context-menu-separator{background:var(--color-border-input);height:1px;margin:4px 8px}.storyboard-guide-blur{filter:blur(6px);pointer-events:none;transition:filter .3s ease;-webkit-user-select:none;user-select:none}.guide-nav-footer{align-items:center;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:12px;bottom:0;display:flex;flex-direction:column;gap:12px;left:0;padding:20px 24px 24px;position:absolute;right:0;z-index:200}.guide-progress{display:flex;gap:8px}.guide-dot{background:var(--color-border-input);border-radius:50%;height:8px;transition:all .3s ease;width:8px}.guide-dot.active{border-radius:4px;width:24px}.guide-dot.active,.guide-dot.completed{background:var(--color-text-secondary)}.guide-actions{display:flex;gap:12px}.guide-back-btn,.guide-next-btn{border:1px solid var(--color-border-input);border-radius:10px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:12px 28px;transition:all .15s ease}.guide-back-btn{background:var(--color-bg-input);color:var(--color-text-secondary)}.guide-back-btn:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.guide-next-btn{background:var(--color-bg-input);color:var(--color-text-primary)}.guide-next-btn:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.guide-explainer{align-items:center;animation:explainerSlideIn .4s cubic-bezier(.34,1.56,.64,1);display:flex;gap:10px;left:calc(100% + 16px);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:150}@keyframes explainerSlideIn{0%{opacity:0;transform:translateY(-50%) translateX(-10px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.guide-explainer-arrow{animation:none;color:var(--color-text-secondary);flex-shrink:0}.guide-explainer-content{background:linear-gradient(145deg,#fffcf8fc,#fff8f0fc);border:1.5px solid #d7986659;border-radius:12px;box-shadow:0 8px 24px #432c151f,0 4px 12px #d798661a;display:flex;flex-direction:column;gap:6px;min-width:260px;padding:16px 20px}.guide-explainer-title{color:#d79866;font-size:16px;font-weight:700;letter-spacing:-.2px}.guide-explainer-desc{color:#2e2016a6;font-size:13px;line-height:1.5;max-width:280px;white-space:normal}.timeline-keyframe-item.guide-highlight,.timeline-video-item.guide-highlight{animation:highlightPulse 1.5s ease-in-out infinite;box-shadow:0 0 0 3px #d7986680,0 8px 24px #d7986640!important;overflow:visible!important;position:relative;z-index:50}@keyframes highlightPulse{0%,to{box-shadow:0 0 0 3px #d7986680,0 8px 24px #d7986640}50%{box-shadow:0 0 0 5px #d7986699,0 8px 28px #d7986659}}.guide-active .timeline-item-wrapper:has(.guide-highlight){overflow:visible!important;z-index:100}.guide-active .timeline-item-wrapper:not(:has(.guide-highlight)){opacity:.35;transition:opacity .3s ease}.guide-active .timeline-item-wrapper:has(.guide-highlight){opacity:1}.guide-active .timeline-add-inline-wrapper{opacity:.3;pointer-events:none}.guide-active .validation-placeholder{opacity:.3}.guide-active .scene-timeline-track{padding-bottom:120px}@media (max-width:900px){.guide-explainer{flex-direction:column;left:50%;top:calc(100% + 12px);transform:translateX(-50%);white-space:normal}.guide-explainer-arrow{transform:rotate(90deg)}@keyframes explainerSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes arrowPulse{0%,to{opacity:1;transform:rotate(90deg) translateX(0)}50%{opacity:.7;transform:rotate(90deg) translateX(4px)}}}.timeline-guide-text-above{animation:none;bottom:100%;left:50%;margin-bottom:30px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:200}.timeline-guide-text-above .guide-explainer-content{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:12px;box-shadow:var(--color-shadow-user-bubble);min-width:300px;padding:16px 20px;text-align:center}.timeline-guide-arrow-container{animation:none;color:var(--color-text-secondary);left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%) translateY(-100%);z-index:200}.timeline-guide-footer{align-items:center;animation:none;bottom:12px;display:flex;flex-direction:column;gap:12px;left:50%;pointer-events:auto;position:absolute;transform:translateX(-50%);z-index:200}.timeline-container{overflow:visible;position:relative}.timeline-add-scene.timeline-guide-highlight{animation:none;box-shadow:0 0 0 2px var(--color-text-secondary)!important;z-index:50}.sidebar-guide-highlight{position:relative;z-index:100}.sidebar-guide-highlight .sidebar-approve-btn{animation:highlightPulse 1.5s ease-in-out infinite;box-shadow:0 0 0 3px #d7986680,0 8px 24px #d7986640!important}.scene-approve-section.sidebar-guide-highlight{overflow:visible!important;position:relative}.sidebar-guide-outside{align-items:center;animation:sidebarGuideSlide .4s cubic-bezier(.34,1.56,.64,1);display:flex;gap:12px;left:100%;margin-left:16px;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);z-index:10000}.sidebar-guide-arrow svg{height:20px;width:40px}@keyframes sidebarGuideSlide{0%{opacity:0;transform:translateY(-50%) translateX(-10px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.sidebar-guide-arrow{animation:sidebarArrowPulse 1.2s ease-in-out infinite;color:#d79866;flex-shrink:0}@keyframes sidebarArrowPulse{0%,to{opacity:1;transform:translateX(0)}50%{opacity:.7;transform:translateX(-4px)}}.sidebar-guide-card{align-items:center;background:linear-gradient(145deg,#fffcf8fc,#fff8f0fc);border:1.5px solid #d7986659;border-radius:14px;box-shadow:0 8px 24px #432c151f,0 4px 12px #d798661a;display:flex;flex-direction:column;gap:14px;min-width:260px;padding:18px 22px}.sidebar-guide-card .guide-explainer-content{background:none;border:none;box-shadow:none;min-width:auto;padding:0;text-align:center}.sidebar-guide-active,.sidebar-guide-active .config-properties-content,.sidebar-guide-active .scene-properties-sidebar,.sidebar-guide-active .sidebar{overflow:visible!important}*{box-sizing:border-box}.app-shell{background:var(--color-bg-root);color:var(--color-text-primary);display:grid;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;grid-template-columns:420px minmax(0,1fr);height:100vh;min-width:768px;overflow:hidden;position:relative;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1);width:100%}.app-shell .canvas-panel,.app-shell .sidebar{opacity:1}.canvas-panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:24px;position:relative;transition:padding .3s cubic-bezier(.4,0,.2,1);z-index:5}.canvas-panel>div:first-child{display:flex;flex:1 1;min-height:0}.canvas-panel>div:last-child:not(:first-child){flex:0 0 auto}.canvas-panel>div:only-child{display:flex;flex:1 1;min-height:0}@media (max-width:1440px){.canvas-panel{padding:20px}}@media (max-width:1280px){.canvas-panel{padding:16px}}.canvas-frame{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:100%;min-height:0;width:100%}.canvas-surface{aspect-ratio:16/9;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:8px;max-height:100%;max-width:100%;overflow:hidden;position:relative;transition:border-color .15s ease;width:100%}@media (max-width:1440px){.canvas-surface{border-radius:6px}}@media (max-width:1280px){.canvas-surface{border-radius:6px}}@media (max-width:1024px){.canvas-surface{border-radius:4px}}.canvas-element{display:block;transition:background .3s ease}.canvas-element,.canvas-video{border-radius:8px;height:100%;object-fit:contain;width:100%}.canvas-video{background:#000;inset:0;position:absolute}.video-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;border-radius:20px;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:7}.video-loading-spinner{animation:spin .8s linear infinite;border:2px solid var(--color-border-input);border-radius:50%;border-top-color:var(--color-text-secondary);height:40px;width:40px}.video-generating-overlay{align-items:flex-end;display:flex;justify-content:center;padding-bottom:24px}.video-dot-overlay,.video-generating-overlay{border-radius:20px;inset:0;pointer-events:none;position:absolute}.video-dot-overlay{background:#0006}.video-generating-text{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:10px;color:var(--color-text-primary);font-size:14px;font-weight:600;letter-spacing:.4px;padding:10px 20px;position:relative;z-index:2}.canvas-keyframe-preview{align-items:center;background:#000;border-radius:20px;display:flex;justify-content:center;overflow:hidden}.canvas-keyframe-image,.canvas-keyframe-preview{height:100%;inset:0;position:absolute;width:100%}.canvas-keyframe-image{object-fit:contain}.keyframe-inner-glow-border{border-radius:20px;inset:0;pointer-events:none;position:absolute}.animating-card{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:12px;bottom:16px;color:var(--color-text-primary);font-size:12px;font-weight:600;padding:10px 14px;position:absolute;right:16px;z-index:3}.canvas-keyframe-overlay{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0006;display:flex;flex-direction:column;height:100%;inset:0;justify-content:center;position:absolute;width:100%;z-index:2}.keyframe-pulse-ring,.keyframe-pulse-ring-delayed,.keyframe-shimmer-effect{display:none}.keyframe-generating-indicator{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:16px;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:32px;position:relative;z-index:3}.sparkles-icon{color:var(--color-text-secondary)}.keyframe-generating-indicator .generating-text{color:var(--color-text-primary);font-size:16px;font-weight:600;letter-spacing:.3px;text-align:center;text-transform:none}.keyframe-description-container{background:linear-gradient(0deg,#000c,#00000080 60%,#0000);bottom:0;left:0;padding:32px;position:absolute;right:0;z-index:3}.keyframe-description{color:#fffffff2;font-size:16px;font-weight:500;line-height:1.6;margin:0 auto;max-width:800px;text-align:center}.canvas-placeholder{align-items:center;background:var(--color-bg-canvas-surface);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;padding:40px;position:relative;width:100%}.placeholder-title{color:var(--color-text-primary);font-size:16px;font-weight:500;margin:0;text-align:center}.placeholder-subtitle{color:var(--color-text-secondary);font-size:13px;font-weight:400;line-height:1.5;margin:0;max-width:400px;text-align:center}.canvas-play-overlay{inset:0;pointer-events:none;position:absolute;z-index:8}.canvas-play-button,.canvas-play-overlay{align-items:center;display:flex;justify-content:center}.canvas-play-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border:2px solid #fff9;border-radius:50%;color:#fff;cursor:pointer;height:72px;pointer-events:auto;transition:all .2s ease;width:72px}.canvas-play-button:focus-visible,.canvas-play-button:hover{background:#000000a6;border-color:#ffffffe6;outline:none;transform:scale(1.05)}.canvas-play-button:active{transform:scale(.98)}.canvas-replay-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.canvas-replay-button,.canvas-replay-overlay{align-items:center;display:flex;justify-content:center}.canvas-replay-button{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:12px;color:var(--color-text-secondary);cursor:pointer;flex-direction:column;gap:8px;padding:20px 32px;transition:all .15s ease}.canvas-replay-button span{color:var(--color-text-primary);font-size:14px;font-weight:600}.canvas-replay-button:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.canvas-replay-button:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.canvas-motion-graphic-edit-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:10px;bottom:20px;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;position:absolute;right:20px;transition:all .15s ease;z-index:100}.canvas-motion-graphic-edit-btn:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.canvas-motion-graphic-edit-btn:active{transform:scale(.98)}.canvas-motion-graphic-test-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:10px;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;transition:all .15s ease;z-index:100}.canvas-motion-graphic-test-btn:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.canvas-motion-graphic-test-btn:active{transform:scale(.98)}.motion-graphic-edit-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(0deg,#000000e6,#000000b3 70%,#0000);bottom:0;left:0;padding:20px;position:absolute;right:0;z-index:100}.motion-graphic-edit-container{margin:0 auto;max-width:600px;position:relative}.motion-graphic-edit-close{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .15s ease;width:24px;z-index:10}.motion-graphic-edit-close:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.motion-graphic-edit-form{display:flex;flex-direction:column}.motion-graphic-edit-input-wrapper{align-items:flex-end;display:flex;position:relative}.motion-graphic-edit-input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:12px;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;outline:none;padding:14px 56px 14px 16px;resize:none;transition:border-color .15s ease}.motion-graphic-edit-input:focus{border-color:var(--color-text-secondary)}.motion-graphic-edit-input::placeholder{color:var(--color-text-secondary)}.motion-graphic-edit-input:disabled{cursor:not-allowed;opacity:.5}.motion-graphic-edit-submit{align-items:center;background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:8px;bottom:8px;color:var(--color-text-primary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;position:absolute;right:8px;transition:all .15s ease;width:36px}.motion-graphic-edit-submit:hover:not(:disabled){background:var(--color-bg-canvas-surface);border-color:var(--color-text-secondary)}.motion-graphic-edit-submit:active:not(:disabled){transform:scale(.95)}.motion-graphic-edit-submit:disabled{cursor:not-allowed;opacity:.5}.motion-graphic-edit-spinner{animation:motionGraphicSpinnerRotate .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes motionGraphicSpinnerRotate{to{transform:rotate(1turn)}}.sidebar{background:var(--color-bg-sidebar);border-right:1px solid var(--color-border-sidebar);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;min-width:0;overflow:hidden;padding:28px;position:relative;transition:padding .3s cubic-bezier(.4,0,.2,1);z-index:10}@media (max-width:1440px){.sidebar{padding:24px}}@media (max-width:1280px){.sidebar{padding:20px}}.project-config-sidebar .config-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.asset-properties-sidebar .sidebar-header{height:auto;margin-bottom:20px;min-height:60px;padding-bottom:24px}.config-back-button{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;transition:all .15s ease;width:40px}.config-back-button:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.config-header-title{color:var(--color-text-primary);font-family:"Instrument Serif",Times New Roman,serif;font-size:20px;font-weight:500;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-header-title-container{align-items:center;display:flex;flex:1 1;gap:8px;margin-left:8px;min-width:0}.asset-header-title{color:var(--color-text-primary);font-family:"Instrument Serif",Times New Roman,serif;font-size:20px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-type-chip{align-items:center;background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:12px;color:var(--color-text-secondary);display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.scene-header-title-container{align-items:center;display:flex;flex:1 1;gap:8px;margin-left:8px;min-width:0}.scene-header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-type-chip{background:var(--color-bg-user-bubble);color:var(--color-text-secondary);display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.scene-preview-wrapper,.scene-type-chip{align-items:center;border:1px solid var(--color-border-input);border-radius:12px}.scene-preview-wrapper{aspect-ratio:16/9;background:var(--color-bg-input);display:flex;justify-content:center;overflow:hidden;width:100%}.scene-preview-image,.scene-preview-video{height:100%;object-fit:cover;width:100%}.scene-preview-placeholder{color:var(--color-text-secondary);font-size:14px}.config-aspect-ratio-trigger{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:3px;color:var(--color-text-primary);cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:12px;transition:all .15s ease;width:100%}.config-aspect-ratio-trigger:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.config-aspect-ratio-value{align-items:flex-start;display:flex;flex-direction:column}.config-aspect-ratio-label{color:var(--color-text-primary);font-size:14px;font-weight:700}.config-aspect-ratio-description,.config-aspect-ratio-placeholder{color:var(--color-text-secondary);font-size:12px}.config-aspect-ratio-icon{color:var(--color-text-secondary);transition:transform .15s ease}.config-aspect-ratio-icon-open{transform:rotate(180deg)}.config-aspect-ratio-content{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:4px;padding:6px;will-change:transform,opacity;z-index:10000}.config-aspect-ratio-item{align-items:center;border-radius:2px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:10px}.config-aspect-ratio-item:hover,.config-aspect-ratio-item[aria-selected=true]{background:var(--color-bg-user-bubble)}.config-aspect-ratio-item-content{display:flex;flex-direction:column;gap:2px}.config-aspect-ratio-item-label{color:var(--color-text-primary);font-size:14px;font-weight:600}.config-aspect-ratio-item-description{color:var(--color-text-secondary);font-size:12px}.config-aspect-ratio-check{color:var(--color-text-primary)}.config-error-message{background:#c0392b14;border:1px solid #c0392b2e;border-radius:2px;color:#c0392b;font-size:13px;font-weight:600;padding:6px 10px}.config-save-row{display:flex;justify-content:flex-end}.config-save-button{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px 18px;transition:all .15s ease}.config-save-button:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.config-save-button:disabled{cursor:not-allowed;opacity:.5}.asset-preview-wrapper{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:12px;overflow:hidden;position:relative;width:100%}.asset-delete-overlay-btn,.asset-preview-wrapper{align-items:center;display:flex;justify-content:center}.asset-delete-overlay-btn{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;height:28px;position:absolute;right:8px;top:8px;transition:all .15s ease;width:28px}.asset-delete-overlay-btn:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.asset-delete-overlay-btn:disabled{cursor:not-allowed;opacity:.5}.asset-preview-image{display:block;height:auto;object-fit:cover;width:100%}.project-config-container{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:12px;display:flex;flex:0 0 auto;flex-direction:column;gap:8px;padding:12px}.project-config-header{align-items:center;border-bottom:1px solid var(--color-border-input);cursor:pointer;display:flex;justify-content:space-between;padding-bottom:6px}.project-config-title{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0}.project-config-preview{align-items:center;display:flex;font-size:12px;gap:6px}.config-item,.config-separator-text,.project-config-preview{color:var(--color-text-secondary)}.config-separator-text{align-items:center;display:flex;line-height:1;opacity:.5}.approval-container{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:12px;display:flex;flex:0 1 auto;flex-direction:column;gap:8px;margin-bottom:12px;max-height:275px;min-height:0;overflow:hidden;padding:12px}.approval-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.approval-title-row{align-items:center;display:flex;gap:6px}.approval-icon{color:var(--color-text-secondary);flex-shrink:0}.approval-title{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0}.approval-count{background:var(--color-bg-user-bubble);border-radius:6px;color:var(--color-text-secondary);font-size:11px;font-weight:600;padding:1px 6px}.approval-list{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;margin-top:2px;min-height:0;overflow-y:auto}.approval-list::-webkit-scrollbar{width:6px}.approval-list::-webkit-scrollbar-thumb{background:var(--color-border-input);border-radius:999px}.approval-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.approval-item{align-items:center;background:var(--color-bg-user-bubble);border-radius:8px;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:6px 8px;transition:background .15s ease}.approval-item:hover{background:var(--color-bg-input)}.approval-item-name{color:var(--color-text-secondary);flex:1 1;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approval-approve-btn{align-items:center;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:5px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:all .15s ease;width:22px}.approval-item:hover .approval-approve-btn{color:var(--color-text-primary)}.approval-approve-btn:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.approval-approve-btn:disabled{cursor:not-allowed;opacity:.6}.approval-approve-btn.approving{background:#e8945e80}.approval-generating-indicator{align-items:center;display:flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.approval-generating-icon{animation:approval-generating-spin 1.5s linear infinite;color:#2e201666}@keyframes approval-generating-spin{to{transform:rotate(1turn)}}.approval-all-btn{align-items:center;background:#0000;border:1px solid #e8945e;border-radius:6px;color:#c47a4a;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;transition:all .15s ease}.approval-all-btn:hover:not(:disabled){background:#e8945e1a;border-color:#d4804a;color:#b06a3a}.approval-all-btn:disabled{cursor:not-allowed;opacity:.6}.approval-all-btn.approving{background:#e8945e26;border-color:#e8945e80}.approval-spinner{animation:approval-spin .8s linear infinite;border:1.5px solid #c47a4a4d;border-radius:50%;border-top-color:#c47a4a;height:10px;width:10px}.approval-approve-btn .approval-spinner{border:1.5px solid #ffffff4d;border-top-color:#fff}@keyframes approval-spin{to{transform:rotate(1turn)}}.new-content-container{background:#fff9;border:1px solid #e8945e33;border-radius:12px;display:flex;flex:0 1 auto;flex-direction:column;gap:8px;margin-bottom:12px;min-height:120px;overflow:hidden;padding:12px}.new-content-header{align-items:center;display:flex;justify-content:space-between}.new-content-title-row{align-items:center;display:flex;gap:6px}.new-content-title{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0}.new-content-count{background:#e8945e26;border-radius:6px;padding:1px 6px}.new-content-clear-btn,.new-content-count{color:#c47a4a;font-size:11px;font-weight:600}.new-content-clear-btn{background:#0000;border:1px solid #e8945e;border-radius:6px;cursor:pointer;padding:4px 10px;transition:all .15s ease}.new-content-clear-btn:hover{background:#e8945e1a;border-color:#d4804a;color:#b06a3a}.new-content-list{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;margin-top:2px;max-height:200px;min-height:0;overflow-y:auto}.new-content-list::-webkit-scrollbar{width:6px}.new-content-list::-webkit-scrollbar-thumb{background:var(--color-bg-user-bubble);border-radius:999px}.new-content-list::-webkit-scrollbar-thumb:hover{background:var(--color-bg-user-bubble)}.new-content-item{align-items:center;background:#e8945e14;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:all .15s ease}.new-content-item:hover{background:#e8945e1f;box-shadow:none}.new-content-item-pending{cursor:default;opacity:.8}.new-content-item-pending:hover{background:#e8945e14;box-shadow:none}.new-content-item-failed{background:#fef2f2cc;border:1px solid #ef444433;cursor:default}.new-content-item-failed:hover{background:#fef2f2e6;box-shadow:none}.new-content-item-preview{align-items:center;background:#e8945e1f;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.new-content-item-image{height:100%;object-fit:cover;width:100%}.new-content-item-generating{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.new-content-generating-icon{animation:new-content-spin 1.5s linear infinite;color:#8b5cf6}@keyframes new-content-spin{to{transform:rotate(1turn)}}.new-content-item-failed-icon{color:#ef4444}.new-content-item-placeholder{color:#8b5cf680}.new-content-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.new-content-item-type{color:var(--color-text-primary);font-size:12px;font-weight:600}.new-content-item-scene,.new-content-item-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-content-item-scene{color:#2e20168c;font-size:11px}.new-content-item-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.new-content-item-open{color:#8b5cf699;transition:color .15s ease}.new-content-item:hover .new-content-item-open{color:#8b5cf6}.new-content-item-dismiss{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .15s ease;width:20px}.new-content-item-dismiss:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.send-to-background-button{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:10px;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:8px;margin-top:20px;padding:10px 18px;transition:all .15s ease}.send-to-background-button:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.send-to-background-button:active{transform:scale(.98)}.generating-container{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px}.generating-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.generating-title-row{align-items:center;display:flex;gap:6px}.generating-icon{animation:generating-icon-spin 1.5s linear infinite;color:var(--color-text-secondary);flex-shrink:0}@keyframes generating-icon-spin{to{transform:rotate(1turn)}}.generating-title{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0}.generating-count{background:var(--color-bg-user-bubble);border-radius:6px;color:var(--color-text-secondary);font-size:11px;font-weight:600;padding:1px 6px}.generating-list{display:flex;flex-direction:column;gap:4px;margin-top:2px;max-height:250px;overflow-y:auto}.generating-list::-webkit-scrollbar{width:6px}.generating-list::-webkit-scrollbar-thumb{background:var(--color-border-input);border-radius:999px}.generating-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.generating-item{align-items:center;background:var(--color-bg-user-bubble);border-radius:8px;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:6px 8px;transition:background .15s ease}.generating-item:hover{background:var(--color-bg-input)}.generating-item-name{color:var(--color-text-secondary);flex:1 1;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generating-spinner{animation:generating-spin .8s linear infinite;border:1.5px solid var(--color-border-input);flex-shrink:0;height:12px;width:12px}@keyframes generating-spin{to{transform:rotate(1turn)}}.sidebar:before{background:none;content:"";inset:0;opacity:0;pointer-events:none;position:absolute}.sidebar-header{border-bottom:1px solid var(--color-border-input);flex:0 0 auto;margin-bottom:24px;overflow:hidden;padding-bottom:20px;position:relative}.header-content{display:flex;position:relative;transition:transform .5s cubic-bezier(.4,0,.2,1);width:200%;will-change:transform}.header-project-mode{transform:translateX(0)}.header-scene-mode{transform:translateX(-50%)}.header-config-mode,.project-header,.scene-header{align-items:center;display:flex}.project-header,.scene-header{flex-shrink:0;gap:12px;width:50%}.project-name-input{background:#0000;border:none;border-radius:8px;color:var(--color-text-primary);font-family:"Instrument Serif",Times New Roman,serif;font-size:20px;font-weight:500;outline:none;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;transition:background .15s ease;white-space:nowrap;width:100%}.project-name-input:hover{background:var(--color-bg-user-bubble)}.project-name-input:focus{background:var(--color-bg-input)}.project-name-input::placeholder{color:var(--color-text-secondary)}.scene-header{align-items:center;display:flex;gap:12px}.scene-back-button{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:10px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:all .15s ease;width:40px}.scene-back-button:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.scene-back-button:active{transform:scale(.98)}.scene-header-title{color:var(--color-text-primary);font-family:"Instrument Serif",Times New Roman,serif;font-size:20px;font-weight:500}.keyframe-timeline-container{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;padding:16px;position:relative;z-index:1}.keyframe-timeline-header{align-items:center;border-bottom:1px solid var(--color-border-input);display:flex;justify-content:space-between;padding-bottom:8px}.keyframe-timeline-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.keyframe-count{background:var(--color-bg-user-bubble);border-radius:10px;color:var(--color-text-secondary);font-size:11px;font-weight:600;padding:3px 8px}.keyframe-vertical-timeline{display:flex;flex-direction:column;gap:0;margin:0;max-height:400px;overflow-y:auto;padding:0;position:relative}.keyframe-vertical-timeline::-webkit-scrollbar{width:4px}.keyframe-vertical-timeline::-webkit-scrollbar-thumb{background:var(--color-border-input);border-radius:2px}.keyframe-vertical-timeline::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.keyframe-timeline-item{background:#0000;border:none;cursor:pointer;display:flex;gap:12px;padding:12px;position:relative;transition:all .15s ease}.keyframe-timeline-item:hover{background:var(--color-bg-user-bubble);border-radius:8px}.keyframe-timeline-item-selected{background:var(--color-bg-input);border-radius:8px}.keyframe-dot-connector{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;position:relative;width:24px}.keyframe-connector-line{background:var(--color-border-input);bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.keyframe-timeline-item:first-child .keyframe-connector-line{top:50%}.keyframe-timeline-item:last-child .keyframe-connector-line{bottom:50%}.keyframe-connector-dot{background:var(--color-text-secondary);border:2px solid var(--color-bg-canvas-surface);border-radius:50%;height:12px;position:relative;transition:all .15s ease;width:12px;z-index:2}.keyframe-timeline-item:hover .keyframe-connector-dot{background:var(--color-text-primary)}.keyframe-timeline-item-selected .keyframe-connector-dot{background:var(--color-text-primary);border:3px solid var(--color-bg-canvas-surface);height:14px;width:14px}.keyframe-content-wrapper{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.keyframe-preview-box{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;display:flex;flex-shrink:0;height:34px;justify-content:center;overflow:hidden;position:relative;transition:all .15s ease;width:60px}.keyframe-timeline-item:hover .keyframe-preview-box{border-color:var(--color-text-secondary)}.keyframe-preview-image{display:block;height:100%;object-fit:cover;width:100%}.keyframe-info-box{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.keyframe-label{color:var(--color-text-primary);font-size:12px;font-weight:600;white-space:nowrap}.keyframe-time{font-feature-settings:"tnum";color:var(--color-text-secondary);font-size:11px;font-variant-numeric:tabular-nums;font-weight:500}.keyframe-timeline-empty{align-items:center;color:var(--color-text-secondary);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;min-height:150px;padding:40px 20px;text-align:center}.keyframe-timeline-empty p{color:var(--color-text-secondary);font-size:14px;font-weight:600;margin:0}.keyframe-timeline-empty span{color:var(--color-text-secondary);font-size:12px}.chat-container{animation:chatFadeIn .4s ease .2s both;display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;position:relative;z-index:1}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding-right:8px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-border-input);border-radius:999px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.chat-message{display:flex;flex-direction:column;gap:8px}.chat-message-user{align-items:flex-end}.chat-message-response{align-items:flex-start}.chat-message-box{background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:18px 18px 4px 18px;color:var(--color-text-primary);line-height:1.5;padding:12px 16px}.chat-message-box,.chat-message-text{word-wrap:break-word;font-size:14px;max-width:80%}.chat-message-text{color:#2e2016cc;line-height:1.6;padding:4px 0}.chat-prompt-form{border-top:1px solid #986e4c1f;margin-top:auto;padding-top:16px}.chat-prompt-container{align-items:flex-start;display:flex;position:relative}.chat-prompt-input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:12px;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:150px;min-height:100px;outline:none;overflow-y:auto;padding:14px 50px 14px 16px;resize:none;transition:border-color .15s ease}.chat-prompt-input:focus{border-color:var(--color-text-secondary)}.chat-prompt-input::placeholder{color:var(--color-text-secondary)}.chat-prompt-input::-webkit-scrollbar{width:4px}.chat-prompt-input::-webkit-scrollbar-thumb{background:var(--color-border-input);border-radius:2px}.chat-prompt-input::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.chat-submit-button{align-items:center;background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:50%;bottom:8px;color:var(--color-text-primary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;position:absolute;right:8px;transition:all .15s ease;width:32px}.chat-submit-button:hover:not(:disabled){background:var(--color-bg-canvas-surface);border-color:var(--color-text-secondary)}.chat-submit-button:active:not(:disabled){transform:scale(.95)}.chat-submit-button:disabled{cursor:not-allowed;opacity:.5}.timeline-container{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:6px;box-shadow:none;display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-top:12px;padding:12px;transition:border-color .15s ease;width:100%}@media (max-width:1440px){.timeline-container{border-radius:6px;padding:12px}}@media (max-width:1280px){.timeline-container{border-radius:4px;gap:8px;padding:10px}}.timeline-container.timeline-storyboard-mode{max-height:600px;min-height:450px}.timeline-container.timeline-normal-mode{min-height:auto}.timeline-header{background:#0000;border-bottom:1px solid var(--color-border-input);box-shadow:none;gap:16px;justify-content:space-between;padding:10px}.timeline-header,.timeline-scale{align-items:center;border-radius:4px;display:flex}.timeline-scale{background:var(--color-bg-canvas-surface);border:none;padding:6px 10px}.timeline-scale-track{background-image:repeating-linear-gradient(90deg,var(--color-border-input),var(--color-border-input) 1px,#0000 1px,#0000 12px);border-radius:2px;height:18px;position:relative}.timeline-scale-label{color:var(--color-text-secondary);font-size:10px;font-weight:600;position:absolute;top:-2px;transform:translateX(-50%)}.timeline-controls{align-items:center;display:flex;gap:6px}.timeline-add-controls{align-items:center;display:flex;gap:4px;margin-left:8px}.timeline-add-audio-control-btn,.timeline-add-video-btn{height:28px;position:relative;width:28px}.timeline-add-audio-control-btn:hover:not(:disabled),.timeline-add-video-btn:hover:not(:disabled){background:var(--color-accent);border-color:var(--color-accent);color:#fff}.timeline-add-audio-control-btn:after,.timeline-add-video-btn:after{background:var(--color-bg-canvas-inset);border:1px solid var(--color-border-input);border-radius:4px;bottom:calc(100% + 6px);color:var(--color-text-primary);content:attr(data-tooltip);font-size:11px;font-weight:500;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s ease,visibility .15s ease;visibility:hidden;white-space:nowrap;z-index:100}.timeline-add-audio-control-btn:hover:after,.timeline-add-video-btn:hover:after{opacity:1;visibility:visible}.composite-icon{align-items:center;display:inline-flex;justify-content:center;position:relative}.composite-icon-plus{stroke-width:3;background:var(--color-bg-canvas-surface);border-radius:50%;bottom:-3px;position:absolute;right:-4px}.timeline-control-button:hover:not(:disabled) .composite-icon-plus{background:var(--color-accent)}.timeline-control-button{align-items:center;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.timeline-control-button:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.timeline-control-button:active:not(:disabled){transform:scale(.95)}.timeline-control-button:disabled{cursor:not-allowed;opacity:.4}.timeline-play-button{background:var(--color-bg-canvas-surface);border:1px solid var(--color-text-secondary);color:var(--color-text-primary);height:38px;width:38px}.timeline-play-button:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-primary)}.timeline-zoom-controls{align-items:center;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:4px;display:flex;gap:10px;padding:6px 10px}.timeline-zoom-label{color:var(--color-text-secondary);font-size:13px;font-weight:500;white-space:nowrap}.timeline-zoom-slider{-webkit-appearance:none;appearance:none;background:var(--color-border-input);border-radius:2px;cursor:pointer;height:4px;outline:none;transition:background .15s ease;width:120px}.timeline-zoom-slider:hover:not(:disabled){background:var(--color-text-secondary)}.timeline-zoom-slider:disabled{cursor:not-allowed;opacity:.4}.timeline-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-text-primary);border:2px solid var(--color-bg-canvas-surface);border-radius:50%;cursor:pointer;height:14px;-webkit-transition:transform .15s ease;transition:transform .15s ease;width:14px}.timeline-zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.timeline-zoom-slider::-webkit-slider-thumb:active{transform:scale(1)}.timeline-zoom-slider::-moz-range-thumb{background:var(--color-text-primary);border:2px solid var(--color-bg-canvas-surface);border-radius:50%;cursor:pointer;height:14px;-moz-transition:transform .15s ease;transition:transform .15s ease;width:14px}.timeline-zoom-slider::-moz-range-thumb:hover{transform:scale(1.1)}.timeline-zoom-slider::-moz-range-thumb:active{transform:scale(1)}.timeline-zoom-value{font-feature-settings:"tnum";color:var(--color-text-secondary);font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;min-width:40px;text-align:right}.timeline-body{-webkit-overflow-scrolling:auto;max-height:176px;overflow:auto;overscroll-behavior:none;padding:6px 6px 4px;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.timeline-body::-webkit-scrollbar{display:none}.timeline-body{-ms-overflow-style:none;scrollbar-width:none}.timeline-body-inner{display:flex;flex-direction:column;gap:4px;min-width:-webkit-fit-content;min-width:fit-content;position:relative}.timeline-scenes-row{align-items:stretch;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;display:flex;flex-wrap:nowrap;gap:0;padding:6px}.timeline-scenes{display:flex;gap:0;padding:4px;position:relative;scroll-behavior:smooth;transition:all .6s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.timeline-scenes-horizontal{align-items:stretch;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.timeline-scenes-grid{grid-gap:8px;align-items:start;animation:gridFadeIn .4s cubic-bezier(.4,0,.2,1);display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:480px;overflow-x:hidden;overflow-y:auto;padding:8px}@keyframes gridFadeIn{0%{opacity:.7}to{opacity:1}}.timeline-guideline{background:var(--color-text-secondary);border-radius:2px;bottom:0;cursor:ew-resize;pointer-events:auto;position:absolute;top:0;transition:left .1s linear,opacity .3s ease,width .15s ease,transform .15s ease;width:2px;z-index:30}.timeline-guideline:after,.timeline-guideline:before{pointer-events:auto}.timeline-guideline-dragging,.timeline-guideline:hover{transform:translateX(-.5px);width:3px}.timeline-guideline-dragging{pointer-events:none;transition:none!important}.timeline-guideline-dragging:hover{transform:translateX(-.5px);width:3px}.timeline-guideline-switching{transition:none!important}.timeline-storyboard-mode .timeline-guideline{opacity:0;pointer-events:none}.timeline-guideline:before{border-top:8px solid var(--color-text-secondary);top:-6px}.timeline-guideline:after,.timeline-guideline:before{border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.timeline-guideline:after{border-bottom:8px solid var(--color-text-secondary);bottom:-6px}.timeline-scene{cursor:pointer;flex-shrink:0;position:relative;transition:transform .2s ease}.timeline-scene-cropping{transition:none!important}.timeline-scene-storyboard{animation:sceneCardAppear .5s cubic-bezier(.4,0,.2,1) backwards;min-width:100%;width:100%}.timeline-scene-storyboard:first-child{animation-delay:.05s}.timeline-scene-storyboard:nth-child(2){animation-delay:.1s}.timeline-scene-storyboard:nth-child(3){animation-delay:.15s}.timeline-scene-storyboard:nth-child(4){animation-delay:.2s}.timeline-scene-storyboard:nth-child(5){animation-delay:.25s}.timeline-scene-storyboard:nth-child(6){animation-delay:.3s}@keyframes sceneCardAppear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.timeline-scenes-grid .timeline-scene,.timeline-scenes-horizontal .timeline-scene{animation:none}.timeline-scenes-grid .timeline-scene-storyboard{animation:sceneCardAppear .5s cubic-bezier(.4,0,.2,1) backwards}.timeline-scene-thumbnail{align-items:center;background:var(--color-bg-input);border:2px solid #0000;border-radius:4px;display:flex;height:60px;justify-content:center;overflow:hidden;position:relative;transition:border-color .15s ease,background .15s ease;width:100%}.timeline-scene-new-badge{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px;position:absolute;right:6px;top:6px;z-index:10}.timeline-scene-storyboard .timeline-scene-thumbnail{border-radius:4px;flex-direction:column;height:180px}.timeline-scene-active .timeline-scene-thumbnail{border-color:var(--color-border-user-bubble);border-width:3px}.timeline-scene-lipsync-selected .timeline-scene-thumbnail{border-color:var(--color-text-primary);border-width:3px}.timeline-scene-lipsync-disabled{opacity:.45;pointer-events:none}.timeline-scene-thumbnail img{-webkit-user-drag:none;display:block;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.timeline-crop-handle{background:#0000;bottom:0;cursor:col-resize;opacity:0;position:absolute;top:0;transition:opacity .15s ease,background .15s ease;width:14px;z-index:20}.timeline-crop-handle:before{background:#ffffffe6;border-radius:2px;box-shadow:0 0 0 1px #00000059;content:"";height:32px;position:absolute;top:50%;transform:translateY(-50%);transition:background .15s ease,height .15s ease;width:3px}.timeline-crop-handle-start{left:2px}.timeline-crop-handle-start:before{left:6px}.timeline-crop-handle-end{right:2px}.timeline-crop-handle-end:before{right:6px}.timeline-crop-handle.visible{opacity:1}.timeline-crop-handle.visible:before{background:#fffffff2;height:40px}.timeline-crop-handle.at-limit:before{background:#fffffff2}.timeline-audio-crop-handle{background:#0000;bottom:0;cursor:col-resize;opacity:0;position:absolute;top:0;transition:opacity .15s ease,background .15s ease;width:14px;z-index:30}.timeline-audio-crop-handle:before{background:#ffffffe6;border-radius:2px;box-shadow:0 0 0 1px #00000059;content:"";height:20px;position:absolute;top:50%;transform:translateY(-50%);transition:background .15s ease,height .15s ease;width:3px}.timeline-audio-crop-handle-start{left:0}.timeline-audio-crop-handle-start:before{left:6px}.timeline-audio-crop-handle-end{right:0}.timeline-audio-crop-handle-end:before{right:6px}.timeline-audio-crop-handle.visible{opacity:1}.timeline-audio-crop-handle.visible:before{background:#fffffff2;height:26px}.timeline-scene-cropping{z-index:100}.timeline-scene-cropping .timeline-scene-thumbnail{border-color:var(--color-text-primary)}.timeline-scene-frames{display:flex;gap:0;height:100%;width:100%}.timeline-scene-frame{-webkit-user-drag:none;animation:fadeInFrame .3s ease forwards;flex:1 1;height:100%;object-fit:cover;opacity:0;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:33.33%}.timeline-scene-frame:first-child{animation-delay:.1s}.timeline-scene-frame:nth-child(2){animation-delay:.2s}.timeline-scene-frame:nth-child(3){animation-delay:.3s}@keyframes fadeInFrame{0%{opacity:0}to{opacity:1}}.timeline-scene-ready{color:var(--color-text-secondary);font-size:13px;font-weight:600}.timeline-scene-loading,.timeline-scene-ready{align-items:center;background:var(--color-bg-input);display:flex;height:100%;justify-content:center;width:100%}.timeline-scene-loading{flex-direction:column;gap:8px;overflow:hidden;padding:12px;position:relative}.timeline-scene-loading:before{display:none}.timeline-scene-loading .scene-number{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;opacity:0;position:relative;text-transform:uppercase;transition:opacity .3s ease;z-index:1}.timeline-scene-storyboard .timeline-scene-loading .scene-number{opacity:1}.scene-audio-icon{animation:audioIconPulse .4s cubic-bezier(.4,0,.2,1) backwards;animation-delay:.15s;color:var(--color-text-secondary);flex-shrink:0}@keyframes audioIconPulse{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.timeline-scene-loading span{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:11px;font-weight:500;line-height:1.5;overflow:hidden;padding:0 8px;position:relative;text-align:center;transition:all .3s ease;word-break:break-word;z-index:1}.timeline-scene-storyboard .timeline-scene-loading span{-webkit-line-clamp:unset;line-clamp:none;-webkit-box-orient:unset;-ms-overflow-style:none;display:block;font-size:14px;line-height:1.6;max-height:130px;max-width:100%;overflow-x:hidden;overflow-y:auto;padding-right:4px;scrollbar-width:none}.timeline-scene-storyboard .timeline-scene-loading span::-webkit-scrollbar{display:none}.timeline-scene-keyframe{align-items:center;background:var(--color-bg-user-bubble);display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.timeline-scene-keyframe-image{animation:timelineKeyframeFadeIn .5s ease;height:100%;object-fit:cover;opacity:1;width:100%}.timeline-keyframe-inner-glow{display:none}.keyframe-inner-glow-border,.timeline-scene-keyframe.is-keyframe .timeline-keyframe-inner-glow{-webkit-mask-image:radial-gradient(circle,#0000 0,#0000 92%,#000 93%,#000 100%);mask-image:radial-gradient(circle,#0000 0,#0000 92%,#000 93%,#000 100%)}.keyframe-inner-glow-border:before,.timeline-keyframe-inner-glow:before{content:none}@keyframes timelineKeyframeFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:.9;transform:scale(1)}}.timeline-scene-generating-overlay{align-items:center;animation:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--color-bg-user-bubble);display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;position:absolute}.generating-spinner{animation:spin .8s linear infinite;border:2px solid var(--color-border-input);border-radius:50%;border-top-color:var(--color-text-secondary);height:24px;width:24px}.generating-text{color:var(--color-text-primary);font-size:11px;font-weight:600;letter-spacing:.5px;text-shadow:none;text-transform:uppercase}.timeline-scene-error{align-items:center;background:var(--color-bg-user-bubble);display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;padding:12px;position:relative;width:100%}.timeline-scene-error .scene-number{color:var(--color-text-secondary);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.timeline-scene-error .error-text{color:var(--color-text-secondary);font-size:11px;font-weight:600;text-align:center}.sidebar-export-container{align-items:center;animation:chatFadeIn .4s ease .2s both;display:flex;flex:0 0 auto;flex-direction:column;justify-content:flex-end;margin-top:auto;padding:20px 16px;position:relative;z-index:1}.export-empty-state{align-items:center;display:flex;height:100%;justify-content:center;padding:32px;text-align:center}.export-empty-state p{color:var(--color-text-secondary);font-size:14px;line-height:1.6;margin:0}.export-button-container{margin-top:20px;position:relative}.export-video-button{align-items:center;background:var(--color-bg-user-bubble);border:none;border-radius:18px;box-shadow:0 14px 30px #f0a76e61;color:#fff9f4;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:16px 24px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;width:100%}.export-video-button:hover:not(:disabled){box-shadow:0 18px 36px #f0a76e73;filter:brightness(1.04);transform:translateY(-2px)}.export-video-button:active:not(:disabled){box-shadow:0 12px 26px #f0a76e59;transform:translateY(0)}.export-video-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.65}.export-video-button .approval-spinner{border:1.5px solid #fff9f44d;border-top-color:#fff9f4}.export-tooltip{animation:tooltipFadeIn .2s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid var(--color-border-input);border-radius:16px;bottom:calc(100% + 8px);box-shadow:0 12px 32px #432c1529;display:flex;flex-direction:column;gap:4px;left:0;padding:8px;position:absolute;right:0;z-index:100}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.export-option{align-items:flex-start;background:#0000;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:14px 16px;text-align:left;transition:background .2s ease}.export-option:hover{background:var(--color-bg-user-bubble)}.export-option-title{color:var(--color-text-primary);font-size:15px;font-weight:600}.export-option-subtitle{color:var(--color-text-secondary);font-size:12px}.timeline-audio-clip{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:4px;cursor:default;display:flex;gap:10px;height:36px;padding:6px 8px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1)}.timeline-audio-clip:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);transform:translateY(calc(-50% - 1px))}.audio-clip-waveform{align-items:center;display:flex;flex:1 1;height:24px;justify-content:space-evenly;min-width:0;overflow:hidden;padding:0 4px}.audio-clip-waveform-canvas{display:block;flex:1 1;height:24px;pointer-events:none}.audio-clip-bar{background:var(--color-text-primary);border-radius:1px;flex:1 1;max-width:4px;min-height:3px;opacity:.85;transition:opacity .15s ease}.timeline-audio-clip:hover .audio-clip-bar{opacity:1}.audio-clip-bar:nth-child(odd){min-height:4px}.audio-clip-info{align-items:center;display:flex;flex:1 1;gap:6px;justify-content:center;opacity:.6}.audio-clip-icon{font-size:12px;line-height:1}.audio-clip-label{color:var(--color-text-secondary);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.timeline-audio-track-row{align-items:stretch;background:var(--color-bg-input);border:.5px solid var(--color-border-input);border-radius:4px;display:flex;gap:12px;min-height:40px;padding:4px;position:relative}.timeline-audio-track-row.is-audio-drop-active{background:var(--color-bg-user-bubble)}.timeline-audio-drop-overlay{align-items:center;background:var(--color-bg-canvas-surface);border:2px dashed var(--color-text-secondary);border-radius:4px;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}.timeline-audio-drop-text{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.timeline-audio-track-content{flex-shrink:0;min-height:36px;position:relative}.timeline-audio-layers{display:flex;flex-direction:column;gap:4px}.timeline-audio-layer{border-radius:4px;height:32px;position:relative}.timeline-audio-empty-layer{align-items:center;background:var(--color-bg-input);border:1px dashed var(--color-border-input);border-radius:4px;display:flex;height:32px;justify-content:center}.timeline-audio-empty-text{color:var(--color-text-secondary);font-size:12px;font-weight:500;letter-spacing:.3px}.unified-audio-clip{align-items:center;background:#0000;border:.5px solid var(--color-border-input);border-radius:4px;cursor:grab;display:flex;gap:6px;height:28px;padding:4px 8px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1)}.unified-audio-clip:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);transform:translateY(calc(-50% - 1px))}.timeline-add-audio-btn{align-items:center;align-self:stretch;background:var(--color-bg-input);border:1px dashed var(--color-border-input);border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:40px;padding:0;transition:all .15s ease;width:100%}.timeline-add-audio-bar{background:var(--color-bg-canvas-surface);border-top:none;bottom:0;box-sizing:border-box;left:0;margin-left:0;margin-top:-8px;max-width:100%;overflow-x:hidden;padding:0 6px 10px;position:-webkit-sticky;position:sticky;right:0;width:100%;z-index:4}.timeline-add-audio-btn:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.timeline-add-audio-btn:active{background:var(--color-bg-input);transform:scale(.98)}.timeline-add-audio-btn-content{align-items:center;display:flex;flex-direction:row;gap:4px;justify-content:center;padding:6px}.timeline-add-audio-icon{color:var(--color-text-secondary);font-size:14px;font-weight:400;line-height:1;transition:all .25s ease}.timeline-add-audio-btn:hover .timeline-add-audio-icon{color:var(--color-text-secondary);transform:scale(1.1)}.timeline-add-audio-label{color:var(--color-text-secondary);font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;transition:color .25s ease;white-space:nowrap}.timeline-add-audio-btn:hover .timeline-add-audio-label{color:var(--color-text-primary)}.timeline-audio-clip-pending{animation:none;background:var(--color-bg-input);border:1px dashed var(--color-text-secondary)}.timeline-audio-clip-pending .audio-clip-icon{animation:none}.timeline-audio-clip-extracting{animation:extractingAudioShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-bg-input) 0,var(--color-bg-user-bubble) 50%,var(--color-bg-input) 100%);background-size:200% 100%;border:1px dashed var(--color-text-secondary);pointer-events:none}@keyframes extractingAudioShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.audio-clip-extracting-info{opacity:.8}.audio-clip-extracting-spinner{animation:extractingSpinner .8s linear infinite;border:2px solid var(--color-text-tertiary);border-radius:50%;border-top-color:var(--color-text-primary);height:14px;width:14px}@keyframes extractingSpinner{to{transform:rotate(1turn)}}.timeline-audio-clip-dragging{background:var(--color-bg-user-bubble);box-shadow:0 0 0 2px var(--color-border-user-bubble);cursor:grabbing!important;opacity:.9;transform:translateY(-50%) scale(1.01)}.timeline-audio-clip-dragging .audio-clip-icon{transform:scale(1.1)}body:has(.timeline-audio-clip-dragging){cursor:grabbing!important}body:has(.timeline-audio-clip-dragging) .timeline-scene{pointer-events:none}body:has(.timeline-audio-clip-dragging) .timeline-audio-clip{pointer-events:auto}.audio-type-toggle{background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:12px;display:flex;gap:0;margin:16px;padding:4px}.audio-type-toggle-three{gap:2px}.audio-type-toggle-three .audio-type-button{font-size:13px;padding:10px}.audio-type-button{background:#0000;border:none;border-radius:10px;color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.audio-type-button:hover:not(.active){color:#2e2016b3}.audio-type-button.active{background:var(--color-bg-user-bubble);box-shadow:0 2px 8px #f0a76e4d;color:#fff}.audio-clip-timestamp-info{align-items:center;background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:10px;color:#2e2016b3;display:flex;font-size:13px;font-weight:500;gap:8px;margin:0 16px 16px;padding:10px 14px}.audio-clip-timestamp-info svg{color:var(--color-text-secondary)}.editing-audio-clip-info{background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:12px;margin:0 16px 16px;padding:14px}.editing-audio-clip-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.editing-audio-clip-type{color:#2e2016cc;font-size:13px;font-weight:600}.delete-audio-clip-button{align-items:center;background:#dc35451a;border:none;border-radius:6px;color:#dc3545;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s ease;width:28px}.delete-audio-clip-button:hover{background:#dc354533}.editing-audio-clip-name{color:var(--color-text-primary);font-size:14px;font-weight:500;margin-bottom:8px}.editing-audio-clip-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.editing-audio-clip-detail{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;gap:5px}.editing-audio-clip-detail svg{color:var(--color-text-secondary);height:12px;width:12px}.editing-audio-clip-prompt{background:#ffffff80;border-radius:8px;font-size:12px;margin-top:8px;padding:10px}.editing-audio-clip-prompt .prompt-label{color:var(--color-text-secondary);display:block;font-weight:600;margin-bottom:4px}.editing-audio-clip-prompt .prompt-text{color:#2e2016cc;line-height:1.4}.editing-audio-clip-preview{margin-top:12px}.audio-preview-player{border-radius:8px;height:36px;width:100%}.regenerate-section-header{align-items:center;border-bottom:1px solid #d7986626;color:var(--color-text-secondary);display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 16px 12px;padding-bottom:8px;text-transform:uppercase}.regenerate-section-header svg{color:#d7986699;height:14px;width:14px}.timeline-audio-clip-selected{box-shadow:0 0 0 2px var(--color-border-user-bubble)!important;z-index:10!important}.timeline-audio-clip-looped{border-style:dashed}.audio-clip-loop-region{background:repeating-linear-gradient(-45deg,#0000,#0000 3px,#80808026 0,#80808026 6px);border-left:1px dashed var(--color-text-secondary);bottom:0;opacity:.8;pointer-events:none;position:absolute;right:0;top:0}.timeline-audio-clip-looped:hover .audio-clip-loop-region{opacity:1}.audio-form{gap:20px;padding:0 16px}.audio-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{color:#2e2016b3;font-size:13px;font-weight:600}.form-label-row{align-items:center;display:flex;justify-content:space-between}.form-value{color:var(--color-text-secondary);font-size:12px;font-weight:500}.form-textarea{background:#fff9;border:1px solid var(--color-border-input);border-radius:12px;color:var(--color-text-primary);font-family:inherit;font-size:14px;padding:12px 14px;resize:none;transition:all .2s ease}.form-textarea:focus{background:#fffc;border-color:var(--color-text-secondary);box-shadow:0 0 0 3px #fabd7c1a;outline:none}.form-textarea::placeholder{color:#2e201659}.form-slider{-webkit-appearance:none;appearance:none;background:var(--color-bg-user-bubble);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.form-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-bg-user-bubble);border-radius:50%;box-shadow:0 2px 6px #f0a76e4d;cursor:pointer;height:18px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:18px}.form-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.form-slider::-moz-range-thumb{background:var(--color-bg-user-bubble);border:none;border-radius:50%;box-shadow:0 2px 6px #f0a76e4d;cursor:pointer;height:18px;width:18px}.form-slider-labels{color:#2e201666;display:flex;font-size:11px;justify-content:space-between;margin-top:4px}.form-hint{color:var(--color-text-secondary);display:block;font-size:11px;line-height:1.4;margin-top:6px}.form-toggle-row{align-items:center;display:flex;justify-content:space-between}.toggle-button{align-items:center;border:1px solid var(--color-border-input);border-radius:20px;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:all .2s ease}.toggle-button,.toggle-button.active{background:var(--color-bg-user-bubble)}.toggle-button.active{border-color:var(--color-text-secondary)}.toggle-knob{background:var(--color-bg-user-bubble);border-radius:50%;height:16px;transition:all .2s ease;width:16px}.toggle-button.active .toggle-knob{background:var(--color-bg-user-bubble);box-shadow:0 2px 6px #f0a76e4d}.toggle-label{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px}.toggle-button.active .toggle-label{color:#2e2016cc}.create-voice-button{background:#0000;border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;padding:5px 10px;transition:background .15s ease,color .15s ease}.create-voice-button:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.voices-list{background:var(--color-bg-input);border:1px solid var(--color-border-input);flex-direction:column;gap:2px;max-height:180px;overflow-y:auto;padding:4px}.voice-item,.voices-list{border-radius:2px;display:flex}.voice-item{align-items:center;background:#0000;cursor:pointer;gap:8px;padding:8px 10px;transition:background .15s ease}.voice-item.selected,.voice-item:hover{background:var(--color-bg-user-bubble)}.voice-check{align-items:center;color:var(--color-text-secondary);display:flex;font-size:11px;font-weight:600;height:16px;justify-content:center;width:16px}.voice-name{color:var(--color-text-primary);flex:1 1;font-size:12px;font-weight:500}.voice-preview-button{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:background .15s ease,color .15s ease;width:24px}.voice-preview-button:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.voices-empty{color:var(--color-text-secondary);font-size:11px;padding:12px;text-align:center}.audio-sidebar-error{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);font-size:12px;font-weight:500;margin:0 16px 16px;padding:10px 12px}.modal-overlay{align-items:center;animation:modalOverlayFadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.create-voice-modal{animation:modalSlideIn .15s ease-out;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;max-height:90vh;max-width:420px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.create-voice-modal-header{align-items:center;border-bottom:1px solid var(--color-border-input);display:flex;justify-content:space-between;padding:16px 16px 8px}.create-voice-modal-title{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0}.create-voice-modal-close{align-items:center;background:#0000;border:1px solid #0000;border-radius:2px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .15s ease,border-color .15s ease;width:28px}.create-voice-modal-close:hover{background:var(--color-bg-user-bubble);border-color:var(--color-border-input);color:var(--color-text-primary)}.create-voice-modal-subtitle{color:var(--color-text-secondary);font-size:11px;margin:0;padding:12px 16px}.create-voice-modal-content{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}.create-voice-form-group{display:flex;flex-direction:column;gap:6px}.create-voice-form-label{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.create-voice-name-input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);font-family:inherit;font-size:13px;padding:10px 12px;transition:border-color .15s ease}.create-voice-name-input:focus{border-color:var(--color-text-secondary);outline:none}.create-voice-name-input:disabled{cursor:not-allowed;opacity:.5}.create-voice-textarea{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);font-family:inherit;font-size:13px;min-height:100px;padding:10px 12px;resize:none;transition:border-color .15s ease}.create-voice-textarea:focus{border-color:var(--color-text-secondary);outline:none}.create-voice-textarea::placeholder{color:var(--color-text-secondary)}.create-voice-textarea:disabled{cursor:not-allowed;opacity:.5}.create-voice-preview{background:var(--color-bg-input);gap:10px;padding:10px 12px}.create-voice-play-button,.create-voice-preview{align-items:center;border:1px solid var(--color-border-input);border-radius:2px;display:flex}.create-voice-play-button{background:var(--color-bg-canvas-surface);color:var(--color-text-primary);cursor:pointer;flex-shrink:0;height:32px;justify-content:center;transition:background .15s ease,border-color .15s ease;width:32px}.create-voice-play-button:hover{background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.create-voice-preview-label{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-voice-error,.create-voice-preview-label{color:var(--color-text-secondary);font-size:12px}.create-voice-error{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;padding:10px 12px}.create-voice-modal-actions{padding:0 16px 16px}.create-voice-generate-button{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:background .15s ease,border-color .15s ease;width:100%}.create-voice-generate-button:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.create-voice-generate-button:disabled{cursor:not-allowed;opacity:.5}.create-voice-action-buttons{display:flex;gap:8px}.create-voice-regenerate-button{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:background .15s ease,border-color .15s ease,color .15s ease}.create-voice-regenerate-button:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.create-voice-regenerate-button:disabled{cursor:not-allowed;opacity:.5}.create-voice-save-button{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:background .15s ease,border-color .15s ease}.create-voice-save-button:hover:not(:disabled){background:var(--color-bg-user-bubble);border-color:var(--color-text-secondary)}.create-voice-save-button:disabled{cursor:not-allowed;opacity:.5}.create-voice-spinner{animation:createVoiceSpin .8s linear infinite;border:2px solid var(--color-border-input);border-radius:50%;border-top-color:var(--color-text-secondary);height:14px;width:14px}.create-voice-regenerate-button .create-voice-spinner{border-color:var(--color-border-input);border-top-color:var(--color-text-secondary)}@keyframes createVoiceSpin{to{transform:rotate(1turn)}}@media (max-width:1440px){.app-shell{grid-template-columns:380px minmax(0,1fr)}}@media (max-width:1280px){.app-shell{grid-template-columns:360px minmax(0,1fr)}.assets-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1180px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.canvas-panel{min-height:60vh;order:2;padding:20px}.sidebar{border-bottom:1px solid #986e4c1f;border-right:none;height:40vh;order:1}.timeline-scenes-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));max-height:380px}.timeline-container.timeline-storyboard-mode{max-height:500px;min-height:380px}.assets-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:1024px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;max-height:50vh}.assets-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:768px){.timeline-scenes-grid{grid-template-columns:1fr;max-height:420px}.timeline-scene-storyboard .timeline-scene-thumbnail{height:160px}.keyframe-shimmer-effect{animation-duration:4s}.keyframe-pulse-ring{animation-duration:2.5s}.sparkles-icon{animation:sparklePulse 2s ease-in-out infinite}.keyframe-generating-indicator{gap:12px;padding:24px}.keyframe-generating-indicator .generating-text{font-size:16px}.keyframe-description{font-size:14px;line-height:1.5}.keyframe-description-container{padding:24px 16px}}.timeline-keyframe-dots{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.timeline-keyframe-dot{background:var(--color-bg-user-bubble);border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 2px 6px #fabd7c66,0 0 0 0 #fabd7c00;cursor:pointer;height:10px;pointer-events:all;position:absolute;top:50%;transform:translateY(-50%) translateX(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);width:10px;z-index:5}.timeline-keyframe-dot:hover{box-shadow:0 3px 10px #fabd7c99,0 0 0 4px #fabd7c33;filter:brightness(1.1);transform:translateY(-50%) translateX(-50%) scale(1.3)}.timeline-keyframe-dot-selected{animation:keyframeDotPulse 1.5s ease-in-out infinite;background:var(--color-bg-user-bubble);border:3px solid #fff;box-shadow:0 4px 12px #fabd7cb3,0 0 0 6px #fabd7c40;height:14px;width:14px}.timeline-keyframe-dot-selected:hover{transform:translateY(-50%) translateX(-50%) scale(1.2)}@keyframes keyframeDotPulse{0%,to{box-shadow:0 4px 12px #fabd7cb3,0 0 0 6px #fabd7c40}50%{box-shadow:0 6px 16px #fabd7ccc,0 0 0 8px #fabd7c59}}.keyframe-timestamp-badge{animation:badgeFadeIn .3s ease;background:#1b1208d9;border:1px solid #fabd7c59;border-radius:12px;box-shadow:0 6px 18px #00000059,0 0 24px #fabd7c2e;color:var(--color-text-secondary);font-size:12px;font-weight:600;padding:10px 14px;position:absolute;right:16px;top:16px;z-index:3}@keyframes badgeFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.canvas-selected-keyframe{animation:selectedKeyframeFadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes selectedKeyframeFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.sidebar-content-container{display:flex;flex:1 1;flex-direction:column;gap:24px;min-height:0;overflow-y:auto;padding-right:8px}.sidebar-content-container::-webkit-scrollbar{width:6px}.sidebar-content-container::-webkit-scrollbar-thumb{background:var(--color-bg-user-bubble);border-radius:999px}.sidebar-content-container::-webkit-scrollbar-thumb:hover{background:var(--color-bg-user-bubble)}.assets-container{animation:chatFadeIn .4s ease .3s both;background:#ffffff80;border:1px solid var(--color-border-input);border-radius:12px;display:flex;flex:1 1 auto;flex-direction:column;gap:12px;margin-top:16px;max-height:400px;min-height:100px;overflow:hidden;padding:16px}.assets-header{align-items:center;border-bottom:1px solid #986e4c1f;display:flex;justify-content:space-between;padding-bottom:8px}.assets-header-actions{align-items:center;display:inline-flex;gap:8px}.create-asset-button{align-items:center;background:#0000;border:1px solid #e8945e;border-radius:6px;color:#c47a4a;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;transition:all .15s ease}.create-asset-button:hover:not(:disabled){background:#e8945e1a;border-color:#d4804a;color:#b06a3a}.create-asset-button:disabled{cursor:not-allowed;opacity:.6}.assets-dropdown-content{background:#fff;border:1px solid #d7986659;border-radius:12px;box-shadow:0 12px 32px #432c1529;padding:6px;z-index:10000}.assets-dropdown-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 8px}.assets-dropdown-item:hover{background:#fabd7c1f}.assets-dropdown-icon{color:var(--color-text-secondary)}.keyframe-assets-dropdown-content{background:#fff;border:1px solid #d7986659;border-radius:12px;box-shadow:0 12px 32px #432c1529;padding:6px;z-index:10000}.keyframe-assets-dropdown-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 8px}.keyframe-assets-dropdown-item:hover{background:#fabd7c1f}.keyframe-assets-dropdown-icon{color:var(--color-text-secondary)}.assets-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.assets-count{background:var(--color-bg-user-bubble);border-radius:10px;color:var(--color-text-secondary);font-size:11px;font-weight:600;padding:3px 8px}.assets-grid{grid-gap:8px;align-content:start;align-items:start;display:grid;flex:1 1 auto;gap:8px;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-template-columns:repeat(4,1fr);min-height:0;overflow-y:auto;padding:4px 0}.assets-grid::-webkit-scrollbar{width:4px}.assets-grid::-webkit-scrollbar-thumb{border-radius:2px}.assets-grid::-webkit-scrollbar-thumb,.assets-grid::-webkit-scrollbar-thumb:hover{background:var(--color-bg-user-bubble)}.asset-card{animation:assetCardFadeIn .3s ease backwards;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:0;width:100%}.asset-card:first-child{animation-delay:.05s}.asset-card:nth-child(2){animation-delay:.1s}.asset-card:nth-child(3){animation-delay:.15s}.asset-card:nth-child(4){animation-delay:.2s}.asset-card:nth-child(5){animation-delay:.25s}.asset-card:nth-child(6){animation-delay:.3s}@keyframes assetCardFadeIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.asset-image-wrapper{align-items:center;aspect-ratio:1;background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;display:flex;justify-content:center;overflow:hidden;position:relative;transition:border-color .15s ease;width:100%}.asset-card:hover .asset-image-wrapper{border-color:var(--color-text-secondary)}.asset-image{border-radius:2px;height:100%;object-fit:cover;object-position:center;width:100%}.asset-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:9px;font-weight:600;overflow:hidden;padding:0 4px;text-overflow:ellipsis}.asset-name,.assets-empty{color:var(--color-text-secondary);text-align:center}.assets-empty{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:24px 12px}.assets-empty p{color:var(--color-text-secondary);font-size:12px;font-weight:600;margin:0}.asset-card-animating{animation:assetCardReveal .5s cubic-bezier(.34,1.56,.64,1) forwards!important}@keyframes assetCardReveal{0%{opacity:0;transform:scale(.6) translateY(-12px)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1) translateY(0)}}.asset-image-placeholder{background:linear-gradient(90deg,#fabd7c14,#fabd7c26 50%,#fabd7c14);height:100%;overflow:hidden;position:relative;width:100%}.asset-placeholder-shimmer{animation:shimmerSlide 2s infinite;background:linear-gradient(90deg,#0000,#fff9 50%,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmerSlide{0%{left:-100%}to{left:100%}}.scene-context-menu{animation:contextMenuFadeIn .15s ease-out;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;box-shadow:0 4px 12px #0000004d;min-width:160px;padding:4px;pointer-events:auto;position:fixed;z-index:10000}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.scene-context-menu-item{align-items:center;background:#0000;border:none;border-radius:4px;color:#e0e0e0;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;text-align:left;transition:background-color .15s ease;width:100%}.scene-context-menu-item:hover{background:#3a3a3a}.scene-context-menu-item-delete{color:#ff6b6b}.scene-context-menu-item-delete:hover{background:#ff6b6b1a}.scene-context-menu-item svg{flex-shrink:0}.keyframe-prompt-container{align-items:flex-start;background:#0000;display:flex;flex-shrink:0;justify-content:center;padding:0}.keyframe-prompt-container .prompt-box{max-width:800px;width:100%}.keyframe-prompt-container .prompt-box-textarea{max-height:120px;min-height:44px}.keyframe-prompt-container .prompt-box-field{background:var(--color-bg-canvas-surface);border:none;box-shadow:0 2px 8px #00000026;padding:10px 12px}.keyframe-prompt-container .prompt-box-form{gap:8px}.keyframe-prompt-container .asset-input-container{background:var(--color-bg-canvas-surface);border:none;border-radius:10px;box-shadow:none;padding:12px 14px}.keyframe-prompt-container .asset-input-wrapper{gap:8px}.keyframe-prompt-container .asset-prompt-input{background:#0000;border:none;border-radius:8px;color:var(--color-text-primary);padding:12px 44px 12px 12px}.keyframe-prompt-container .asset-prompt-input::placeholder{color:var(--color-text-secondary)}.keyframe-prompt-container .asset-prompt-input:focus{background:#0000;box-shadow:none}.keyframe-prompt-container .asset-input-wrapper{align-items:stretch;background:#0000;border:none;flex-direction:column}.keyframe-prompt-container .submit-button,.keyframe-prompt-container .upload-image-button{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;box-shadow:none;color:var(--color-text-primary);height:28px;padding:0;width:28px}.keyframe-prompt-container .submit-button svg,.keyframe-prompt-container .upload-image-button svg{height:14px;width:14px}.keyframe-prompt-container .model-selector.model-selector--compact .model-selector-trigger{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-primary);height:28px;padding:0 8px}.keyframe-prompt-container .model-selector.model-selector--compact .model-selector-trigger-value{font-size:11px}.keyframe-prompt-container .model-selector.model-selector--compact .model-selector-icon{height:12px;width:12px}.keyframe-prompt-container .submit-button:hover:not(:disabled),.keyframe-prompt-container .upload-image-button:hover{background:var(--color-bg-user-bubble);box-shadow:none;filter:none;transform:none}.keyframe-prompt-container .submit-button svg{transition:none}.keyframe-prompt-container .submit-button:hover:not(:disabled) svg{transform:none}.keyframe-prompt-container .asset-input-actions{align-self:flex-end;margin-top:6px;position:static}.keyframe-prompt-container .asset-input-wrapper.has-actions .asset-prompt-input{padding-right:12px}.keyframe-prompt-container .uploaded-image-item{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px}.keyframe-prompt-container .asset-mention-dropdown{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:8px;box-shadow:0 8px 20px #00000040}.keyframe-prompt-container .asset-mention-item.selected,.keyframe-prompt-container .asset-mention-item:hover{background:var(--color-bg-user-bubble)}.keyframe-prompt-container .model-selector-content{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:8px;box-shadow:0 8px 20px #00000040}.keyframe-prompt-container .model-selector-item{border-radius:6px;color:var(--color-text-primary);font-size:11px}.keyframe-prompt-container .model-selector-item-label{color:var(--color-text-primary);font-size:11px;font-weight:600}.keyframe-prompt-container .model-selector-item:hover,.keyframe-prompt-container .model-selector-item[aria-selected=true]{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.keyframe-prompt-container .model-selector-check{color:var(--color-text-secondary)}.model-selector--neutral .model-selector-trigger{background:var(--color-bg-input);border:1px solid var(--color-border-input);color:var(--color-text-primary)}.model-selector-content--neutral{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:8px;box-shadow:0 8px 20px #00000040;min-width:220px;padding:4px}.model-selector-item--neutral{border-radius:6px;color:var(--color-text-primary);padding:6px 8px}.model-selector-item--neutral:hover,.model-selector-item--neutral[aria-selected=true]{background:var(--color-bg-user-bubble)}.model-selector-item--neutral .model-selector-item-label{color:var(--color-text-primary);font-size:10px;font-weight:600}.model-selector-check--neutral{color:var(--color-text-secondary)}.canvas-frame--editing-keyframe,.canvas-panel--editing-keyframe .canvas-frame,.canvas-panel--editing-keyframe .canvas-surface,.canvas-surface--editing-keyframe{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important}.canvas-panel--editing-keyframe .canvas-surface,.canvas-surface--editing-keyframe{aspect-ratio:unset!important;height:100%!important;max-height:100%!important;max-width:100%!important;width:100%!important}.canvas-panel--editing-keyframe{gap:0;justify-content:flex-start;padding:0!important;position:relative}.canvas-panel--editing-keyframe>div:first-child{align-items:flex-start;display:flex;flex:1 1 auto;height:100%;justify-content:center;margin:0;min-height:0;overflow:hidden;padding:0}.canvas-panel--editing-keyframe>div:last-child{bottom:16px;left:16px;pointer-events:auto;position:absolute;right:16px;z-index:20}.canvas-panel--editing-keyframe .canvas-frame{align-items:flex-start!important;flex:1 1 auto!important;height:100%!important;min-height:0!important;width:100%!important}.canvas-panel--editing-keyframe .canvas-surface{align-items:flex-start!important;height:auto!important;max-height:100%!important}.generating-dot-overlay{background:var(--generating-overlay-bg);border-radius:inherit;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:10}.generating-dot-overlay:before{background-image:radial-gradient(circle,var(--generating-dot-color) 1px,#0000 1px);background-position:6px 6px;background-size:12px 12px;content:"";inset:0;opacity:var(--generating-dot-opacity);position:absolute}.generating-dot-overlay:after{animation:dotGridGlimmer 2s ease-in-out infinite;background:linear-gradient(110deg,#0000 0,#0000 35%,var(--generating-glimmer-color) 50%,#0000 65%,#0000 100%);content:"";inset:0;-webkit-mask-image:radial-gradient(circle,#000 1px,#0000 0);mask-image:radial-gradient(circle,#000 1px,#0000 0);-webkit-mask-position:6px 6px;mask-position:6px 6px;-webkit-mask-size:12px 12px;mask-size:12px 12px;position:absolute}@keyframes dotGridGlimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.timeline-generating-overlay{background:#0000}.timeline-generating-overlay:before{background-image:radial-gradient(circle,#ebebebc7 1px,#0000 0);background-position:4px 4px;background-size:8px 8px;opacity:.3}.timeline-generating-overlay:after{animation:dotGridGlimmer 1.5s ease-in-out infinite;background:linear-gradient(110deg,#0000,#0000 35%,#fffc 50%,#0000 65%,#0000);-webkit-mask-image:radial-gradient(circle,#000 1px,#0000 0);mask-image:radial-gradient(circle,#000 1px,#0000 0);-webkit-mask-position:4px 4px;mask-position:4px 4px;-webkit-mask-size:8px 8px;mask-size:8px 8px}.video-storyboard-wrapper>.generating-dot-overlay:after{-webkit-mask-image:none;mask-image:none;opacity:.6}.timeline-scene-thumbnail .generating-dot-overlay{z-index:5}.canvas-panel--generating .canvas-frame{flex:1 1;max-height:100%;min-height:0}.project-transition-enter{opacity:0;transform:scale(.98) translateY(20px)}.project-transition-enter-active{transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94)}.project-transition-enter-active,.project-transition-exit{opacity:1;transform:scale(1) translateY(0)}.project-transition-exit-active{opacity:0;transform:scale(.98) translateY(-20px);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94)}.project-transition-enter-active,.project-transition-exit-active{left:0;position:absolute;right:0;top:0;width:100%}.project-preload-root{align-items:center;background:#f6f0e9;display:flex;justify-content:center;min-height:100vh;width:100%}.project-preload-flame{height:120px;width:120px}.project-preload-flame>*{height:100%;width:100%}.paywall-backdrop{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2100}.paywall-card{animation:paywallModalIn .26s ease;background:#fff;border:1px solid #94a3b833;border-radius:24px;box-shadow:0 30px 80px #0f172a40;display:flex;flex-direction:column;gap:24px;padding:32px;width:min(480px,100%)}@keyframes paywallModalIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.paywall-card{padding:28px 20px}.paywall-header h2{font-size:22px}}.paywall-header{display:flex;flex-direction:column;gap:12px;text-align:center}.paywall-header h2{color:#111827;font-size:26px;margin:0}.paywall-header p{color:#475569;font-size:14px;margin:0}.paywall-price{align-items:baseline;color:#111827;display:inline-flex;font-weight:800;gap:8px;justify-content:center}.paywall-price span{font-size:32px}.paywall-price small{color:#64748b;font-size:14px}.paywall-benefits{color:#1f2937;display:flex;flex-direction:column;font-size:14px;gap:10px;list-style:none;margin:0;padding:0}.paywall-benefits li:before{color:#10b981;content:"✔";margin-right:8px}.paywall-primary{background:linear-gradient(135deg,#111,#0b0b0b);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 18px}.paywall-secondary{background:#0000;border:none;color:#1f2937;cursor:pointer;font-weight:600}.paywall-usage{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;text-align:center}.paywall-usage p{color:#475569;font-size:14px;margin:0}.paywall-usage p:first-child{margin-bottom:4px}.paywall-usage strong{color:#111827;font-weight:700}.projects-content{background:var(--color-bg-root);box-sizing:border-box;color:var(--color-text-primary);font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:1200px;min-height:100%;padding:32px 24px;width:100%}.projects-header-section{align-items:center;border-bottom:1px solid var(--color-border-input);display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.projects-title{font-family:"Instrument Serif",Times New Roman,serif;font-size:24px;line-height:1.2;margin:0}.projects-new-button,.projects-title{color:var(--color-text-primary);font-weight:500}.projects-new-button{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;cursor:pointer;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;font-size:13px;padding:8px 14px;transition:background .15s ease}.projects-new-button:hover:not(:disabled){background:var(--color-bg-user-bubble)}.projects-new-button:disabled{cursor:not-allowed;opacity:.5}.projects-new-button-large{font-size:14px;margin-top:16px;padding:10px 20px}.projects-dropdown-content{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:4px;min-width:200px;padding:4px;z-index:2000}.projects-dropdown-item{align-items:flex-start;background:#0000;border:none;border-radius:3px;cursor:pointer;display:flex;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;gap:10px;outline:none;padding:10px 12px;text-align:left;transition:background .15s ease;-webkit-user-select:none;user-select:none;width:100%}.projects-dropdown-item:focus,.projects-dropdown-item:hover{background:var(--color-bg-user-bubble)}.projects-dropdown-label{display:flex;flex-direction:column;gap:2px}.projects-dropdown-title{color:var(--color-text-primary);font-size:13px;font-weight:500}.projects-dropdown-desc{color:var(--color-text-secondary);font-size:11px}.projects-error{background:#c0392b1a;border:1px solid #c0392b33;border-radius:4px;color:#c0392b;font-size:13px;font-weight:500;margin-bottom:16px;padding:10px 14px}.projects-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.projects-loading-spinner{animation:spin .8s linear infinite;border:2px solid var(--color-border-input);border-radius:50%;border-top-color:var(--color-text-secondary);height:32px;margin-bottom:12px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.projects-empty-state{color:var(--color-text-secondary);padding:60px 20px;text-align:center}.projects-empty-state h2{color:var(--color-text-primary);font-family:"Instrument Serif",Times New Roman,serif;font-size:20px;font-weight:500;margin-bottom:8px}.projects-empty-state p{font-size:13px;margin-bottom:16px}.projects-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.projects-search{flex:1 1;min-width:180px}.projects-search-input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;box-sizing:border-box;color:var(--color-text-primary);font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;font-size:13px;padding:8px 12px;transition:border-color .15s ease;width:100%}.projects-search-input:focus{border-color:var(--color-text-secondary);outline:none}.projects-search-input::placeholder{color:var(--color-text-secondary)}.projects-status-filter{flex-shrink:0}.projects-filter-tabs{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;display:flex;gap:2px;padding:2px}.projects-filter-tab{background:#0000;border:none;border-radius:3px;color:var(--color-text-secondary);cursor:pointer;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:500;padding:6px 12px;transition:background .15s ease,color .15s ease;white-space:nowrap}.projects-filter-tab.active,.projects-filter-tab:hover:not(.active){color:var(--color-text-primary)}.projects-filter-tab.active{background:var(--color-bg-canvas-surface)}.projects-gallery{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);width:100%}.projects-card{box-sizing:border-box;cursor:pointer;min-width:0;transition:opacity .15s ease;width:100%}.projects-card:hover{opacity:.85}.projects-card-thumbnail{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.projects-card-thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.projects-card-placeholder{align-items:center;color:var(--color-text-secondary);display:flex;height:100%;justify-content:center;left:0;opacity:.4;position:absolute;top:0;width:100%}.projects-card.is-highlighted .projects-card-thumbnail{border-color:var(--color-text-secondary)}.projects-card-progress-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;overflow:hidden;position:absolute}.projects-card-progress-fill{background:var(--color-text-secondary);bottom:0;left:0;opacity:.3;position:absolute;right:0;transition:height .5s ease-out}.projects-card-progress-text{color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em;position:relative;z-index:1}.projects-card-info{padding:10px 2px 0}.projects-card-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:2px}.projects-card-title{color:var(--color-text-primary);flex:1 1;font-size:12px;font-weight:500;line-height:1.4;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects-card-date{color:var(--color-text-secondary);font-size:11px;font-weight:400}.status-badge{border:1px solid #0000;border-radius:3px;display:inline-block;flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:.04em;padding:2px 6px;text-transform:uppercase}.status-completed{background:#4caf501a;border-color:#4caf5033;color:#4caf50}.status-processing{background:var(--color-bg-user-bubble);border-color:var(--color-border-input);color:var(--color-text-secondary)}.status-failed{background:#c0392b1a;border-color:#c0392b33;color:#c0392b}.status-unknown{background:var(--color-bg-user-bubble);border-color:var(--color-border-input);color:var(--color-text-secondary)}.projects-loading-overlay{display:flex;justify-content:center;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.projects-pagination{align-items:center;border-top:1px solid var(--color-border-input);display:flex;flex-direction:column;gap:12px;margin-top:24px;padding-top:16px}.projects-pagination-info{color:var(--color-text-secondary);font-size:11px;font-weight:400}.projects-pagination-controls{align-items:center;display:flex;gap:6px}.projects-pagination-btn{align-items:center;background:#0000;border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:background .15s ease}.projects-pagination-btn:hover:not(:disabled){background:var(--color-bg-user-bubble)}.projects-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.projects-pagination-pages{align-items:center;display:flex;gap:2px}.projects-pagination-page{background:#0000;border:1px solid #0000;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:500;height:28px;min-width:28px;padding:0 8px;transition:background .15s ease,color .15s ease}.projects-pagination-page:hover:not(.active){background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.projects-pagination-page.active{background:var(--color-bg-input);border-color:var(--color-border-input);color:var(--color-text-primary);font-weight:600}.projects-pagination-ellipsis{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;height:28px;justify-content:center;min-width:28px}.projects-landing-modal{background:var(--color-bg-root);inset:0;overflow-y:auto;position:fixed;z-index:1000}.projects-landing-modal-close{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:500;left:16px;padding:8px 14px;position:fixed;top:16px;transition:background .15s ease,color .15s ease;z-index:1001}.projects-landing-modal-close:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}@media (max-width:1024px){.projects-gallery{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.projects-content{padding:20px 16px}.projects-header-section{align-items:stretch;flex-direction:column}.projects-new-button{width:100%}.projects-filters{flex-direction:column}.projects-search,.projects-status-filter{width:100%}.projects-gallery{gap:12px;grid-template-columns:1fr}.projects-pagination-controls{flex-wrap:wrap;justify-content:center}.projects-pagination-btn{font-size:11px;padding:6px 10px}.projects-pagination-page{font-size:11px;height:26px;min-width:26px}}.auth-layout--loading{background:var(--color-bg-root);height:100vh;width:100%}.auth-layout--loading,.auth-layout__loader{align-items:center;display:flex;justify-content:center}.auth-layout__spinner{animation:authLayoutSpin .8s linear infinite;border:2px solid var(--color-border-input);border-radius:50%;border-top-color:var(--color-text-secondary);height:28px;width:28px}@keyframes authLayoutSpin{to{transform:rotate(1turn)}}.account-content{color:var(--color-text-primary);font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:560px;min-height:100%;padding:clamp(24px,4vh,40px) clamp(20px,4vw,32px)}.account-title{color:var(--color-text-primary);font-family:"Instrument Serif",Times New Roman,serif;font-size:clamp(28px,4vw,36px);font-weight:400;margin:0 0 28px}.account-section{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:2px;margin-bottom:16px;padding:16px}.account-section-title{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.04em;margin:0 0 14px;text-transform:uppercase}.account-info-row{align-items:center;border-bottom:1px solid var(--color-border-input);display:flex;justify-content:space-between;padding:10px 0}.account-info-row:last-child{border-bottom:none;padding-bottom:0}.account-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.account-value{color:var(--color-text-primary);font-size:13px}.account-usage-error,.account-usage-loading{color:var(--color-text-secondary);font-size:13px;padding:16px 0;text-align:center}.account-usage-error{color:#c0392b}.account-usage-empty{padding:16px 0;text-align:center}.account-usage-empty p{color:var(--color-text-secondary);font-size:13px;margin:0}.account-usage-hint{color:var(--color-text-secondary)!important;font-size:12px!important;margin-top:6px!important;opacity:.7}.account-usage-amount{align-items:center;border-bottom:1px solid var(--color-border-input);display:flex;flex-direction:column;margin-bottom:12px;padding:20px 0 24px}.account-usage-value{color:var(--color-text-primary);font-family:"Instrument Serif",Times New Roman,serif;font-size:36px;font-weight:400;line-height:1}.account-usage-label{color:var(--color-text-secondary);font-size:11px;font-weight:500;letter-spacing:.04em;margin-top:6px;text-transform:uppercase}.account-chart{padding:8px 0}.account-chart-bars{align-items:flex-end;display:flex;gap:2px;height:120px;padding-bottom:24px;position:relative}.account-chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.account-chart-bar{background:var(--color-text-secondary);border-radius:2px 2px 0 0;cursor:pointer;margin-top:auto;max-width:20px;min-height:2px;transition:opacity .15s ease;width:100%}.account-chart-bar:hover{opacity:.7}.account-chart-bar-empty{background:var(--color-border-input);min-height:2px}.account-chart-bar-skeleton{animation:shimmer 1.5s ease-in-out infinite;background:var(--color-bg-input);border-radius:2px 2px 0 0}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:.8}}.account-chart-label{bottom:-20px;color:var(--color-text-secondary);font-size:9px;font-weight:500;position:absolute;text-align:center;white-space:nowrap}.account-chart-tooltip{align-items:center;background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:4px;bottom:100%;color:var(--color-text-primary);display:flex;flex-direction:column;font-size:12px;gap:2px;margin-bottom:6px;padding:6px 10px;pointer-events:none;white-space:nowrap;z-index:10}.account-chart-tooltip,.account-chart-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.account-chart-tooltip:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--color-border-input);bottom:-5px;content:""}.account-org-invite{display:flex;gap:8px;margin-top:12px}.account-org-invite input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:13px;padding:10px 12px;transition:border-color .15s ease}.account-org-invite input:focus{border-color:var(--color-text-secondary);outline:none}.account-org-invite input::placeholder{color:var(--color-text-secondary)}.account-org-invite button{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:10px 14px;transition:background .15s ease;white-space:nowrap}.account-org-invite button:hover:not(:disabled){background:var(--color-bg-user-bubble)}.account-org-invite button:disabled{cursor:default;opacity:.5}.account-org-success{display:inline-block}.account-org-error,.account-org-success{background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);font-size:12px;font-weight:500;margin-top:10px;padding:6px 10px}.account-org-list{border-top:1px solid var(--color-border-input);margin-top:14px;padding-top:14px}.account-org-list-title{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:10px;text-transform:uppercase}.account-org-list-row{align-items:center;border-bottom:1px solid var(--color-border-input);color:var(--color-text-primary);display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.account-org-list-row:last-child{border-bottom:none;padding-bottom:0}.account-org-role{background:var(--color-bg-user-bubble);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);display:inline-block;font-size:10px;font-weight:600;letter-spacing:.04em;padding:2px 6px;text-transform:uppercase}.account-org-name-display{align-items:center;display:flex;gap:8px}.account-org-name-edit-btn{background:#0000;border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;padding:2px 8px;transition:background .15s ease,color .15s ease}.account-org-name-edit-btn:hover{background:var(--color-bg-user-bubble);color:var(--color-text-primary)}.account-org-name-edit{align-items:center;display:flex;flex:1 1;gap:6px}.account-org-name-edit input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:13px;padding:6px 10px;transition:border-color .15s ease}.account-org-name-edit input:focus{border-color:var(--color-text-secondary);outline:none}.account-org-name-edit input::placeholder{color:var(--color-text-secondary)}.account-org-name-edit input:disabled{opacity:.6}.account-org-name-cancel,.account-org-name-save{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:2px;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:6px 10px;transition:background .15s ease;white-space:nowrap}.account-org-name-cancel:hover:not(:disabled),.account-org-name-save:hover:not(:disabled){background:var(--color-bg-user-bubble)}.account-org-name-cancel:disabled,.account-org-name-save:disabled{cursor:default;opacity:.5}.account-usage-note{color:var(--color-text-secondary);font-size:12px;margin-bottom:12px;text-align:center}.account-chart-tooltip-date{color:var(--color-text-secondary);font-size:10px}.account-chart-tooltip-amount{color:var(--color-text-primary);font-size:13px;font-weight:600}.invite-accept-page{align-items:center;background:var(--color-bg-root);color:var(--color-text-primary);display:flex;justify-content:center;min-height:100vh;padding:32px 20px}.invite-accept-card{background:var(--color-bg-canvas-surface);border:1px solid var(--color-border-input);border-radius:10px;box-shadow:var(--color-shadow-canvas-frame);max-width:520px;padding:28px 28px 32px;width:100%}.invite-accept-card h1{font-size:22px;font-weight:600;margin:0 0 12px}.invite-accept-subtitle{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0 0 24px}.invite-accept-form{display:flex;flex-direction:column;gap:16px}.invite-accept-label{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:8px;letter-spacing:.04em;text-transform:uppercase}.invite-accept-label input{background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:8px;color:var(--color-text-primary);font-size:14px;padding:10px 12px}.invite-accept-label input:disabled{opacity:.6}.invite-accept-form button{background:var(--color-accent-base);border:none;border-radius:8px;color:var(--color-text-on-accent);cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:transform .15s ease,box-shadow .15s ease}.invite-accept-form button:disabled{cursor:default;opacity:.6}.invite-accept-form button:not(:disabled):hover{box-shadow:var(--color-shadow-send-hover);transform:translateY(-1px)}.invite-accept-error{color:#c0392b;font-size:13px}.invite-accept-success{color:#2ecc71;font-size:13px}.invite-accept-loading,.invite-accept-warning{background:var(--color-bg-input);border-radius:8px;color:var(--color-text-secondary);font-size:13px;padding:12px}:root{--color-bg-root:#f6f6f6;--color-bg-sidebar:#f5f5f5;--color-border-sidebar:#dcdcdc;--color-bg-canvas-frame:#f1f3f6;--color-bg-canvas-surface:#fff;--color-bg-canvas:#f1f1f1;--color-text-primary:#0b0c0f;--color-text-secondary:#0b0c0fb8;--color-text-on-dark:#fff;--color-text-on-accent:#041c12;--color-bg-user-bubble:#0f12180f;--color-border-user-bubble:#0f121829;--color-scrollbar-thumb:#0f12182e;--color-bg-input:#ededed;--color-border-input:#cfd3d8;--color-accent-base:#c07b42;--color-accent-strong:#d98f4f;--color-accent-gradient:linear-gradient(135deg,var(--color-accent-base),var(--color-accent-base));--color-focus-ring:#c07b4240;--color-shadow-canvas-frame:0 1px 0 #0f121814;--color-shadow-user-bubble:0 1px 1px #0f12181a;--color-shadow-send-hover:0 4px 12px -8px #0f121840;--color-bg-legacy-header:#f0f2f4;--color-legacy-link:#1f6fe5;--generating-dot-color:#0b0c0f;--generating-dot-opacity:0.5;--generating-glimmer-color:#0000001f;--generating-overlay-bg:#0000000a;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg-root:#0b0b0b;--color-bg-sidebar:#090909;--color-border-sidebar:#131313;--color-bg-canvas-frame:#0e0e0e;--color-bg-canvas-surface:#161616;--color-bg-canvas:var(--color-bg-canvas-surface);--color-text-primary:#f1f1f1;--color-text-secondary:#ebebebc7;--color-text-on-dark:#fff;--color-text-on-accent:#03140d;--color-bg-user-bubble:#ffffff0f;--color-border-user-bubble:#ffffff29;--color-scrollbar-thumb:#ffffff26;--color-bg-input:#2f2f2f;--color-border-input:#424242;--color-accent-base:#d98f4f;--color-accent-strong:#e3a36a;--color-accent-gradient:linear-gradient(135deg,var(--color-accent-base),var(--color-accent-base));--color-focus-ring:#d98f4f38;--color-shadow-canvas-frame:0 1px 0 #0009;--color-shadow-user-bubble:0 1px 1px #0000004d;--color-shadow-send-hover:0 6px 18px -10px #00000059;--color-bg-legacy-header:#1c1f24;--color-legacy-link:#69b5ff;--generating-dot-color:#ebebebc7;--generating-dot-opacity:0.25;--generating-glimmer-color:#fffc;--generating-overlay-bg:#0000;color-scheme:dark}}:root[data-theme=dark]{--color-bg-root:#050609;--color-bg-sidebar:#0a0c10;--color-border-sidebar:#373737;--color-bg-canvas-frame:#0b0d12;--color-bg-canvas-surface:#0e1117;--color-bg-canvas:var(--color-bg-canvas-surface);--color-text-primary:#f1f1f1;--color-text-secondary:#ebebebc7;--color-text-on-dark:#fff;--color-text-on-accent:#03140d;--color-bg-user-bubble:#ffffff0f;--color-border-user-bubble:#ffffff29;--color-scrollbar-thumb:#ffffff26;--color-bg-input:#0c1016;--color-border-input:#2c2c2c;--color-accent-base:#d98f4f;--color-accent-strong:#e3a36a;--color-accent-gradient:linear-gradient(135deg,var(--color-accent-base),var(--color-accent-base));--color-focus-ring:#d98f4f38;--color-shadow-canvas-frame:0 1px 0 #0009;--color-shadow-user-bubble:0 1px 1px #0000004d;--color-shadow-send-hover:0 6px 18px -10px #00000059;--color-bg-legacy-header:#1c1f24;--color-legacy-link:#69b5ff;--generating-dot-color:#ebebebc7;--generating-dot-opacity:0.25;--generating-glimmer-color:#fffc;--generating-overlay-bg:#0000;color-scheme:dark}
/*# sourceMappingURL=main.403b9e8c.css.map*/