@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}:root{color-scheme:light}.landing-content{background:#f6f0e9;color:#1b1208;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{aspect-ratio:1/1;background-image:none;background-position:50%;background-repeat:no-repeat;background-size:contain;left:65%;opacity:.95;pointer-events:none;position:fixed;top:100%;transform:translate(-60%,-50%);width:max(1100px,140vw);z-index:0}.landing-main{margin:0 auto;max-width:900px;padding:clamp(80px,15vh,140px) clamp(20px,5vw,40px) 80px;position:relative;text-align:center;width:100%;z-index:5}.landing-content.landing-authenticated .landing-main{padding:48px clamp(20px,5vw,40px)}.landing-title{color:#2a1d12;font-family:"Instrument Serif",Times New Roman,serif;font-size:clamp(44px,5vw,64px);font-weight:400;line-height:1.05;margin:0 0 clamp(32px,6vh,56px)}.landing-title-em{font-style:italic}.landing-typewriter{display:inline-block;min-width:.5ch}.landing-cursor{animation:blink 1s step-end infinite;color:#2a1d1280;display:inline-block;margin-right:0}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.landing-upload-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid #ffffff80;border-radius:28px;box-shadow:0 30px 80px #432c151a;min-height:200px;padding:30px 40px 40px;position:relative}.landing-upload-input{background:#0000;border:none;color:#2e2016d9;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5;margin:0;outline:none;padding:0;resize:none;width:100%}.landing-upload-input::placeholder{color:#2e20168c}.landing-upload-placeholder{color:#2e20168c;font-size:16px;margin:0}.landing-attachments-grid{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:-20px;margin-left:-20px;margin-top:20px}.landing-pdf-chip{background:#fffc;border:1px solid #d7986680;border-radius:16px;font-size:12px;gap:12px;letter-spacing:.04em;padding:10px 14px;position:relative;text-transform:uppercase}.landing-pdf-chip,.landing-pdf-extension{align-items:center;color:#d1784c;display:inline-flex;font-weight:600}.landing-pdf-extension{background:#f3aa771f;border-radius:10px;flex-shrink:0;font-size:11px;height:38px;justify-content:center;width:38px}.landing-pdf-info{align-items:flex-start;display:flex;flex-direction:column;gap:2px;min-width:0}.landing-pdf-name{color:#312218b3;font-size:13px;font-weight:500;max-width:180px;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:#31221880;font-size:11px;font-weight:400}.landing-pdf-remove{align-items:center;background:none;border:none;border-radius:50%;color:#31221866;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:background-color .2s ease,color .2s ease;width:24px}.landing-pdf-remove:hover{background-color:#31221814;color:#312218b3}.landing-upload-cta{background:linear-gradient(135deg,#fabd7c,#f9a474);border:none;border-radius:16px;bottom:20px;box-shadow:0 12px 30px #f0a76e59;color:#fff9f4;cursor:pointer;display:grid;font-size:28px;height:54px;place-items:center;position:absolute;right:20px;transition:transform .2s ease,box-shadow .2s ease;width:54px;z-index:10}.landing-upload-cta:hover{box-shadow:0 16px 38px #f0a76e6e;transform:translateY(-2px)}.landing-upload-cta:disabled{box-shadow:0 8px 20px #f0a76e33;cursor:not-allowed;opacity:.4;transform:none}.landing-attach-button{align-items:center;background:#ffffff80;border:1px solid #d7986640;border-radius:10px;bottom:20px;color:#3c2a1e99;cursor:pointer;display:flex;height:38px;justify-content:center;left:20px;position:absolute;transition:all .2s ease;width:38px;z-index:10}.landing-attach-button:hover{background:#fffc;border-color:#d7986666;color:#3c2a1ed9;transform:translateY(-1px)}.landing-auth-state{align-items:center;display:flex;gap:12px}.landing-auth-state span{color:#3c2a1eb8;font-size:13px;font-weight:600}.landing-auth-state button{background:#fffaf4eb;border:1px solid #ffddbfcc;border-radius:999px;color:#3f2c1ee0;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}@media (max-width:720px){.landing-header{padding:24px 24px 8px}.landing-main{gap:32px}.landing-title{margin-top:8vh}.landing-gradient{left:60%;top:85%;transform:translate(-60%,-70%);width:170vw}.landing-upload-panel{padding:20px 24px 24px}.landing-upload-cta{bottom:16px;height:48px;right:16px;width:48px}.landing-attach-button{bottom:16px;height:36px;left:16px;width:36px}}.landing-drag-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6f0e9f2;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:#ffffffb3;border:2px dashed #d7986699;border-radius:24px;color:#3c2a1ecc;font-family:"Instrument Serif",Times New Roman,serif;font-size:32px;font-weight:500;padding:40px 60px}.gallery-section{margin:0 auto;max-width:1100px;padding:60px clamp(20px,5vw,40px) 100px;position:relative;width:100%;z-index:5}.gallery-title{color:#2a1d12;font-family:"Instrument Serif",Times New Roman,serif;font-size:clamp(28px,3vw,38px);font-weight:400;letter-spacing:-.01em;margin:0 0 48px;text-align:center}.gallery-title-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1410,#4a4540 45%,#1a1410);-webkit-background-clip:text;background-clip:text;font-style:italic}.gallery-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.gallery-item{aspect-ratio:4/3;background:#1a1410;border-radius:20px;box-shadow:0 4px 20px #2a1d1214,inset 0 0 0 1px #ffffff14;cursor:pointer;overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.19,1,.22,1),box-shadow .4s cubic-bezier(.19,1,.22,1)}.gallery-item:hover{box-shadow:0 20px 50px #2a1d122e,inset 0 0 0 1px #ffffff1f;transform:translateY(-6px) scale(1.02)}.gallery-item:nth-child(2){transform:translateY(24px)}.gallery-item:nth-child(2):hover{transform:translateY(18px) scale(1.02)}.gallery-item:nth-child(5){transform:translateY(24px)}.gallery-item:nth-child(5):hover{transform:translateY(18px) scale(1.02)}.gallery-item-media,.gallery-thumbnail{height:100%;inset:0;position:absolute;width:100%}.gallery-thumbnail{object-fit:cover;transition:opacity .35s ease}.gallery-thumbnail-hidden{opacity:0}.gallery-video{height:100%;inset:0;object-fit:cover;opacity:0;position:absolute;transition:opacity .35s ease;width:100%}.gallery-video-visible{opacity:1}.gallery-item-overlay{background:linear-gradient(0deg,#120c08d9 0,#120c084d 40%,#0000);display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:20px;pointer-events:none;position:absolute}.gallery-item-title{color:#fffffff2;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:14px;font-weight:600;letter-spacing:.01em;text-shadow:0 1px 3px #0000004d}.gallery-item-play{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#fff;display:flex;height:48px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.85);transition:opacity .3s ease,transform .3s ease;width:48px}.gallery-item:hover .gallery-item-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-modal-backdrop{align-items:center;animation:modalFadeIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0804eb;display:flex;inset:0;justify-content:center;padding:40px;position:fixed;z-index:2000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.video-modal-container{animation:modalSlideIn .4s cubic-bezier(.19,1,.22,1);max-width:1000px;position:relative;width:100%}.video-modal-close{align-items:center;background:#ffffff14;border:none;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:-48px;transition:background .2s ease,color .2s ease;width:40px}.video-modal-close:hover{background:#ffffff26;color:#fff}.video-modal-content{background:#1a1410;border-radius:24px;box-shadow:0 40px 100px #00000080,inset 0 0 0 1px #ffffff0f;overflow:hidden}.video-modal-player{aspect-ratio:16/9;background:#0a0806;display:block;width:100%}.video-modal-title{border-top:1px solid #ffffff0f;color:#ffffffe6;font-family:"Instrument Serif",Times New Roman,serif;font-size:22px;font-weight:400;margin:0;padding:20px 28px}@media (max-width:900px){.gallery-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.gallery-item:nth-child(2),.gallery-item:nth-child(5){transform:none}.gallery-item:nth-child(2):hover,.gallery-item:nth-child(5):hover{transform:translateY(-6px) scale(1.02)}.gallery-item:nth-child(odd){transform:translateY(16px)}.gallery-item:nth-child(odd):hover{transform:translateY(10px) scale(1.02)}}@media (max-width:600px){.gallery-section{padding:40px 20px 80px}.gallery-title{margin-bottom:32px}.gallery-grid{gap:14px;grid-template-columns:1fr}.gallery-item,.gallery-item:nth-child(odd){aspect-ratio:16/10;transform:none}.gallery-item:hover,.gallery-item:nth-child(odd):hover{transform:scale(1.01)}.video-modal-backdrop{padding:20px}.video-modal-close{top:-44px}.video-modal-title{font-size:18px;padding:16px 20px}}.landing-footer{background:linear-gradient(180deg,#f6f0e9,#ebe3da);border-top:1px solid #2a1d1214;position:relative;z-index:5}.footer-inner{margin:0 auto;max-width:1200px;padding:80px clamp(24px,5vw,48px) 40px}.footer-top{grid-gap:48px;border-bottom:1px solid #2a1d1214;display:grid;gap:48px;grid-template-columns:2fr repeat(4,1fr);padding-bottom:60px}.footer-brand{max-width:280px}.footer-logo-img{height:48px;margin:0 0 16px;opacity:.85;width:auto}.footer-tagline{color:#2a1d1299;font-size:14px;line-height:1.6;margin:0 0 24px}.footer-social{display:flex;gap:12px}.footer-social-link{align-items:center;background:#2a1d120a;border-radius:12px;color:#2a1d1280;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.footer-social-link:hover{background:#2a1d1214;color:#1a1410;transform:translateY(-2px)}.footer-links-group{min-width:0}.footer-links-title{color:#2a1d1266;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 20px;text-transform:uppercase}.footer-links{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.footer-links li a{color:#2a1d12b3;font-size:14px;text-decoration:none;transition:color .2s ease}.footer-links li a:hover{color:#1a1410}.footer-newsletter{align-items:center;border-bottom:1px solid #2a1d1214;display:flex;gap:40px;justify-content:space-between;padding:40px 0}.footer-newsletter-content{flex:1 1}.footer-newsletter-title{color:#1a1410;font-family:"Instrument Serif",Times New Roman,serif;font-size:22px;font-weight:400;margin:0 0 6px}.footer-newsletter-desc{color:#2a1d1299;font-size:14px;margin:0}.footer-newsletter-form{display:flex;flex-shrink:0;gap:12px}.footer-newsletter-input{background:#ffffffb3;border:1px solid #2a1d121f;border-radius:14px;color:#1a1410;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:14px;outline:none;padding:14px 18px;transition:border-color .2s ease,box-shadow .2s ease;width:280px}.footer-newsletter-input::placeholder{color:#2a1d1266}.footer-newsletter-input:focus{border-color:#2a1d1240;box-shadow:0 0 0 3px #2a1d120f}.footer-newsletter-btn{background:#1a1410;border:none;border-radius:14px;color:#f6f0e9;cursor:pointer;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:14px;font-weight:600;padding:14px 28px;transition:all .2s ease}.footer-newsletter-btn:hover{background:#2a2420;transform:translateY(-1px)}.footer-bottom{align-items:center;display:flex;justify-content:space-between;padding-top:32px}.footer-copyright{color:#2a1d1273;font-size:13px;margin:0}.footer-bottom-links{align-items:center;display:flex;gap:8px}.footer-bottom-links a{color:#2a1d1273;font-size:13px;text-decoration:none;transition:color .2s ease}.footer-bottom-links a:hover{color:#2a1d12b3}.footer-dot{color:#2a1d1240;font-size:12px}@media (max-width:1024px){.footer-top{gap:40px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2;max-width:100%}.footer-social{margin-bottom:20px}}@media (max-width:768px){.footer-inner{padding:60px 24px 32px}.footer-top{gap:32px;grid-template-columns:1fr 1fr}.footer-newsletter{align-items:flex-start;flex-direction:column;gap:24px}.footer-newsletter-form{width:100%}.footer-newsletter-input{flex:1 1;min-width:0;width:auto}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}@media (max-width:480px){.footer-top{gap:32px;grid-template-columns:1fr}.footer-brand{grid-column:span 1}.footer-newsletter-form{flex-direction:column}.footer-newsletter-btn{width:100%}}.app-topnav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,#fffdfa66,#faf8f599);border-bottom:1px solid #986e4c0f;height:64px;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 32px}.app-topnav__logo-link{align-items:center;display:flex;flex-shrink:0;text-decoration:none}.app-topnav__logo{height:45px;transition:opacity .2s ease;width:auto}.app-topnav__logo-link:hover .app-topnav__logo{opacity:.75}.app-topnav__nav{align-items:center;display:flex;gap:8px;margin-left:48px}.app-topnav__link{align-items:center;background:#0000;border:none;border-radius:8px;color:#3c2a1ebf;cursor:pointer;display:flex;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;text-decoration:none;transition:all .15s ease}.app-topnav__link:hover{background:#986e4c14;color:#3c2a1ef2}.app-topnav__link--dropdown{align-items:center;display:flex;gap:4px}.app-topnav__link--dropdown svg{transition:transform .2s ease}.app-topnav__link--dropdown[data-state=open] svg{transform:rotate(180deg)}.resources-dropdown{animation:resourcesDropdownIn .2s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdfafa;border:1px solid #986e4c1a;border-radius:16px;box-shadow:0 16px 48px #3c2a1e1f,0 4px 12px #3c2a1e0f;padding:8px;width:420px;z-index:1000}@keyframes resourcesDropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.resources-dropdown__grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr}.resources-dropdown__panel{align-items:center;background:#0000;border:1px solid #986e4c1a;border-radius:12px;cursor:pointer;display:flex;gap:12px;outline:none;padding:14px 16px;text-decoration:none;transition:all .15s ease}.resources-dropdown__panel:focus,.resources-dropdown__panel:hover{background:#986e4c0a;border-color:#986e4c2e}.resources-dropdown__panel-icon{align-items:center;background:#986e4c14;border-radius:10px;color:#3c2a1eb3;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.resources-dropdown__panel-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.resources-dropdown__panel-title{color:#3c2a1ee6;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:14px;font-weight:550}.resources-dropdown__panel-desc{color:#3c2a1e80;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:12px;font-weight:450;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--docs{background:#a98a5c1f;color:#8c6e46d9}.resources-dropdown__panel-icon--youtube{background:#dc505014;color:#c83c3ccc}.resources-dropdown__panel-icon--tutorials{background:#5082c814;color:#3c6eb4cc}.resources-dropdown__panel-icon--blog{background:#986e4c1a;color:#785a3ccc}@media (max-width:540px){.resources-dropdown{max-width:360px;width:calc(100vw - 32px)}.resources-dropdown__grid{grid-template-columns:1fr}}.app-topnav__actions{align-items:center;display:flex;gap:12px;margin-left:auto}.app-topnav__signin-btn{background:#0000;border:1px solid #986e4c33;border-radius:10px;color:#3c2a1ed9;cursor:pointer;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:14px;font-weight:500;padding:10px 18px;transition:all .2s ease}.app-topnav__signin-btn:hover{background:#986e4c0d;border-color:#986e4c59}.app-topnav__cta-btn{background:linear-gradient(135deg,#fabd7c,#f9a474);border:none;border-radius:10px;box-shadow:0 4px 14px #f0a76e40;color:#fff9f4;cursor:pointer;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.app-topnav__cta-btn:hover{box-shadow:0 6px 20px #f0a76e59;transform:translateY(-1px)}@media (max-width:768px){.app-topnav__container{padding:0 16px}.app-topnav__nav,.app-topnav__signin-btn{display:none}}.app-sidebar{background:linear-gradient(180deg,#faf8f5,#f5f1eb);border-right:1px solid #986e4c1a;display:flex;flex-direction:column;flex-shrink:0;height:100vh;padding:16px 12px;position:relative;transition:width .25s cubic-bezier(.4,0,.2,1);width:240px;z-index:50}.app-sidebar--collapsed{cursor:pointer;padding:16px 10px;width:68px}.app-sidebar--collapsed:hover{background:linear-gradient(180deg,#faf9f6,#f6f2ec)}.app-sidebar__header{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:4px 8px 20px}.app-sidebar--collapsed .app-sidebar__header{justify-content:center;padding:4px 0 20px}.app-sidebar__logo-link{align-items:center;display:flex;flex-shrink:0;text-decoration:none}.app-sidebar__logo{height:20px;transition:opacity .2s ease;width:auto}.app-sidebar--collapsed .app-sidebar__logo{height:20px}.app-sidebar__logo-link:hover .app-sidebar__logo{opacity:.75}.app-sidebar__collapse-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#3c2a1e80;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.app-sidebar__collapse-btn:hover{background:#986e4c14;color:#3c2a1ecc}.app-sidebar__collapse-btn svg{transition:transform .25s cubic-bezier(.4,0,.2,1)}.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:4px;list-style:none;margin:0;padding:0}.app-sidebar__nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#3c2a1eb3;cursor:pointer;display:flex;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.app-sidebar__nav-item:hover{background:#986e4c14;color:#3c2a1ef2}.app-sidebar__nav-item--active{background:#986e4c1f;color:#3c2a1ef2;font-weight:600}.app-sidebar__nav-item svg{flex-shrink:0;opacity:.75}.app-sidebar__nav-item--active svg{opacity:1}.app-sidebar--collapsed .app-sidebar__nav-item{justify-content:center;padding:12px}.app-sidebar__spacer{flex:1 1 auto;min-height:20px}.app-sidebar--collapsed .app-sidebar__spacer{cursor:pointer}.app-sidebar__bottom{border-top:1px solid #986e4c14;display:flex;flex-direction:column;gap:8px;padding-top:12px}.app-sidebar__payment-banner{align-items:center;background:linear-gradient(135deg,#e8dcd0,#dbc9b8 50%,#d4bfab);border:1px solid #986e4c2e;border-radius:10px;box-shadow:0 2px 8px #986e4c14;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;text-align:left;transition:all .2s ease}.app-sidebar__payment-banner:hover{background:linear-gradient(135deg,#ebe0d5,#e0d0c0 50%,#d9c5b3);border-color:#986e4c47;box-shadow:0 4px 12px #986e4c1f;transform:translateY(-1px)}.app-sidebar__payment-banner:disabled{cursor:wait;opacity:.6;transform:none}.app-sidebar__payment-icon{align-items:center;background:#ffffff80;border-radius:8px;color:#3c2a1ebf;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.app-sidebar__payment-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.app-sidebar__payment-title{color:#3c2a1ee6;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:13px;font-weight:600}.app-sidebar__payment-subtitle{color:#3c2a1e99;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:11px}.app-sidebar__payment-icon-btn{align-items:center;background:linear-gradient(135deg,#e8dcd0,#d4bfab);border:1px solid #986e4c2e;border-radius:10px;box-shadow:0 2px 8px #986e4c14;color:#3c2a1ebf;cursor:pointer;display:flex;height:44px;justify-content:center;margin:0 auto 8px;transition:all .2s ease;width:44px}.app-sidebar__payment-icon-btn:hover{background:linear-gradient(135deg,#ebe0d5,#d9c5b3);border-color:#986e4c47;box-shadow:0 4px 12px #986e4c1f;transform:translateY(-1px)}.app-sidebar__payment-icon-btn:disabled{cursor:wait;opacity:.6;transform:none}.app-sidebar__profile{align-items:center;background:#0000;border:none;border-radius:10px;color:inherit;cursor:pointer;display:flex;font:inherit;gap:10px;outline:none;padding:8px;text-align:left;transition:background .15s ease;width:100%}.app-sidebar__profile:hover{background:#986e4c0f}.app-sidebar--collapsed .app-sidebar__profile{justify-content:center;padding:8px 0}.app-sidebar__avatar{align-items:center;background:linear-gradient(135deg,#e8dfd4,#d4c4b0);border:1px solid #986e4c26;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.app-sidebar__avatar:hover{border-color:#986e4c4d;transform:scale(1.02)}.app-sidebar__avatar-text{color:#3c2a1ecc;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:14px;font-weight:600}.app-sidebar__profile-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.app-sidebar__profile-email{color:#3c2a1e99;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar--collapsed .app-sidebar__profile-info{display:none}.app-sidebar__tooltip{animation:tooltipFadeIn .15s ease-out;background:#282018f2;border-radius:8px;box-shadow:0 8px 24px #0003;color:#fff;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:13px;font-weight:500;padding:8px 12px;z-index:1000}.app-sidebar__tooltip--logout{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffcf8fa;border:1px solid #d7b49159;padding:0}.app-sidebar__tooltip-arrow{fill:#282018f2}.app-sidebar__tooltip--logout .app-sidebar__tooltip-arrow{fill:#fffcf8fa}.app-sidebar__logout-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#3c2a1ed9;cursor:pointer;display:flex;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:10px 14px;transition:background .15s ease;white-space:nowrap;width:100%}.app-sidebar__logout-btn:hover{background:#f3e1cd80}.app-sidebar__logout-btn svg{flex-shrink:0;opacity:.7}.app-sidebar__get-started-btn{background:linear-gradient(135deg,#fabd7c,#f9a474);border:none;border-radius:12px;box-shadow:0 6px 18px #f0a76e40;color:#fff9f4;cursor:pointer;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:15px;font-weight:600;padding:12px 16px;transition:all .2s ease;width:100%}.app-sidebar__get-started-btn:hover{box-shadow:0 10px 24px #f0a76e59;transform:translateY(-1px)}.app-sidebar--collapsed .app-sidebar__get-started-btn{align-items:center;display:flex;font-size:20px;justify-content:center;padding:12px}@media (max-width:768px){.app-sidebar{padding:16px 10px;width:68px}.app-sidebar__header{justify-content:center;padding:4px 0 20px}.app-sidebar__collapse-btn{display:none}.app-sidebar__nav-item{justify-content:center;padding:12px}.app-sidebar__nav-item span,.app-sidebar__payment-banner,.app-sidebar__profile-info{display:none}.app-sidebar__profile{justify-content:center;padding:8px 0}.app-sidebar__payment-icon-btn{display:flex}}.universal-layout{background:#f6f0e9;display:flex;height:100vh;overflow:hidden;width:100%}.universal-layout__content{flex:1 1;overflow-x:hidden;overflow-y:auto;position:relative}.auth-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0000008c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2000}.auth-modal-card{animation:authModalIn .24s ease;background:#fff;border:1px solid #94a3b840;border-radius:20px;box-shadow:0 22px 60px #0f172a38;display:flex;flex-direction:column;gap:24px;padding:32px 28px;width:min(420px,100%)}@keyframes authModalIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.auth-modal-card{padding:24px}.auth-modal-header h2{font-size:20px}}.auth-modal-header{display:flex;flex-direction:column;gap:12px;text-align:center}.auth-modal-logo{height:auto;margin:0 auto;width:64px}.auth-modal-header h2{color:#111827;font-size:24px;font-weight:700;margin:0}.auth-modal-header p{color:#475569;font-size:14px;margin:0}.auth-modal-google{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:center;padding:12px 18px}.auth-modal-google img{height:18px;width:18px}.auth-modal-footer{color:#6b7280;display:flex;flex-direction:column;font-size:12px;gap:12px;text-align:center}.auth-modal-footer a{color:inherit;text-decoration:underline}.auth-modal-close{background:#0000;border:none;color:#1f2937;cursor:pointer;font-weight:600}.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}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.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}}.confirmation-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}.confirmation-card{animation:confirmationModalIn .22s ease;background:#fff;border:1px solid #94a3b833;border-radius:20px;box-shadow:0 30px 80px #0f172a40;display:flex;flex-direction:column;gap:20px;padding:28px;width:min(420px,100%)}@keyframes confirmationModalIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.confirmation-card{padding:24px 18px}.confirmation-header h2{font-size:18px}}.confirmation-header{display:flex;flex-direction:column;gap:8px;text-align:center}.confirmation-header h2{color:#111827;font-size:20px;font-weight:700;margin:0}.confirmation-header p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.confirmation-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.confirmation-primary{background:linear-gradient(135deg,#e8a76a,#d4915a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 18px;transition:transform .15s ease,box-shadow .15s ease}.confirmation-primary:hover{box-shadow:0 4px 12px #e8a76a59;transform:translateY(-1px)}.confirmation-primary:active{transform:translateY(0)}.confirmation-secondary{background:#0000;border:1px solid #64748b40;border-radius:12px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 18px;transition:background .15s ease,color .15s ease}.confirmation-secondary:hover{background:#64748b14;color:#475569}.confirmation-destructive{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 18px;transition:transform .15s ease,box-shadow .15s ease}.confirmation-destructive:hover{box-shadow:0 4px 12px #ef444459;transform:translateY(-1px)}.confirmation-destructive:active{transform:translateY(0)}.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-steps-content{align-items:center;display:flex;flex-direction:column;gap:48px;padding:40px 60px;position:relative;z-index:2}.tutorial-steps-title{color:#2e201680;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:.5;transition:opacity .4s ease}.onboarding-step.active,.onboarding-step.done{opacity:1}.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:#2e201614;border:1.5px solid #2e201633;border-radius:50%;color:#2e201699;display:flex;font-size:13px;font-weight:600;height:28px;justify-content:center;transition:all .3s ease;width:28px}.step-number.done{background:#3ad09226;border-color:#3ad09266;color:#2a9d6a}.step-label{color:#2e201699;font-size:13px;line-height:1.4;margin:0;max-width:140px;text-align:center}.onboarding-step.done .step-label{color:#2a9d6a}.step-done-chip{align-items:center;animation:chipFadeIn .3s ease-out;background:#3ad0921f;border:1px solid #3ad0924d;border-radius:100px;color:#2a9d6a;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:#fff6;border:2px dashed #2e201640;border-radius:10px;gap:8px;opacity:1;padding:14px 20px;transform:scale(1);transition:all .3s cubic-bezier(.4,0,.2,1)}.step1-dashed-box.clicking{background:#d7986626;border-color:#d7986680;transform:scale(.95)}.step1-dashed-box.hidden{opacity:0;pointer-events:none;position:absolute;transform:scale(.8)}.step1-plus{color:#2e201680;font-size:18px;font-weight:300}.step1-label{color:#2e201699;font-size:14px;font-weight:500;white-space:nowrap}.step1-input-box{align-items:center;background:#fffc;border:1.5px solid #d7986666;border-radius:8px;box-shadow:0 4px 12px #432c1514;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{color:#2e2016cc;font-family:inherit;font-size:14px}.step1-cursor{animation:cursorBlink .6s ease-in-out infinite;color:#d79866e6;font-size:14px;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:#3ad0921a;border:1.5px solid #3ad0924d;border-radius:8px;display:flex;gap:10px;padding:12px 16px}.step1-input-complete .step1-input-text{color:#2a9d6a;font-size:14px}.step1-input-complete .step1-checkmark{color:#2a9d6a;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:2.5px solid #2e20161a;border-radius:50%;border-top-color:#d79866b3;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:#fff9;border:2px solid #2e201640;border-radius:4px;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:#2e201633;border-radius:1px;height:2px;width:12px}.step2-storyboard-check{align-items:center;animation:checkPopIn .3s cubic-bezier(.34,1.56,.64,1);background:#3ad092e6;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}@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:#fffc;border:2px solid #2e201633;border-radius:8px;box-shadow:0 4px 12px #432c151a;display:flex;height:42px;justify-content:center;width:56px}.step2-play-triangle{color:#2e201699;font-size:16px;margin-left:2px}.step-2-animation.done .step2-play-complete{align-items:center;background:#3ad0921a;border:2px solid #3ad0924d;border-radius:8px;display:flex;height:42px;justify-content:center;position:relative;width:56px}.step2-play-complete .step2-play-icon{color:#2a9d6a;font-size:16px;margin-left:2px}.step2-play-complete .step2-checkmark{align-items:center;background:#3ad092e6;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-6px;top:-6px;width:18px}.step3-container{align-items:center;display:flex;gap:8px;height:100%;justify-content:center;position:relative;width:100%}.step3-rect{background:#fff9;border:2px solid #2e201640;border-radius:4px;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:#d7986633;border-color:#d7986699;position:relative;width:28px}.step3-container.phase-2 .step3-rect-3:after,.step3-container.phase-2 .step3-rect-3:before{background:#d79866b3;border-radius:1px;content:"";height:10px;position:absolute;top:50%;transform:translateY(-50%);width:3px}.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:#fff9;border:2px solid #2e201640;border-radius:4px;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:#d79866e6;border-radius:50%;color:#fff;font-size:11px;font-weight:700;height:20px;position:absolute;right:-8px;top:-8px;width:20px}.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:#d7986626;border:2px solid #d7986666;border-radius:10px;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:#d798664d;border-color:#d79866b3;transform:scale(.92)}.step4-export-btn.hidden{opacity:0;pointer-events:none;position:absolute;transform:scale(.8)}.step4-export-icon{color:#d79866e6;height:18px;width:18px}.step4-export-label{color:#d79866e6;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:3px solid #2e20161a;border-radius:50%;border-top-color:#d79866cc;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:#ffffffe6;border:2px solid #2e201640;border-radius:6px;box-shadow:0 4px 16px #432c151f;display:flex;height:64px;justify-content:center;padding-bottom:10px;position:relative;width:52px}.step4-file-corner{background:linear-gradient(135deg,#0000 50%,#2e20161a 0);border-bottom-left-radius:4px}.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,#d7986633 50%,#0000 0);border-top-right-radius:6px;content:""}.step4-file-ext{color:#d79866e6;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:#3ad0921a;border:2px solid #3ad09259;border-radius:6px;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%,#3ad09226 0);border-bottom-left-radius:4px;height:14px;position:absolute;right:0;top:0;width:14px}.step4-complete .step4-file-corner:before{background:linear-gradient(135deg,#3ad09233 50%,#0000 0)}.step4-complete .step4-file-ext{color:#2a9d6a;font-size:11px;font-weight:700;letter-spacing:.5px}.step4-complete .step4-checkmark{animation:checkPopIn .3s cubic-bezier(.34,1.56,.64,1);background:#3ad092e6;border-radius:50%;color:#fff;font-size:11px;font-weight:700;height:20px;position:absolute;right:-8px;top:-8px;width:20px}.step-placeholder,.step4-complete .step4-checkmark{align-items:center;display:flex;justify-content:center}.step-placeholder{border:2px dashed #2e201626;border-radius:8px;color:#2e201633;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}}.canvas-placeholder.canvas-tutorial{align-items:center;background:#fff8f3b3;display:flex;height:100%;inset:0;justify-content:center;position:absolute;width:100%}.tutorial-dot-overlay{background-image:radial-gradient(circle,#d7986680 1.5px,#0000 0);background-size:20px 20px;inset:0;mask-image:radial-gradient(ellipse at center,#0000 0,#0000 50%,#0006 70%,#000c 90%,#000 100%);-webkit-mask-image:radial-gradient(ellipse at center,#0000 0,#0000 50%,#0006 70%,#000c 90%,#000 100%);opacity:.6;pointer-events:none;position:absolute}.tutorial-arrow-indicator{animation:arrowBlink 1s ease-in-out infinite;color:#d79866e6;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:#d79866e6;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:#2e2016d9;font-family:"Instrument Serif",Georgia,serif;font-size:26px;font-weight:400;letter-spacing:.01em;line-height:1.3;margin:0}.tutorial-description{color:#2e201699;font-size:15px;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{border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.tutorial-button-primary{background:linear-gradient(135deg,#d79866,#f9bd7c);box-shadow:0 4px 16px #d798664d;color:#fffffffa}.tutorial-button-primary:hover{box-shadow:0 6px 24px #d7986666;transform:translateY(-2px)}.tutorial-button-primary:active{box-shadow:0 2px 8px #d798664d;transform:translateY(0)}.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}}.canvas-placeholder.canvas-asset-creation,.canvas-placeholder.canvas-video-creation{align-items:center;background:#fff8f3b3;display:flex;height:100%;inset:0;justify-content:center;padding:32px;position:absolute;width:100%}.asset-dot-overlay{background:repeating-conic-gradient(#d7986614 0 25%,#ebbc8e0d 0 50%) 50% /24px 24px}.asset-dot-overlay.rippling:after{animation:creationRipple 1.6s ease-in-out infinite;background:radial-gradient(circle at center,#fabd7c59 0,#fabd7c1f 25%,#fabd7c00 60%);content:"";inset:0;pointer-events:none;position:absolute}.asset-content-wrapper{gap:18px;max-width:100%;width:min(920px,92%)}.asset-title-container{transition:opacity .25s ease}.asset-description{color:#2e2016a6;font-size:16px;font-weight:500}.asset-processing{gap:12px;padding:14px 16px}.asset-title{color:#f3a567;font-size:16px;letter-spacing:.2px}.asset-title.animating{animation:titlePulse 1.6s ease-in-out infinite}@keyframes titlePulse{0%,to{opacity:.85}50%{opacity:1}}.asset-input-container{align-items:center;background:#fffc;border:1.5px solid #d7986640;border-radius:16px;box-shadow:0 10px 28px #432c151f;display:flex;justify-content:center;padding:16px;transition:border-color .2s ease,box-shadow .2s ease}.asset-input-container.dragging{border-color:#fabd7c99;box-shadow:0 14px 36px #f0a76e3d}.asset-input-form{gap:12px;max-width:760px;width:100%}.uploaded-images-preview{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.uploaded-image-item{aspect-ratio:1;background:#ffffffd9;border:1.5px solid #d7986640;border-radius:10px;width:100%}.uploaded-image-item img{display:block}.remove-image-button{background:#000000a6;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:#ffffffe6;border:2px solid #d7986640;border-radius:14px;color:#2e2016e6;flex:1 1;line-height:1.4;min-height:48px;padding:14px 48px 14px 14px;transition:all .2s ease}.asset-prompt-input:focus{background:#0000;border-color:#0000;box-shadow:none}.asset-prompt-input::placeholder{color:#2e201673}.asset-input-actions{bottom:8px;position:absolute;right:8px}.submit-button{background:linear-gradient(135deg,#fabd7c,#f9a474);border-radius:50%;box-shadow:0 4px 12px #f0a76e59;color:#fff9f4;display:inline-flex;height:40px;justify-content:center;padding:0;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;width:40px}.submit-button svg{display:block;height:22px;margin:auto;width:22px}.submit-button:hover:not(:disabled){box-shadow:0 6px 16px #f0a76e73;filter:brightness(1.05);transform:scale(1.05)}.submit-button:active:not(:disabled){transform:scale(.95)}.submit-button:disabled{box-shadow:none}.asset-error-message{color:#c0392b;font-size:13px;font-weight:600;margin-top:6px}.drag-drop-hint{color:#2e201699;font-size:14px}.asset-mention-dropdown{background:#fffffffa;border:1px solid #d7986659;border-radius:10px;box-shadow:0 10px 24px #432c1529;max-height:220px;min-width:220px;overflow-y:auto}.asset-mention-item{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 10px}.asset-mention-item.selected,.asset-mention-item:hover{background:#fabd7c1f}.asset-mention-thumb{border-radius:6px;height:22px;object-fit:cover;width:22px}.asset-mention-name{color:#2e2016d9;font-size:12px;font-weight:600}.generated-asset-wrapper{background:#ffffffd9;border:1.5px solid #d7986640;border-radius:16px;box-shadow:0 12px 32px #432c151f;display:inline-block;line-height:0;overflow:visible;position:relative}.generated-asset-annotate-button{align-items:center;background:#fffffff2;border:1px solid #d7986659;border-radius:10px;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:6px 8px;position:absolute;right:10px;top:10px;z-index:2}.generated-asset-image{border-radius:16px;display:block;height:auto;max-height:min(40vh,560px);max-width:min(560px,85vw);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%}}.canvas-creation-mode{background:linear-gradient(135deg,#d7986608,#f9bd7c0f)}.creation-content{align-items:center;color:#2e201699;display:flex;flex-direction:column;gap:20px;padding:40px;text-align:center}.creation-content svg{opacity:.4}.creation-exit-button{background:#0000;border:2px solid #d7986633;border-radius:10px;color:#2e2016b3;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:#d7986614;border-color:#d798664d;color:#2e2016e6}.canvas-asset-creation{--asset-scale:1;background:linear-gradient(135deg,#d798660d,#f9bd7c14);position:relative}.asset-dot-overlay{animation:dotOverlayPulse 8s ease-in-out infinite;background-image:radial-gradient(circle,#d79866bf 1.8px,#0000 0);background-position:0 0;background-size:18px 18px;border-radius:20px;inset:0;mask-image:radial-gradient(ellipse at center,#0000 0,#0000 60%,#0000004d 70%,#0009 80%,#000c 90%,#000 100%);-webkit-mask-image:radial-gradient(ellipse at center,#0000 0,#0000 60%,#0000004d 70%,#0009 80%,#000c 90%,#000 100%);opacity:1;overflow:hidden;pointer-events:none;position:absolute;transition:all .6s cubic-bezier(.4,0,.2,1);z-index:0}.asset-dot-overlay.rippling{animation:dotRipple 1.4s cubic-bezier(.4,0,.2,1) infinite,maskReveal 1.4s cubic-bezier(.4,0,.2,1) infinite}@keyframes dotRipple{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}@keyframes maskReveal{0%{-webkit-mask-image:radial-gradient(ellipse at center,#0000 0,#0000 60%,#0000004d 70%,#0009 80%,#000c 90%,#000 100%);mask-image:radial-gradient(ellipse at center,#0000 0,#0000 60%,#0000004d 70%,#0009 80%,#000c 90%,#000 100%)}50%{-webkit-mask-image:radial-gradient(ellipse at center,#0000 0,#0000 50%,#0006 65%,#000000b3 75%,#000000e6 85%,#000 100%);mask-image:radial-gradient(ellipse at center,#0000 0,#0000 50%,#0006 65%,#000000b3 75%,#000000e6 85%,#000 100%)}to{-webkit-mask-image:radial-gradient(ellipse at center,#0000 0,#0000 60%,#0000004d 70%,#0009 80%,#000c 90%,#000 100%);mask-image:radial-gradient(ellipse at center,#0000 0,#0000 60%,#0000004d 70%,#0009 80%,#000c 90%,#000 100%)}}@keyframes dotOverlayPulse{0%,to{opacity:1}50%{opacity:.8}}.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:#2e2016cc;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:#2e2016f2;font-family:inherit;font-size:18px;font-weight:700;margin:0}.asset-title.animating{-webkit-text-fill-color:#0000;animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#2e2016b3,#2e2016f2 50%,#2e2016b3);-webkit-background-clip:text;background-clip:text;background-size:200% 100%}.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:#d7986614;border-radius:16px}.asset-input-form{display:flex;flex-direction:column;gap:16px}.uploaded-images-preview{background:#f9f9f799;border:1.5px solid #d7986626;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px;order:-1;padding:12px;position:relative;z-index:100}.uploaded-image-item{border:2px solid #d7986633;border-radius:8px;height:80px;overflow:hidden;position:relative;transition:all .2s ease;width:80px}.uploaded-image-item:hover{border-color:#d7986666;transform:scale(1.05)}.uploaded-image-item img{height:100%;object-fit:cover;width:100%}.remove-image-button{align-items:center;background:#2e2016d9;border:none;border-radius:50%;color:#f9f9f7f2;cursor:pointer;display:flex;height:22px;justify-content:center;padding:0;position:absolute;right:4px;top:4px;transition:all .2s ease;width:22px}.remove-image-button:hover{background:#2e2016;transform:scale(1.1)}.asset-input-wrapper{align-items:flex-end;background:#0000;border:none;border-radius:0;display:flex;flex-direction:row;gap:8px;padding:6px 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.asset-input-wrapper:focus-within{background:#0000;border-color:#0000;box-shadow:none}.asset-prompt-input{background:#0000;border:none;border-radius:0;color:#2e2016f2;font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;max-height:200px;min-height:44px;outline:none;overflow-y:auto;padding:0;resize:none;width:100%}.asset-prompt-input::placeholder{color:#2e201666}.asset-input-actions{align-items:center;border-top:none;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding-top:0}.duration-input-wrapper{align-items:center;background:#d7986614;border:1.5px solid #d7986633;border-radius:8px;display:flex;gap:6px;padding:6px 12px;transition:all .2s ease}.duration-input-wrapper:focus-within{background:#d798661f;border-color:#d7986666}.duration-icon{color:#d79866cc;flex-shrink:0}.duration-input{background:#0000;border:none;color:#2e2016e6;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:linear-gradient(135deg,#d79866,#f9bd7c);border:none;border-radius:10px;box-shadow:0 2px 8px #d7986633;color:#f9f9f7fa;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:8px;padding:8px 12px;transition:all .2s ease}.submit-button:hover:not(:disabled){box-shadow:0 4px 12px #d798664d;transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.5}.submit-button svg{height:20px!important;width:20px!important}.asset-error-message{animation:fadeIn .3s ease;background:#dc26261a;border:1.5px solid #dc26264d;border-radius:10px;color:#991b1bf2;font-size:14px;font-weight:500;padding:12px 16px;text-align:center}.drag-drop-hint{align-items:center;animation:fadeIn .2s ease;background:#d7986626;border:3px dashed #d7986680;border-radius:16px;color:#2e2016cc;display:flex;font-size:18px;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-input-form:focus-within .submit-button{box-shadow:0 0 0 3px #d7986626,0 2px 8px #d7986633}.asset-prompt-input::-webkit-scrollbar{width:6px}.asset-prompt-input::-webkit-scrollbar-track{background:#d7986614;border-radius:3px}.asset-prompt-input::-webkit-scrollbar-thumb{background:#d798664d;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.asset-prompt-input::-webkit-scrollbar-thumb:hover{background:#d7986680}.asset-input-wrapper:hover{border-color:#d7986659}.asset-input-wrapper,.asset-prompt-input,.duration-input{cursor:text}.remove-image-button,.submit-button{cursor:pointer}.submit-button:disabled{cursor:not-allowed}.submit-button svg{transition:transform .2s ease}.submit-button:hover:not(:disabled) svg{transform:translateX(2px)}.duration-icon{transition:transform .2s ease}.duration-input-wrapper:focus-within .duration-icon{transform:scale(1.1)}button:focus,input:focus,textarea:focus{outline:none}button:focus-visible{outline:2px solid #d7986699;outline-offset:2px}.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:#2e201699;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:#d7986614;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:2px solid #d7986640;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:#d7986666;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{align-items:center;background:linear-gradient(135deg,#d7986626,#f9bd7c33);border:2px solid #d798664d;border-radius:12px;display:flex;flex-shrink:0;height:100px;justify-content:center;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:#2e2016d9;flex:1 1;font-size:14px;font-weight:500;line-height:1.5;padding:12px 14px}.storyboard-assets-indicator{background:#d798661f;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:#2e2016cc;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:#ffffff80;border:2px dashed #d7986640;border-radius:12px;cursor:pointer;display:flex;flex-shrink:0;height:80px;justify-content:center;max-height:80px;max-width:100px;min-width:100px;overflow:hidden;padding:0;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.timeline-add-scene:hover{background:#ffffffbf;border-color:#d7986666;box-shadow:0 4px 12px #432c1514;transform:translateY(-2px)}.timeline-add-scene:active{background:#ffffffd9;transform:translateY(0)}.timeline-add-scene-content{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:12px}.timeline-add-scene-icon{color:#d79866b3;font-size:28px;font-weight:300;line-height:1;transition:all .25s ease}.timeline-add-scene:hover .timeline-add-scene-icon{color:#fabd7c;transform:scale(1.15)}.timeline-add-scene-label{color:#2e201699;font-size:11px;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:#2e2016d9}.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{align-items:center;border-bottom:2px solid #d7986626;display:flex;justify-content:space-between;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:#2e2016e6;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:#2e2016cc;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:#d7986626;border-radius:6px;color:#2e2016cc;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:2px solid #d7986633;border-radius:10px;overflow:hidden;transition:all .25s ease}.keyframe-card:hover{border-color:#d7986666;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:#d798661f;border-radius:4px;color:#2e2016b3;font-size:11px;font-weight:600;padding:3px 8px}.keyframe-prompt{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#2e2016bf;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:#2e2016bf;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:1.5px solid #d7986640;border-radius:20px;padding:8px 16px;white-space:nowrap}.transition-label span{color:#2e2016b3;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:#2e201699;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-thumb>div:hover .kf-hover-overlay{opacity:1!important}.asset-creation-close-button{align-items:center;background:#2e201614;border:none;border-radius:50%;color:#2e2016b3;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:10}.asset-creation-close-button:hover:not(:disabled){background:#2e201626;color:#2e2016e6;transform:scale(1.05)}.asset-creation-close-button:disabled{cursor:not-allowed;opacity:.5}.upload-dropzone{align-items:center;background:#ffffffe6;border:3px dashed #d798664d;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:16px;justify-content:center;max-width:600px;min-height:400px;padding:48px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.upload-dropzone:hover{background:#fff;border-color:#d7986680;box-shadow:0 12px 32px #d7986626;transform:translateY(-4px)}.upload-dropzone-dragging{background:#fabd7c1f;border-color:#fabd7c99;border-style:solid;box-shadow:0 16px 48px #d7986640;transform:scale(1.02)}.upload-dropzone-icon{color:#d7986699;transition:all .3s ease}.upload-dropzone:hover .upload-dropzone-icon{color:#d79866cc;transform:translateY(-4px)}.upload-dropzone-title{color:#2e2016e6;font-family:inherit;font-size:20px;font-weight:700;margin:0}.upload-dropzone-text{color:#2e201699;font-size:15px;font-weight:500;margin:0}.upload-dropzone-formats{color:#2e201673;font-size:13px;font-weight:500;margin:8px 0 0}.upload-preview-container{align-items:center;animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:24px;max-width:600px;width:100%}.upload-preview{background:#fffffff2;border:2px solid #d7986640;border-radius:16px;box-shadow:0 8px 24px #432c151f;max-width:500px;overflow:hidden;position:relative;width:100%}.upload-preview-image{display:block;max-height:400px;object-fit:contain;width:100%}.upload-preview-remove{align-items:center;background:#2e2016d9;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px}.upload-preview-remove:hover:not(:disabled){background:#2e2016;transform:scale(1.1)}.upload-preview-remove:disabled{cursor:not-allowed;opacity:.5}.upload-file-details{text-align:center}.upload-file-name{color:#2e2016e6;font-size:15px;font-weight:600;margin-bottom:4px;word-break:break-word}.upload-file-size{color:#2e201699;font-size:13px;font-weight:500}.upload-error{align-items:center;animation:fadeIn .3s ease;background:#dc26261a;border:1.5px solid #dc26264d;border-radius:10px;color:#991b1bf2;font-size:14px;font-weight:500;gap:8px;padding:12px 20px}.upload-actions,.upload-error{display:flex;justify-content:center}.upload-actions{gap:12px;width:100%}.upload-button-primary,.upload-button-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.upload-button-primary{background:linear-gradient(135deg,#d79866,#f9bd7c);box-shadow:0 4px 16px #d7986640;color:#f9f9f7fa}.upload-button-primary:hover:not(:disabled){box-shadow:0 6px 24px #d7986659;transform:translateY(-2px)}.upload-button-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.upload-button-secondary{background:#d798661a;border:1.5px solid #d798664d;color:#2e2016cc}.upload-button-secondary:hover:not(:disabled){background:#d7986633;border-color:#d7986680;transform:translateY(-1px)}.upload-button-secondary:disabled{cursor:not-allowed;opacity:.5}.upload-spinner{animation:spin 1s linear infinite}.upload-processing-note{animation:fadeIn .3s ease;color:#2e201699;font-size:13px;font-style:italic;font-weight:500;text-align:center}*{box-sizing:border-box}.app-shell{background:#f6f0e9;color:#1b1208;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 .sidebar{animation:editorFadeInLeft .6s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0}.app-shell .canvas-panel{animation:editorFadeInRight .6s cubic-bezier(.25,.46,.45,.94) .1s forwards;opacity:0}@keyframes editorFadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes editorFadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.canvas-panel{display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:24px;position:relative;transition:padding .3s cubic-bezier(.4,0,.2,1);z-index:5}@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;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fff9;border-radius:20px;box-shadow:0 30px 80px #432c151f;max-height:100%;max-width:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}@media (max-width:1440px){.canvas-surface{border-radius:16px}}@media (max-width:1280px){.canvas-surface{border-radius:14px}}@media (max-width:1024px){.canvas-surface{border-radius:12px}}.canvas-element{display:block;transition:background .3s ease}.canvas-element,.canvas-video{border-radius:20px;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:4px solid #fabd7c4d;border-radius:50%;border-top-color:#fabd7c;box-shadow:0 0 22px #fabd7c73;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-image:radial-gradient(circle,#d79866e6 1.8px,#0000 0);background-position:0 0;background-repeat:repeat;background-size:18px 18px;mask-image:radial-gradient(circle at center,#0000 0,#0000 15%,#0003 28%,#0006 42%,#0009 56%,#000c 72%,#000000f2 88%,#000 100%);-webkit-mask-image:radial-gradient(circle at center,#0000 0,#0000 15%,#0003 28%,#0006 42%,#0009 56%,#000c 72%,#000000f2 88%,#000 100%);opacity:1}.video-dot-overlay.rippling,.video-dot-overlay.rippling:after{animation:videoRipple 2.4s cubic-bezier(.4,0,.2,1) infinite}.video-dot-overlay.rippling:after{background:radial-gradient(circle at center,#fabd7cd9 0,#fabd7c99 30%,#fabd7c4d 50%,#fabd7c1a 65%,#fabd7c00 80%);border-radius:20px;content:"";inset:0;pointer-events:none;position:absolute}@keyframes videoRipple{0%{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.04)}to{opacity:.6;transform:scale(1)}}@keyframes creationRipple{0%{opacity:.2;transform:scale(1)}50%{opacity:.35;transform:scale(1.02)}to{opacity:.2;transform:scale(1)}}.video-generating-text{animation:videoGeneratingTextPulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#f3a567fa,#f09655fa);border:1px solid #fff3;border-radius:10px;box-shadow:0 4px 16px #f3a56759,0 2px 8px #00000026;color:#fffffffa;font-size:14px;font-weight:600;letter-spacing:.4px;padding:10px 20px;position:relative;z-index:2}@keyframes videoGeneratingTextPulse{0%,to{box-shadow:0 4px 16px #f3a56759,0 2px 8px #00000026;opacity:.9;transform:translateY(0) scale(1)}50%{box-shadow:0 6px 20px #f3a56773,0 3px 12px #0003;opacity:1;transform:translateY(-2px) scale(1.02)}}.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{animation:keyframeImageFadeIn .6s ease;object-fit:contain}@keyframes keyframeImageFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.keyframe-inner-glow-border{border-radius:20px;inset:0;pointer-events:none;position:absolute}@keyframes innerGlowPulse{0%,to{box-shadow:inset 0 0 0 0 #0000,inset 0 0 24px 0 #fabd7c47}50%{box-shadow:inset 0 0 0 0 #0000,inset 0 0 38px 0 #fabd7c8c}}.animating-card{animation:cardPulse 1.8s ease-in-out infinite;background:#1b1208d9;border:1px solid #fabd7c59;border-radius:12px;bottom:16px;box-shadow:0 6px 18px #00000059,0 0 24px #fabd7c2e;color:#fabd7c;font-size:12px;font-weight:600;padding:10px 14px;position:absolute;right:16px;z-index:3}@keyframes cardPulse{0%,to{opacity:.95;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}.canvas-keyframe-overlay{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(180deg,#1b120826,#1b120859 50%,#1b120880);display:flex;flex-direction:column;height:100%;inset:0;justify-content:center;position:absolute;width:100%;z-index:2}.keyframe-shimmer-effect{animation:keyframeShimmer 3s ease-in-out infinite;background:linear-gradient(110deg,#0000,#0000 40%,#fae0c44d 50%,#fff6 55%,#fae0c44d 60%,#0000 70%,#0000);background-size:200% 100%;height:100%;inset:0;pointer-events:none;position:absolute;width:100%}@keyframes keyframeShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.keyframe-pulse-ring{animation:keyframePulse 2s cubic-bezier(.4,0,.6,1) infinite;border:3px solid #fabd7c99;border-radius:50%;height:80px;left:50%;margin:-40px 0 0 -40px;pointer-events:none;position:absolute;top:50%;width:80px}.keyframe-pulse-ring-delayed{animation-delay:1s;border-color:#f9a47480}@keyframes keyframePulse{0%{opacity:1;transform:scale(.8)}50%{opacity:.3;transform:scale(2.5)}to{opacity:0;transform:scale(4)}}.keyframe-generating-indicator{align-items:center;animation:keyframeFloat 3s ease-in-out infinite;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1b1208b3;border:2px solid #fabd7c4d;border-radius:24px;box-shadow:0 8px 32px #0000004d,0 0 60px #fabd7c26;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:32px;position:relative;z-index:3}@keyframes keyframeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sparkles-icon{animation:sparkleRotate 4s linear infinite,sparklePulse 2s ease-in-out infinite;color:#fabd7c;filter:drop-shadow(0 0 12px rgba(250,189,124,.6))}@keyframes sparkleRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes sparklePulse{0%,to{filter:drop-shadow(0 0 12px rgba(250,189,124,.6));opacity:.8}50%{filter:drop-shadow(0 0 20px rgba(250,189,124,.9));opacity:1}}.keyframe-generating-indicator .generating-text{color:#fabd7c;font-size:18px;font-weight:600;letter-spacing:.3px;text-align:center;text-shadow:0 2px 12px #00000080;text-transform:none}.keyframe-description-container{animation:descriptionSlideIn .8s cubic-bezier(.4,0,.2,1) .4s both;background:linear-gradient(0deg,#1b1208e6,#1b1208b3 60%,#0000);bottom:0;left:0;padding:32px;position:absolute;right:0;z-index:3}@keyframes descriptionSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.keyframe-description{color:#fffffff2;font-size:16px;font-weight:500;line-height:1.6;margin:0 auto;max-width:800px;text-align:center;text-shadow:0 2px 8px #00000080}.canvas-placeholder{align-items:center;background:repeating-conic-gradient(#d7986614 0 25%,#ebbc8e0d 0 50%) 50% /24px 24px;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;padding:40px;width:100%}.placeholder-title{color:#2e201699;font-size:18px;font-weight:600;margin:0;text-align:center}.placeholder-subtitle{color:#2e201673;font-size:14px;font-weight:400;line-height:1.6;margin:0;max-width:500px;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:#fffffff2;border:none;border-radius:16px;box-shadow:0 8px 32px #0000004d;color:#fabd7c;cursor:pointer;flex-direction:column;gap:8px;padding:20px 32px;transition:all .2s ease}.canvas-replay-button span{color:#2e2016cc;font-size:14px;font-weight:600}.canvas-replay-button:hover{background:#fff;box-shadow:0 12px 40px #0006;transform:scale(1.05)}.canvas-replay-button:active{transform:scale(1)}@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:#fffffff2;border:1px solid #d7986640;border-radius:10px;bottom:20px;box-shadow:0 4px 16px #00000026;color:#2e2016cc;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;position:absolute;right:20px;transition:all .2s ease;z-index:100}.canvas-motion-graphic-edit-btn:hover{background:#fff;border-color:#d7986666;box-shadow:0 6px 20px #0003;color:#2e2016;transform:translateY(-1px)}.canvas-motion-graphic-edit-btn:active{box-shadow:0 2px 8px #00000026;transform:translateY(0)}.canvas-motion-graphic-test-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#9333eaf2,#7e22cef2);border:1px solid #a78bfa4d;border-radius:10px;box-shadow:0 4px 16px #9333ea40;color:#fffffff2;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease;z-index:100}.canvas-motion-graphic-test-btn:hover{background:linear-gradient(135deg,#9333ea,#7e22ce);border-color:#a78bfa80;box-shadow:0 6px 20px #9333ea59;transform:translateY(-1px)}.canvas-motion-graphic-test-btn:active{box-shadow:0 2px 8px #9333ea40;transform:translateY(0)}.motion-graphic-edit-overlay{animation:motionGraphicEditSlideUp .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(0deg,#1b1208f2,#1b1208d9 70%,#0000);bottom:0;left:0;padding:20px;position:absolute;right:0;z-index:100}@keyframes motionGraphicEditSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.motion-graphic-edit-container{margin:0 auto;max-width:600px;position:relative}.motion-graphic-edit-close{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2e20160d;border:1px solid #2e20161a;border-radius:6px;color:#2e201680;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px;z-index:10}.motion-graphic-edit-close:hover{background:#2e20161a;border-color:#2e201633;color:#2e2016cc;transform:scale(1.05)}.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:#fffffff2;border:2px solid #d798664d;border-radius:14px;color:#2e2016e6;flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;outline:none;padding:14px 56px 14px 16px;resize:none;transition:all .2s ease}.motion-graphic-edit-input:focus{background:#fff;border-color:#fabd7c;box-shadow:0 0 0 3px #fabd7c33}.motion-graphic-edit-input::placeholder{color:#2e201666}.motion-graphic-edit-input:disabled{cursor:not-allowed;opacity:.7}.motion-graphic-edit-submit{align-items:center;background:linear-gradient(135deg,#fabd7c,#f9a474);border:none;border-radius:10px;bottom:8px;box-shadow:0 2px 8px #f0a76e4d;color:#fff9f4;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:36px}.motion-graphic-edit-submit:hover:not(:disabled){box-shadow:0 4px 12px #f0a76e66;filter:brightness(1.05);transform:translateY(-1px)}.motion-graphic-edit-submit:active:not(:disabled){transform:translateY(0)}.motion-graphic-edit-submit:disabled{box-shadow:none;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{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#faf6f0d9;border-right:1px solid #986e4c1f;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:#fff9;border:1px solid #d7986633;border-radius:10px;color:#2e2016b3;cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.config-back-button:hover{background:#fff;border-color:#d7986666;color:#2e2016e6;transform:translateX(-2px)}.config-header-title{color:#2a1d12e6;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:#2a1d12e6;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:#d7986626;border:1px solid #d7986640;border-radius:12px;color:#8b572ae6;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{align-items:center;background:#7ca8d726;border:1px solid #7ca8d740;border-radius:12px;color:#2a578be6;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.scene-preview-wrapper{align-items:center;aspect-ratio:16/9;background:#0000000d;border-radius:12px;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:#2e201680;font-size:14px}.config-properties-content{display:flex;flex-direction:column;gap:16px}.config-card{background:#ffffffbf;border:1px solid #d7986640;border-radius:14px;box-shadow:0 10px 28px #432c151f}.config-card-body{display:flex;flex-direction:column;gap:14px;padding:16px}.config-property-section{display:flex;flex-direction:column;gap:8px}.config-property-label{color:#2e201699;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.config-property-textarea{background:#ffffffe6;border:2px solid #d7986640;border-radius:12px;color:#2e2016e6;font-family:inherit;font-size:14px;outline:none;padding:12px;resize:vertical;transition:all .2s ease}.config-property-textarea:focus{background:#fff;border-color:#fabd7c;box-shadow:0 0 0 3px #fabd7c33}.config-property-hint{color:#2e201680;font-size:12px;margin:0}.config-separator{background:#d7986626;height:1px}.config-aspect-ratio-trigger{align-items:center;background:#ffffffe6;border:2px solid #d7986640;border-radius:12px;color:#2e2016e6;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:12px;transition:all .2s ease;width:100%}.config-aspect-ratio-trigger:hover{background:#fff;border-color:#d7986659}.config-aspect-ratio-value{align-items:flex-start;display:flex;flex-direction:column}.config-aspect-ratio-label{color:#2a1d12f2;font-size:14px;font-weight:700}.config-aspect-ratio-description,.config-aspect-ratio-placeholder{color:#2e201699;font-size:12px}.config-aspect-ratio-icon{color:#2e201680;transition:transform .15s ease}.config-aspect-ratio-icon-open{transform:rotate(180deg)}.config-aspect-ratio-content{background:#fff;border:1px solid #d7986659;border-radius:12px;box-shadow:0 12px 32px #432c1529;padding:6px;will-change:transform,opacity;z-index:10000}.config-aspect-ratio-item{align-items:center;border-radius:10px;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:#fabd7c1f}.config-aspect-ratio-item-content{display:flex;flex-direction:column;gap:2px}.config-aspect-ratio-item-label{color:#2a1d12f2;font-size:14px;font-weight:600}.config-aspect-ratio-item-description{color:#2e201699;font-size:12px}.config-aspect-ratio-check{color:#fabd7c}.config-error-message{background:#c0392b14;border:1px solid #c0392b2e;border-radius:10px;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:linear-gradient(135deg,#fabd7c,#f9a474);border:none;border-radius:12px;box-shadow:0 10px 24px #f0a76e59;color:#fff9f4;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px 18px;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.config-save-button:hover:not(:disabled){box-shadow:0 12px 28px #f0a76e73;filter:brightness(1.03);transform:translateY(-1px)}.config-save-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.asset-preview-wrapper{background:#fff9;border:1px solid #d7986633;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:#fffffff2;border:1.5px solid #d7986640;border-radius:6px;color:#2e2016b3;cursor:pointer;height:28px;position:absolute;right:8px;top:8px;transition:background .2s ease,border-color .2s ease,color .2s ease;width:28px}.asset-delete-overlay-btn:hover{background:#d798661f;border-color:#d7986666;color:#2e2016e6}.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:#fff9;border:1px solid #986e4c1f;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 #986e4c1f;cursor:pointer;display:flex;justify-content:space-between;padding-bottom:6px}.project-config-title{color:#2a1d12e6;font-size:14px;font-weight:600;margin:0}.project-config-preview{align-items:center;color:#2e201699;display:flex;font-size:12px;gap:6px}.config-item{color:#2e2016bf}.config-separator{align-items:center;color:#2e201659;display:flex;line-height:1}.approval-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: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:#e8945e;flex-shrink:0}.approval-title{color:#2e2016d9;font-size:14px;font-weight:600;margin:0}.approval-count{background:#e8945e26;border-radius:6px;color:#c47a4a;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:#d7986640;border-radius:999px}.approval-list::-webkit-scrollbar-thumb:hover{background:#d7986666}.approval-item{align-items:center;background:#e8945e14;border-radius:8px;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:6px 8px;transition:background .15s ease}.approval-item:hover{background:#e8945e24}.approval-item-name{color:#2e2016bf;flex:1 1;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approval-approve-btn{align-items:center;background:linear-gradient(135deg,#fabd7c,#f0a060);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;opacity:.85;transition:all .15s ease;width:22px}.approval-item:hover .approval-approve-btn{opacity:1}.approval-approve-btn:hover:not(:disabled){opacity:1;transform:scale(1.08)}.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:0;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:#2e2016d9;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:#d7986640;border-radius:999px}.new-content-list::-webkit-scrollbar-thumb:hover{background:#d7986666}.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:#2e2016d9;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:#2e201659;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .15s ease;width:20px}.new-content-item-dismiss:hover{background:#ef44441a;color:#ef4444}.send-to-background-button{align-items:center;background:#fffffff2;border:1px solid #8b5cf64d;border-radius:10px;box-shadow:0 2px 8px #8b5cf61a;color:#7c3aed;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:8px;margin-top:20px;padding:10px 18px;transition:all .2s ease}.send-to-background-button:hover{background:#fff;border-color:#8b5cf680;box-shadow:0 4px 16px #8b5cf633;transform:translateY(-1px)}.send-to-background-button:active{box-shadow:0 2px 8px #8b5cf626;transform:translateY(0)}.generating-container{background:#fff9;border:1px solid #6495ed33;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:#6495ed;flex-shrink:0}@keyframes generating-icon-spin{to{transform:rotate(1turn)}}.generating-title{color:#2e2016d9;font-size:14px;font-weight:600;margin:0}.generating-count{background:#6495ed26;border-radius:6px;color:#4a7bc7;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:#6495ed40;border-radius:999px}.generating-list::-webkit-scrollbar-thumb:hover{background:#6495ed66}.generating-item{align-items:center;background:#6495ed14;border-radius:8px;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:6px 8px;transition:background .15s ease}.generating-item:hover{background:#6495ed24}.generating-item-name{color:#2e2016bf;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 #6495ed4d;border-top-color:#6495ed;flex-shrink:0;height:12px;width:12px}@keyframes generating-spin{to{transform:rotate(1turn)}}.sidebar:before{background:radial-gradient(circle at top left,#fae0c48c,#0000 60%),radial-gradient(circle at bottom right,#f2cea659,#0000 55%);content:"";inset:0;opacity:.7;pointer-events:none;position:absolute}.sidebar-header{border-bottom:1px solid #986e4c1f;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:#2a1d12e6;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 .2s ease;white-space:nowrap;width:100%}.project-name-input:hover{background:#fff6}.project-name-input:focus{background:#fff9}.project-name-input::placeholder{color:#2e201666}.scene-header{align-items:center;display:flex;gap:12px}.scene-back-button{align-items:center;background:#fff9;border:1px solid #d7986633;border-radius:10px;color:#2e2016b3;cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.scene-back-button:hover{background:#fff;border-color:#d7986666;color:#2e2016e6;transform:translateX(-2px)}.scene-back-button:active{transform:translateX(0)}.scene-header-title{color:#2a1d12e6;font-family:"Instrument Serif",Times New Roman,serif;font-size:20px;font-weight:500}.keyframe-timeline-container{animation:chatFadeIn .4s ease .3s both;background:#ffffff80;border:1px solid #d7986626;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 #986e4c1f;display:flex;justify-content:space-between;padding-bottom:8px}.keyframe-timeline-title{align-items:center;color:#2a1d12e6;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.keyframe-count{background:#fabd7c26;border-radius:10px;color:#2e201680;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:#d7986640;border-radius:2px}.keyframe-vertical-timeline::-webkit-scrollbar-thumb:hover{background:#d7986666}.keyframe-timeline-item{animation:keyframeItemFadeIn .3s ease backwards;background:#0000;border:none;cursor:pointer;display:flex;gap:12px;padding:12px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.keyframe-timeline-item:first-child{animation-delay:.05s}.keyframe-timeline-item:nth-child(2){animation-delay:.1s}.keyframe-timeline-item:nth-child(3){animation-delay:.15s}.keyframe-timeline-item:nth-child(4){animation-delay:.2s}.keyframe-timeline-item:nth-child(5){animation-delay:.25s}.keyframe-timeline-item:hover{background:#fabd7c14;border-radius:8px}.keyframe-timeline-item-selected{background:linear-gradient(135deg,#fabd7c26,#f9a4741a);border-radius:8px;box-shadow:0 4px 12px #fabd7c26}.keyframe-dot-connector{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;position:relative;width:24px}.keyframe-connector-line{background:linear-gradient(180deg,#d7986633,#d7986626);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:linear-gradient(135deg,#fabd7c,#f9a474);border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 2px 6px #fabd7c66;height:12px;position:relative;transition:all .2s ease;width:12px;z-index:2}.keyframe-timeline-item:hover .keyframe-connector-dot{box-shadow:0 3px 10px #fabd7c99;transform:scale(1.2)}.keyframe-timeline-item-selected .keyframe-connector-dot{animation:keyframeDotPulse 1.5s ease-in-out infinite;border:3px solid #fff;box-shadow:0 4px 12px #fabd7cb3,0 0 0 4px #fabd7c33;height:16px;width:16px}.keyframe-content-wrapper{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.keyframe-preview-box{align-items:center;background:#ffffffb3;border:1.5px solid #d7986633;border-radius:6px;display:flex;flex-shrink:0;height:34px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:60px}.keyframe-timeline-item:hover .keyframe-preview-box{background:#ffffffe6;border-color:#d7986659;box-shadow:0 3px 8px #432c1514}.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:#2a1d12e6;font-size:12px;font-weight:600;white-space:nowrap}.keyframe-time{font-feature-settings:"tnum";color:#2e201699;font-size:11px;font-variant-numeric:tabular-nums;font-weight:500}.keyframe-timeline-empty{align-items:center;color:#2e201666;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:#2e201680;font-size:14px;font-weight:600;margin:0}.keyframe-timeline-empty span{color:#2e201666;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:#d7986640;border-radius:999px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#d7986666}.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:linear-gradient(135deg,#fabd7c,#f9a474);border-radius:18px 18px 4px 18px;box-shadow:0 4px 12px #f0a76e4d;color:#fff9f4;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:#fffc;border:2px solid #d7986633;border-radius:12px;color:#2e2016e6;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:all .2s ease}.chat-prompt-input:focus{background:#fff;border-color:#fabd7c;box-shadow:0 0 0 3px #fabd7c33}.chat-prompt-input::placeholder{color:#2e201666}.chat-prompt-input::-webkit-scrollbar{width:4px}.chat-prompt-input::-webkit-scrollbar-thumb{background:#d798664d;border-radius:2px}.chat-prompt-input::-webkit-scrollbar-thumb:hover{background:#d7986680}.chat-submit-button{align-items:center;background:linear-gradient(135deg,#fabd7c,#f9a474);border:none;border-radius:50%;bottom:8px;box-shadow:0 2px 8px #f0a76e66;color:#fff9f4;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;position:absolute;right:8px;transition:all .2s ease;width:32px}.chat-submit-button:hover:not(:disabled){box-shadow:0 3px 12px #f0a76e80;filter:brightness(1.05);transform:scale(1.05)}.chat-submit-button:active:not(:disabled){transform:scale(.95)}.chat-submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.timeline-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #d7986640;border-radius:16px;box-shadow:0 8px 24px #432c1514;display:flex;flex-direction:column;flex-shrink:0;gap:16px;margin-top:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}@media (max-width:1440px){.timeline-container{border-radius:14px;padding:18px}}@media (max-width:1280px){.timeline-container{border-radius:12px;gap:14px;padding:16px}}.timeline-container.timeline-storyboard-mode{background:#fffc;box-shadow:0 12px 32px #432c151f;max-height:600px;min-height:450px}.timeline-container.timeline-normal-mode{background:#ffffffb3;box-shadow:0 8px 24px #432c1514;min-height:auto}.timeline-header{align-items:center;border-bottom:1px solid #d7986626;display:flex;gap:20px;justify-content:space-between;padding-bottom:12px}.timeline-controls{align-items:center;display:flex;gap:8px}.timeline-control-button{align-items:center;background:#fffc;border:1px solid #d7986633;border-radius:10px;color:#2e2016b3;cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.timeline-control-button:hover:not(:disabled){background:#fff;border-color:#d7986666;box-shadow:0 6px 16px #432c151a;color:#2e2016e6;transform:translateY(-2px)}.timeline-control-button:active:not(:disabled){transform:translateY(0)}.timeline-control-button:disabled{cursor:not-allowed;opacity:.4}.timeline-play-button{background:linear-gradient(135deg,#fabd7c,#f9a474);border-color:#0000;box-shadow:0 6px 18px #f0a76e4d;color:#fff9f4;height:48px;width:48px}.timeline-play-button:hover:not(:disabled){background:linear-gradient(135deg,#fabd7c,#f9a474);box-shadow:0 8px 24px #f0a76e66;filter:brightness(1.05)}.timeline-zoom-controls{align-items:center;display:flex;gap:10px;padding:0 8px}.timeline-zoom-label{color:#2e201699;font-size:13px;font-weight:500;white-space:nowrap}.timeline-zoom-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#d7986633,#d798664d);border-radius:2px;cursor:pointer;height:4px;outline:none;transition:background .2s ease;width:120px}.timeline-zoom-slider:hover:not(:disabled){background:linear-gradient(90deg,#d798664d,#d7986666)}.timeline-zoom-slider:disabled{cursor:not-allowed;opacity:.4}.timeline-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#fabd7c,#f9a474);border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 2px 6px #f0a76e66;cursor:pointer;height:16px;-webkit-transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;width:16px}.timeline-zoom-slider::-webkit-slider-thumb:hover{box-shadow:0 3px 10px #f0a76e80;transform:scale(1.15)}.timeline-zoom-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.timeline-zoom-slider::-moz-range-thumb{background:linear-gradient(135deg,#fabd7c,#f9a474);border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 2px 6px #f0a76e66;cursor:pointer;height:16px;-moz-transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;width:16px}.timeline-zoom-slider::-moz-range-thumb:hover{box-shadow:0 3px 10px #f0a76e80;transform:scale(1.15)}.timeline-zoom-slider::-moz-range-thumb:active{transform:scale(1.05)}.timeline-zoom-value{font-feature-settings:"tnum";color:#2e2016bf;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:190px;overflow:auto;overscroll-behavior:none;padding: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:10px;min-width:-webkit-fit-content;min-width:fit-content;position:relative}.timeline-scenes-row{align-items:stretch;display:flex;flex-wrap:nowrap;gap:12px}.timeline-scenes{display:flex;gap:12px;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:16px;align-items:start;animation:gridFadeIn .4s cubic-bezier(.4,0,.2,1);display:grid;gap:16px;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:linear-gradient(180deg,#fabd7ce6,#f9a474f2);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:3px;z-index:10}.timeline-guideline:after,.timeline-guideline:before{pointer-events:auto}.timeline-guideline:hover{box-shadow:0 0 8px #fabd7c80}.timeline-guideline-dragging,.timeline-guideline:hover{background:linear-gradient(180deg,#fabd7c,#f9a474);transform:translateX(-1px);width:5px}.timeline-guideline-dragging{box-shadow:0 0 12px #fabd7cb3;transition:none}.timeline-storyboard-mode .timeline-guideline{opacity:0;pointer-events:none}.timeline-guideline:before{border-top:8px solid #fabd7c;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 #f9a474;bottom:-6px}.timeline-scene{cursor:pointer;flex-shrink:0;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1)}.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:#fff9;border:2px solid #d7986633;border-radius:12px;display:flex;height:80px;justify-content:center;overflow:hidden;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1);width:100%}.timeline-scene-new-badge{animation:newBadgePulse 2s ease-in-out infinite;background:#fff;border-radius:4px;box-shadow:0 2px 8px #00000026;color:#1a1a1a;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px;position:absolute;right:6px;top:6px;z-index:10}@keyframes newBadgePulse{0%,to{box-shadow:0 2px 8px #00000026;transform:scale(1)}50%{box-shadow:0 4px 12px #00000040;transform:scale(1.05)}}.timeline-scene-storyboard .timeline-scene-thumbnail{flex-direction:column;height:180px}.timeline-scene-active .timeline-scene-thumbnail{border-color:#fabd7c;border-width:3px}.timeline-scene-storyboard.timeline-scene-active .timeline-scene-thumbnail{box-shadow:0 8px 24px #fabd7c4d}.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:#e8a76a;border-radius:2px;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:#e8a76a;height:40px}.timeline-crop-handle.at-limit:before{background:#e05050}.timeline-scene-cropping{z-index:100}.timeline-scene-cropping .timeline-scene-thumbnail{border-color:#e8a76a}.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{background:linear-gradient(135deg,#fabd7c33,#f9a47426);color:#2e2016cc;font-size:13px;font-weight:600}.timeline-scene-loading,.timeline-scene-ready{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.timeline-scene-loading{background:#d798661f;flex-direction:column;gap:8px;overflow:hidden;padding:12px;position:relative}.timeline-scene-loading:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fffc 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.timeline-scene-loading .scene-number{align-items:center;color:#2e201673;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:#fabd7ccc;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:#2e201699;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:#d7986614;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:.9;width:100%}.timeline-keyframe-inner-glow{animation:innerGlowPulse 1.6s ease-in-out infinite;border-radius:12px;inset:0;pointer-events:none;position:absolute}.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{border-radius:inherit;box-shadow:inset 0 0 24px 0 #fabd7c59,inset 0 0 48px 0 #f9a47440;content:"";inset:0;pointer-events:none;position:absolute}@keyframes timelineKeyframeFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:.9;transform:scale(1)}}.timeline-scene-generating-overlay{align-items:center;animation:timelineOverlayPulse 3s ease-in-out infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1b1208bf;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;position:absolute}@keyframes timelineOverlayPulse{0%,to{background:#1b1208bf}50%{background:#1b1208a6}}.generating-spinner{animation:spin .8s linear infinite;border:3px solid #fabd7c4d;border-radius:50%;border-top-color:#fabd7c;box-shadow:0 0 16px #fabd7c80;height:24px;width:24px}.generating-text{color:#fabd7c;font-size:11px;font-weight:600;letter-spacing:.5px;text-shadow:0 2px 8px #00000080;text-transform:uppercase}.timeline-scene-error{align-items:center;background:#dc26261f;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;padding:12px;position:relative;width:100%}.timeline-scene-error .scene-number{color:#b91c1cb3;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.timeline-scene-error .error-text{color:#b91c1ccc;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;padding:20px 0;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:#2e201680;font-size:14px;line-height:1.6;margin:0}.export-button-container{margin-top:20px;position:relative}.export-video-button{align-items:center;background:linear-gradient(135deg,#fabd7c,#f9a474);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:1.5px solid #d7986659;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:#fabd7c26}.export-option-title{color:#2e2016e6;font-size:15px;font-weight:600}.export-option-subtitle{color:#2e201680;font-size:12px}.timeline-audio-clip{align-items:center;background:linear-gradient(135deg,#fabd7c1f,#f9a47414);border:1.5px solid #d7986640;border-radius:10px;cursor:default;display:flex;gap:10px;height:36px;min-width:40px;padding:8px 10px;position:absolute;transition:all .2s cubic-bezier(.4,0,.2,1)}.timeline-audio-clip:hover{background:linear-gradient(135deg,#fabd7c2e,#f9a4741f);border-color:#d7986659;box-shadow:0 4px 12px #f0a76e26;transform:translateY(-1px)}.timeline-audio-clip-extended{border:1.5px solid #d7986666;box-shadow:0 2px 8px #f0a76e33}.timeline-audio-clip-extended:hover{border-color:#d7986699;box-shadow:0 4px 16px #f0a76e4d}.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-bar{background:linear-gradient(180deg,#fabd7c,#f9a474);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:#2e2016bf;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.timeline-audio-track-row{align-items:stretch;display:flex;gap:12px;min-height:52px;padding-bottom:4px}.timeline-audio-track-content{flex-shrink:0;min-height:48px;position:relative}.timeline-audio-layers{display:flex;flex-direction:column;gap:4px}.timeline-audio-layer{border-radius:12px;height:44px;position:relative}.timeline-audio-empty-layer{align-items:center;background:linear-gradient(90deg,#fabd7c0a,#f9a47405);border:1.5px dashed #d7986633;border-radius:12px;display:flex;height:44px;justify-content:center}.timeline-audio-empty-text{color:#2e201659;font-size:12px;font-weight:500;letter-spacing:.3px}.unified-audio-clip{align-items:center;background:linear-gradient(135deg,#fabd7c2e,#f9a4741f);border:1.5px solid #d7986659;border-radius:10px;cursor:grab;display:flex;gap:8px;height:36px;padding:6px 10px;position:absolute;top:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.unified-audio-clip:hover{background:linear-gradient(135deg,#fabd7c40,#f9a4742e);border-color:#d7986680;box-shadow:0 4px 12px #f0a76e33;transform:translateY(-1px)}.timeline-add-audio-btn{align-items:center;align-self:stretch;background:#ffffff80;border:2px dashed #d7986640;border-radius:12px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;max-width:100px;min-height:44px;min-width:100px;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1)}.timeline-add-audio-btn:hover{background:#ffffffbf;border-color:#d7986666;box-shadow:0 4px 12px #432c1514;transform:translateY(-2px)}.timeline-add-audio-btn:active{background:#ffffffd9;transform:translateY(0)}.timeline-add-audio-btn-content{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:12px}.timeline-add-audio-icon{color:#d79866b3;font-size:28px;font-weight:300;line-height:1;transition:all .25s ease}.timeline-add-audio-btn:hover .timeline-add-audio-icon{color:#fabd7c;transform:scale(1.15)}.timeline-add-audio-label{color:#2e201699;font-size:11px;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:#2e2016d9}.timeline-audio-clip-pending{animation:pendingAudioPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#fabd7c40,#f9a4742e);border:2px dashed #d7986680}.timeline-audio-clip-pending .audio-clip-icon{animation:pendingAudioIconBounce 1s ease-in-out infinite}@keyframes pendingAudioPulse{0%,to{box-shadow:0 0 0 0 #fabd7c66}50%{box-shadow:0 0 0 4px #fabd7c26}}@keyframes pendingAudioIconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.timeline-audio-clip-dragging{background:linear-gradient(135deg,#fabd7c59,#f9a47440);border:2px solid #d7986699;box-shadow:0 8px 24px #f0a76e4d,0 4px 12px #00000026;cursor:grabbing!important;opacity:.9;transform:scale(1.02)}.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:#fabd7c14;border:1px solid #d7986626;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:#2e201680;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:linear-gradient(135deg,#fabd7c,#f9a474);box-shadow:0 2px 8px #f0a76e4d;color:#fff}.audio-clip-timestamp-info{align-items:center;background:#fabd7c1a;border:1px solid #d7986633;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:#d79866b3}.editing-audio-clip-info{background:#fabd7c14;border:1px solid #d7986633;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:#2e2016e6;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:#2e201699;display:flex;font-size:12px;gap:5px}.editing-audio-clip-detail svg{color:#d79866b3;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:#2e201699;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:#2e201680;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 #fabd7c,0 2px 8px #fabd7c66!important;z-index:10!important}.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:#2e201680;font-size:12px;font-weight:500}.form-textarea{background:#fff9;border:1.5px solid #d7986633;border-radius:12px;color:#2e2016e6;font-family:inherit;font-size:14px;padding:12px 14px;resize:none;transition:all .2s ease}.form-textarea:focus{background:#fffc;border-color:#d7986666;box-shadow:0 0 0 3px #fabd7c1a;outline:none}.form-textarea::placeholder{color:#2e201659}.form-slider{-webkit-appearance:none;appearance:none;background:#d7986626;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.form-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#fabd7c,#f9a474);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:linear-gradient(135deg,#fabd7c,#f9a474);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:#2e201680;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;background:#d798661a;border:1.5px solid #d7986633;border-radius:20px;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:all .2s ease}.toggle-button.active{background:linear-gradient(135deg,#fabd7c33,#f9a47426);border-color:#d7986666}.toggle-knob{background:#d7986666;border-radius:50%;height:16px;transition:all .2s ease;width:16px}.toggle-button.active .toggle-knob{background:linear-gradient(135deg,#fabd7c,#f9a474);box-shadow:0 2px 6px #f0a76e4d}.toggle-label{color:#2e201699;font-size:12px;font-weight:600;letter-spacing:.5px}.toggle-button.active .toggle-label{color:#2e2016cc}.create-voice-button{background:#fff9;border:1.5px solid #d7986640;border-radius:8px;color:#2e201699;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.create-voice-button:hover{background:#fffc;border-color:#d7986666;color:#2e2016cc}.voices-list{background:#fff6;border:1.5px solid #d7986626;border-radius:12px;display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto;padding:8px}.voice-item{align-items:center;background:#0000;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.voice-item:hover{background:#fabd7c1a}.voice-item.selected{background:#fabd7c26}.voice-check{align-items:center;color:#f9a474;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;width:18px}.voice-name{color:#2e2016cc;flex:1 1;font-size:14px;font-weight:500}.voice-preview-button{align-items:center;background:#d7986626;border:none;border-radius:50%;color:#2e201699;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.voice-preview-button:hover{background:#d7986640;color:#2e2016cc}.voices-empty{color:#2e201666;font-size:13px;font-style:italic;padding:16px;text-align:center}.audio-sidebar-error{background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;color:#dc3545;font-size:13px;font-weight:500;margin:0 16px 16px;padding:12px 16px}.modal-overlay{align-items:center;animation:modalOverlayFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;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 .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:420px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.create-voice-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 8px}.create-voice-modal-title{color:#2e2016e6;font-size:18px;font-weight:700;margin:0}.create-voice-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#2e201680;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.create-voice-modal-close:hover{background:#d798661a;color:#2e2016cc}.create-voice-modal-subtitle{color:#2e201680;font-size:13px;margin:0;padding:0 24px 16px}.create-voice-modal-content{display:flex;flex-direction:column;gap:16px;padding:0 24px 24px}.create-voice-form-group{display:flex;flex-direction:column;gap:8px}.create-voice-form-label{color:#2e201699;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.create-voice-name-input{background:#fabd7c0f;border:1.5px solid #d7986633;border-radius:12px;color:#2e2016e6;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .2s ease}.create-voice-name-input:focus{background:#fabd7c14;border-color:#d7986666;outline:none}.create-voice-name-input:disabled{cursor:not-allowed;opacity:.6}.create-voice-textarea{background:#d7986614;border:none;border-radius:12px;color:#2e2016e6;font-family:inherit;font-size:14px;min-height:100px;padding:14px 16px;resize:none;transition:all .2s ease}.create-voice-textarea:focus{background:#d798661f;outline:none}.create-voice-textarea::placeholder{color:#2e201666}.create-voice-textarea:disabled{cursor:not-allowed;opacity:.6}.create-voice-enhance-button{align-self:flex-end;background:#0000;border:none;color:#2e201680;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:color .2s ease}.create-voice-enhance-button:hover:not(:disabled){color:#2e2016cc}.create-voice-enhance-button:disabled{cursor:not-allowed;opacity:.4}.create-voice-preview{align-items:center;background:#fabd7c1a;border:1px solid #d7986633;border-radius:12px;display:flex;gap:12px;padding:12px 16px}.create-voice-play-button{align-items:center;background:linear-gradient(135deg,#fabd7c,#f9a474);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.create-voice-play-button:hover{box-shadow:0 4px 12px #f0a76e66;transform:scale(1.05)}.create-voice-preview-label{color:#2e2016b3;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-voice-error{background:#dc354514;border:1px solid #dc354533;border-radius:10px;color:#dc3545;font-size:13px;padding:12px 16px}.create-voice-modal-actions{padding:0 24px 24px}.create-voice-generate-button{align-items:center;background:linear-gradient(135deg,#fabd7c,#f9a474);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.create-voice-generate-button:hover:not(:disabled){box-shadow:0 6px 20px #f0a76e66;transform:translateY(-1px)}.create-voice-generate-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.create-voice-action-buttons{display:flex;gap:12px}.create-voice-regenerate-button{align-items:center;background:#d798661a;border:1.5px solid #d798664d;border-radius:12px;color:#2e2016b3;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:14px 20px;transition:all .2s ease}.create-voice-regenerate-button:hover:not(:disabled){background:#d7986626;border-color:#d7986666}.create-voice-regenerate-button:disabled{cursor:not-allowed;opacity:.5}.create-voice-save-button{align-items:center;background:linear-gradient(135deg,#fabd7c,#f9a474);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:14px 20px;transition:all .2s ease}.create-voice-save-button:hover:not(:disabled){box-shadow:0 4px 16px #f0a76e66;transform:translateY(-1px)}.create-voice-save-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.create-voice-spinner{animation:createVoiceSpin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.create-voice-regenerate-button .create-voice-spinner{border-color:#2e201699 #2e201633 #2e201633}@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:linear-gradient(135deg,#fabd7c,#f9a474);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:linear-gradient(135deg,#fabd7c,#f9a474);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:#fabd7c;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:#d7986640;border-radius:999px}.sidebar-content-container::-webkit-scrollbar-thumb:hover{background:#d7986666}.assets-container{animation:chatFadeIn .4s ease .3s both;background:#ffffff80;border:1px solid #d7986626;border-radius:12px;display:flex;flex:1 1 auto;flex-direction:column;gap:12px;margin-top:16px;min-height:0;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:#2e2016bf}.assets-title{align-items:center;color:#2a1d12e6;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.assets-count{background:#fabd7c26;border-radius:10px;color:#2e201680;font-size:11px;font-weight:600;padding:3px 8px}.assets-grid{grid-gap:8px;display:grid;flex:1 1 auto;gap:8px;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{background:#d7986640;border-radius:2px}.assets-grid::-webkit-scrollbar-thumb:hover{background:#d7986666}.asset-card{animation:assetCardFadeIn .3s ease backwards;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:0;transition:all .2s cubic-bezier(.4,0,.2,1);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:#ffffffb3;border:2px solid #d7986633;border-radius:8px;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.asset-card:hover .asset-image-wrapper{background:#ffffffe6;border-color:#d7986666;box-shadow:0 4px 12px #432c1514;transform:translateY(-2px)}.asset-image{height:100%;object-fit:cover;object-position:center;transition:transform .2s ease;width:100%}.asset-card:hover .asset-image{transform:scale(1.05)}.asset-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2a1d12cc;display:-webkit-box;font-size:9px;font-weight:600;overflow:hidden;padding:0 4px;text-align:center;text-overflow:ellipsis;transition:color .2s ease}.asset-card:hover .asset-name{color:#2a1d12f2}.assets-empty{align-items:center;color:#2e201666;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:24px 12px;text-align:center}.assets-empty p{color:#2e201680;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-card:hover{transform:translateY(-4px)}.asset-card-animating:hover{transform:scale(1.05) translateY(-4px)}.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}.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%}.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{box-sizing:border-box;color:#1b1208;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:1200px;min-height:100%;padding:clamp(32px,5vh,48px) clamp(24px,4vw,48px);width:100%}.projects-header-section{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:40px}.projects-title{color:#2a1d12;font-family:"Instrument Serif",Times New Roman,serif;font-size:clamp(36px,4vw,48px);font-weight:400;line-height:1.2;margin:0}.projects-new-button{background:linear-gradient(135deg,#fabd7c,#f9a474);border:1px solid #ffddbfcc;border-radius:16px;box-shadow:0 6px 18px #f0a76e40;color:#fff9f4;cursor:pointer;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;font-size:15px;font-weight:600;letter-spacing:.01em;padding:12px 24px;transition:transform .2s ease,box-shadow .2s ease}.projects-new-button:hover:not(:disabled){box-shadow:0 10px 24px #f0a76e59;transform:translateY(-2px)}.projects-new-button:disabled{cursor:not-allowed;opacity:.6}.projects-new-button-large{font-size:17px;margin-top:24px;padding:16px 32px}.projects-dropdown-content{animation:slideDown .2s ease-out;background:#fff;border:1px solid #d7986633;border-radius:12px;box-shadow:0 10px 38px #00000026,0 4px 6px #0000001a;padding:6px 0;z-index:2000}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.projects-dropdown-item{align-items:flex-start;background:#0000;border:none;cursor:pointer;display:flex;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;gap:12px;outline:none;padding:12px 16px;text-align:left;transition:background-color .15s ease;-webkit-user-select:none;user-select:none;width:100%}.projects-dropdown-item:hover{background-color:#d7986614}.projects-dropdown-item:focus{background-color:#d798661f}.projects-dropdown-label{display:flex;flex-direction:column;gap:2px}.projects-dropdown-title{color:#2a1d12;font-size:14px;font-weight:600}.projects-dropdown-desc{color:#3c2a1e99;font-size:12px}.projects-error{background-color:#f44;border-radius:12px;color:#fff;margin-bottom:24px;padding:16px 20px;text-align:center}.projects-loading{align-items:center;color:#3c2a1e99;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.projects-loading-spinner{animation:spin 1s linear infinite;border:4px solid #d7986633;border-radius:50%;border-top-color:#fabd7c;height:48px;margin-bottom:16px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.projects-empty-state{color:#3c2a1e99;padding:80px 20px;text-align:center}.projects-empty-state h2{color:#2a1d12;font-family:"Instrument Serif",Times New Roman,serif;font-size:32px;font-weight:400;margin-bottom:12px}.projects-empty-state p{font-size:16px;margin-bottom:24px}.projects-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.projects-search{flex:1 1;min-width:200px}.projects-search-input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid #d798664d;border-radius:12px;color:#2a1d12;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;font-size:14px;padding:10px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.projects-search-input:focus{border-color:#d7986699;box-shadow:0 0 0 3px #d798661a;outline:none}.projects-search-input::placeholder{color:#3c2a1e80}.projects-status-filter{flex-shrink:0}.projects-filter-tabs{background:#ffffff4d;border:1px solid #d7986626;border-radius:10px;display:flex;gap:6px;padding:4px}.projects-filter-tab{background:#0000;border:none;border-radius:8px;color:#3c2a1e99;cursor:pointer;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.projects-filter-tab:hover{background:#fff3;color:#3c2a1ecc}.projects-filter-tab.active{background:#fffc;box-shadow:0 2px 8px #432c151a;color:#2a1d12;font-weight:600}.projects-gallery{grid-gap:24px;box-sizing:border-box;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);width:100%}.projects-card{box-sizing:border-box;cursor:pointer;min-width:0;transition:transform .2s ease;width:100%}.projects-card:hover{transform:translateY(-2px)}.projects-card:hover .projects-card-thumbnail{box-shadow:0 8px 20px #432c151f}.projects-card-thumbnail{background:linear-gradient(135deg,#fabd7c1a,#f9a4741a);border:1px solid #d7986626;border-radius:12px;overflow:hidden;padding-top:56.25%;position:relative;transition:box-shadow .2s ease;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:#d798664d;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.projects-card-info{padding:12px 4px 0}.projects-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px}.projects-card-title{color:#2a1d12;flex:1 1;font-size:12px;font-weight:600;line-height:1.4;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects-card-date{color:#3c2a1e80;font-size:12px;font-weight:400}.status-badge{border-radius:8px;display:inline-block;flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase}.status-completed{background:#4caf501f;color:#4caf50}.status-processing{background:#ff98001f;color:#ff9800}.status-failed{background:#f443361f;color:#f44336}.status-unknown{background:#9e9e9e1f;color:#9e9e9e}.projects-landing-modal{background:#f6f0e9;inset:0;overflow-y:auto;position:fixed;z-index:1000}.projects-landing-modal-close{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #d798664d;border-radius:12px;color:#3c2a1ed9;cursor:pointer;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:500;left:20px;padding:10px 18px;position:fixed;top:20px;transition:all .2s ease;z-index:1001}.projects-landing-modal-close:hover{background:#fffffff2;border-color:#d7986680;transform:translateY(-1px)}@media (max-width:1280px){.projects-content{padding:clamp(24px,4vh,40px) clamp(20px,3vw,32px)}}@media (max-width:1024px){.projects-gallery{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.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:16px;grid-template-columns:1fr}.projects-dropdown-content{min-width:250px}.projects-content{padding:24px 16px}}.auth-layout--loading{background:#f6f0e9;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:3px solid #986e4c26;border-radius:50%;border-top-color:#986e4c99;height:32px;width:32px}@keyframes authLayoutSpin{to{transform:rotate(1turn)}}.account-content{color:#1b1208;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:640px;min-height:100%;padding:clamp(32px,5vh,48px) clamp(24px,4vw,48px)}.account-title{color:#2a1d12;font-family:"Instrument Serif",Times New Roman,serif;font-size:clamp(36px,5vw,48px);font-weight:400;margin:0 0 40px}.account-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 20px 60px #432c1514;margin-bottom:24px;padding:28px}.account-section-title{color:#3c2a1e80;font-size:14px;font-weight:600;letter-spacing:.05em;margin:0 0 20px;text-transform:uppercase}.account-info-row{align-items:center;border-bottom:1px solid #d7b49133;display:flex;justify-content:space-between;padding:12px 0}.account-info-row:last-child{border-bottom:none;padding-bottom:0}.account-label{color:#3c2a1eb3;font-size:15px;font-weight:500}.account-value{color:#3c2a1ee6;font-size:15px}.account-usage-error,.account-usage-loading{color:#3c2a1e80;font-size:14px;padding:20px 0;text-align:center}.account-usage-error{color:#b4503ccc}.account-usage-empty{padding:20px 0;text-align:center}.account-usage-empty p{color:#3c2a1e99;font-size:15px;margin:0}.account-usage-hint{color:#3c2a1e73!important;font-size:13px!important;margin-top:8px!important}.account-usage-amount{align-items:center;border-bottom:1px solid #d7b49133;display:flex;flex-direction:column;margin-bottom:16px;padding:24px 0 28px}.account-usage-value{color:#2a1d12;font-family:"Instrument Serif",Times New Roman,serif;font-size:42px;font-weight:400;line-height:1}.account-usage-label{color:#3c2a1e73;font-size:13px;font-weight:500;letter-spacing:.05em;margin-top:8px;text-transform:uppercase}.account-chart{padding:8px 0}.account-chart-bars{align-items:flex-end;display:flex;gap:3px;height:140px;padding-bottom:28px;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:linear-gradient(180deg,#f5a864,#e8915a);border-radius:4px 4px 2px 2px;cursor:pointer;margin-top:auto;max-width:24px;min-height:3px;transition:opacity .15s ease,transform .15s ease;width:100%}.account-chart-bar:hover{opacity:.85;transform:scaleY(1.02)}.account-chart-bar-empty{background:#d7b49140;min-height:3px}.account-chart-bar-skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#d7b49133,#d7b49159 50%,#d7b49133);background-size:200% 100%;border-radius:4px 4px 2px 2px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.account-chart-label{bottom:-24px;color:#3c2a1e73;font-size:10px;font-weight:500;position:absolute;text-align:center;white-space:nowrap}.account-chart-tooltip{align-items:center;background:#2a1d12f2;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-direction:column;font-size:13px;gap:2px;margin-bottom:8px;padding:8px 12px;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:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #2a1d12f2;bottom:-6px;content:""}.account-chart-tooltip-date{color:#ffffffb3;font-size:11px}.account-chart-tooltip-amount{color:#fff;font-size:15px;font-weight:600}:root{--color-bg-root:#050505;--color-bg-sidebar:#0b0c0e;--color-border-sidebar:#111;--color-bg-canvas-frame:#08090b;--color-bg-canvas-surface:#0b0c0f;--color-bg-canvas:repeating-conic-gradient(#2c2c2c 0% 25%,#242424 0% 50%) 50% /24px 24px;--color-text-primary:#f1f1f1;--color-text-secondary:#ebebebcc;--color-text-on-dark:#fff;--color-text-on-accent:#03140d;--color-bg-user-bubble:#52ffbc1a;--color-border-user-bubble:#52ffbc3d;--color-scrollbar-thumb:#ffffff26;--color-bg-input:#09090c;--color-border-input:#1b1c20;--color-accent-base:#3ad092;--color-accent-strong:#52ffbc;--color-accent-gradient:linear-gradient(135deg,var(--color-accent-strong),var(--color-accent-base));--color-focus-ring:#52ffbc2e;--color-shadow-canvas-frame:0 12px 24px -18px #000000bf;--color-shadow-user-bubble:0 1px 1px #00000040;--color-shadow-send-hover:0 6px 18px -10px #52ffbce6;--color-bg-legacy-header:#282c34;--color-legacy-link:#61dafb}
/*# sourceMappingURL=main.7b62b45b.css.map*/