@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;550;600;700;800&display=swap";@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reframe-page{display:flex;flex-direction:column;align-items:center;gap:60px;padding:60px;width:100%;min-height:100%;background:#000;overflow-x:hidden;overflow-y:auto}.reframe-page__header{width:100%;max-width:948px;display:flex;flex-direction:column;gap:12px}.reframe-page__title{font-family:Montserrat,sans-serif;font-size:36px;font-weight:300;line-height:25px;color:#fff;margin:0;text-align:left}.reframe-page__subtitle{font-family:Inter,Montserrat,sans-serif;font-size:16px;font-weight:400;line-height:25px;color:#7b7b81;margin:0;text-align:left}@media (max-width: 768px){.reframe-page__subtitle-break{display:block}}.reframe-page__link{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:#7b7b81;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.reframe-page__link:hover{color:#fff}.reframe-page__form{width:100%;max-width:948px;background:#ffffff1a;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:36px}.reframe-page__form-container{display:flex;gap:20px;align-items:flex-start}.reframe-page__upload-section{flex-shrink:0;display:flex;flex-direction:column;gap:12px}.reframe-page__label{display:inline;font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;line-height:25px;color:#fff;margin:0}.reframe-page__label-hint{color:#7b7b81;font-weight:400;font-size:14px;margin-left:4px}.reframe-page__optional{color:#7b7b81;font-weight:400;font-size:16px;margin-left:4px}.reframe-page__duration-info{font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;color:#7b7b81;margin:4px 0 0}.reframe-page__ratio-section{display:flex;flex-direction:column;gap:12px}.reframe-page__ratio-grid{display:flex;gap:8px;width:100%}.reframe-page__ratio-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 12px;min-width:0;background:#ffffff1a;border:4px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease}.reframe-page__ratio-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.reframe-page__ratio-btn:disabled{opacity:.5;cursor:not-allowed}.reframe-page__ratio-btn--selected{border-color:#d8d8d8}.reframe-page__ratio-btn--selected:hover:not(:disabled){border-color:#fff}.reframe-page__ratio-label{font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;color:#fff}.reframe-page__ratio-preview{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;max-width:80px;max-height:80px}.reframe-page__ratio-shape{border:1px solid #ffffff;border-radius:0;max-width:100%;max-height:100%;min-width:20px;min-height:20px}.reframe-page__prompt-section{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.reframe-page__prompt-container{position:relative;height:216px}.reframe-page__prompt-input{width:100%;height:100%;padding:12px;font-family:Montserrat,sans-serif;font-size:20px;font-weight:400;line-height:25px;color:#fff;background:#ffffff0d;border:none;border-radius:12px;resize:none;outline:none;transition:background .2s ease}.reframe-page__prompt-input::placeholder{color:#7b7b81}.reframe-page__prompt-input:focus{background:#ffffff14}.reframe-page__prompt-input:disabled{opacity:.6;cursor:not-allowed}.reframe-page__actions{display:flex;justify-content:flex-end;height:50px}.reframe-page__generate-btn.btn{width:200px!important;height:50px!important;background:linear-gradient(90.8deg,#a100ff .13%,#60f 99.85%)!important;color:#fff!important;border:none!important;border-radius:12px!important;padding:0 16px!important;font-family:Montserrat,sans-serif!important;font-size:16px!important;font-weight:700!important;box-shadow:0 0 25.6px 2px #6601ff99!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.reframe-page__generate-btn.btn:hover:not(.btn--disabled):not(.btn--loading){filter:brightness(1.15);box-shadow:0 0 35px 4px #6601ffb3!important}.reframe-page__generate-btn.btn:active:not(.btn--disabled):not(.btn--loading){transform:scale(.98)}.reframe-page__generate-btn.btn.btn--disabled,.reframe-page__generate-btn.btn.btn--loading{opacity:.5!important;filter:none!important;box-shadow:none!important}.reframe-page__generate-btn.btn .btn-spinner{border-color:#fff3!important;border-top-color:#fff!important}.reframe-page__generate-btn.btn svg{flex-shrink:0;width:14px!important;height:14px!important}@media (max-width: 1024px){.reframe-page{padding:32px;gap:32px}.reframe-page__title{font-size:28px}.reframe-page__form-container{flex-direction:column}.reframe-page__upload-section{width:100%}.reframe-page__prompt-container{height:auto;min-height:180px}.reframe-page__prompt-input{min-height:180px}}@media (max-width: 768px){.reframe-page{padding:24px 16px;gap:24px;flex:1;min-height:calc(100vh - 64px - env(safe-area-inset-bottom,0px))}@supports (min-height: 100dvh){.reframe-page{min-height:calc(100dvh - 64px - env(safe-area-inset-bottom,0px))}}.reframe-page__title{font-size:24px}.reframe-page__form{padding:16px;gap:24px;flex:1}.reframe-page__ratio-grid{flex-wrap:wrap;gap:6px}.reframe-page__ratio-btn{flex:0 0 calc(25% - 6px);padding:12px 8px}.reframe-page__ratio-preview{max-width:50px;max-height:50px}.reframe-page__generate-btn.btn{width:100%!important}.reframe-page__actions{height:auto;margin-top:auto}}@media (max-width: 480px){.reframe-page{padding:16px 12px;gap:16px}.reframe-page__generate-text{display:none}.reframe-page__form{padding:12px;gap:16px}.reframe-page__form-container{flex-direction:column;gap:16px}.reframe-page__upload-section,.reframe-page__prompt-section{width:100%}.reframe-page__prompt-container{height:120px;min-height:120px}.reframe-page__prompt-input{font-size:14px;min-height:120px}.reframe-page__ratio-grid{gap:4px}.reframe-page__ratio-btn{flex:0 0 calc(25% - 4px);padding:10px 6px}.reframe-page__ratio-label{font-size:11px}.reframe-page__ratio-preview{max-width:40px;max-height:40px}.reframe-page__label{font-size:14px;line-height:1.2}}