.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#000;padding:20px}.login-box{background:#1e1e1e;border-radius:12px;padding:40px;width:100%;max-width:450px;box-shadow:0 8px 32px #00000080}.logo-container{display:flex;justify-content:center;margin-bottom:30px}.logo-image{width:200px;height:auto}.seo-description{font-size:12px;opacity:.6;text-align:center;margin-bottom:10px;color:#ccc;line-height:1.4}.login-title{font-size:32px;font-weight:600;text-align:center;margin-bottom:30px;color:#fff}.error-message{background:#ff44441a;border:1px solid #ff4444;color:#f44;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#fff}.form-group input{background:#2a2a2a;border:1px solid #444444;border-radius:8px;padding:12px 16px;font-size:16px;color:#fff;transition:all .3s ease}.form-group input:focus{border-color:#ff8c5a;background:#333}.form-group input::placeholder{color:#888}.form-group input:disabled{opacity:.6;cursor:not-allowed}.password-input-wrapper{position:relative}.password-input-wrapper input{width:100%;padding-right:45px}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#888;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.toggle-password:hover{color:#ff8c5a}.toggle-password:disabled{opacity:.5;cursor:not-allowed}.btn-submit{background:#ff8c5a;color:#fff;font-size:16px;font-weight:600;padding:14px;border-radius:8px;margin-top:10px;cursor:pointer;transition:all .3s ease}.btn-submit:hover:not(:disabled){background:#ff7a45;transform:translateY(-2px);box-shadow:0 4px 12px #ff8c5a66}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.form-footer{margin-top:20px;display:flex;flex-direction:column;gap:16px;align-items:center}.link-forgot{color:#ff8c5a;font-size:14px;font-weight:500;transition:color .3s ease}.link-forgot:hover{color:#ff7a45;text-decoration:underline}.signup-text{font-size:14px;color:#ccc}.link-register{color:#ff8c5a;font-weight:600;transition:color .3s ease}.link-register:hover{color:#ff7a45;text-decoration:underline}@media (max-width: 480px){.login-box{padding:30px 20px}.logo-image{width:160px}.login-title{font-size:28px}}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#000;padding:16px 20px;overflow:hidden}.register-box{background:#1e1e1e;border-radius:16px;padding:24px 28px;width:100%;max-width:min(920px,calc(100vw - 40px));box-shadow:0 8px 32px #00000080}.register-logo-container{margin-bottom:18px}.register-title{font-size:32px;font-weight:600;text-align:center;margin-bottom:8px;color:#fff}.register-subtitle{margin:0 0 18px;text-align:center;color:#bdbdbd;line-height:1.5;font-size:14px}.register-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.register-full-width{grid-column:1 / -1}.register-country-group select{background:#2a2a2a;border:1px solid #444444;border-radius:8px;padding:12px 16px;font-size:16px;color:#fff;transition:all .3s ease}.register-country-group select:focus{border-color:#ff8c5a;background:#333}.register-country-group select:disabled{opacity:.6;cursor:not-allowed}.register-helper-text{font-size:12px;color:#9d9d9d;line-height:1.5}.login-text{font-size:14px;color:#ccc;text-align:center}.link-login{color:#ff8c5a;font-weight:600;transition:color .3s ease}.link-login:hover{color:#ff7a45;text-decoration:underline}@media (max-width: 767px){.register-container{padding:20px;overflow:visible}.register-box{padding:30px 20px;max-width:450px;border-radius:12px}.register-logo-container{margin-bottom:30px}.register-title{font-size:28px;margin-bottom:16px}.register-subtitle{margin-bottom:20px}.register-form{grid-template-columns:1fr;gap:20px}.register-full-width{grid-column:auto}}.header{background:#1e1e1e;padding:15px 30px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;border-bottom:2px solid #ff8c5a;position:relative;z-index:50}.header-logo img{height:40px;width:auto}.header-center-slot{display:flex;justify-content:center;min-width:0}.header-free-limit-notice{min-height:38px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,140,90,.45);background:linear-gradient(90deg,#ff8c5a2e,#ff8c5a1a);color:#ffe0d3;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:min(100%,520px);text-align:center;box-shadow:0 0 0 1px #ff8c5a14,0 10px 24px #0000002e}.header-free-limit-notice:hover{background:linear-gradient(90deg,#ff8c5a3d,#ff8c5a24);color:#fff3ed}.header-inline-help-notice{min-height:38px;max-width:min(100%,660px);padding:8px 18px;border-radius:999px;border:1px solid rgba(255,140,90,.2);background:linear-gradient(90deg,#ffffff0d,#ff8c5a14);color:#f3ede8;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;row-gap:4px;text-align:center;box-shadow:0 0 0 1px #ff8c5a0d,0 10px 24px #00000024;flex-wrap:wrap;line-height:1.4}.header-inline-help-text{white-space:normal}.header-inline-help-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;color:#ffd7c2;font:inherit;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px;cursor:pointer;display:inline-flex;align-items:center}.header-inline-help-link:hover{color:#ffb58f}.header-nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.header-btn{background:#2a2a2a;color:#fff;padding:8px 14px;border-radius:8px;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.header-btn:hover{background:#ff8c5a;color:#000}.header-btn.logout{background:transparent;border:1px solid #555}.header-btn.logout:hover{background:#ff8c5a;border-color:#ff8c5a;color:#000}.header-help-wrap{position:relative}.header-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:#161616;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 20px 50px #0000005c;overflow:hidden}.header-dropdown__item{width:100%;text-decoration:none;background:transparent;color:#fff;border:none;padding:14px 16px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;cursor:pointer}.header-dropdown__item:hover{background:#ff8c5a1a;color:#ffb08d}.upgrade-btn-lenavs{display:flex;align-items:stretch;background:#2a2a2a;border:1px solid #ff8c5a;border-radius:25px;padding:0;cursor:pointer;overflow:hidden;transition:transform .2s ease;height:36px}.upgrade-btn-lenavs:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff8c5a33}.credits-section{padding:0 12px;display:flex;align-items:center;gap:5px;background:#1a1a1a;color:#fff;font-size:13px}.credits-val{font-weight:800;color:#ff8c5a}.upgrade-label{background:#ff8c5a;color:#000;font-weight:800;font-size:11px;padding:0 12px;display:flex;align-items:center;gap:4px}.pro-badge-v2{background:#1a1a1a;border:1px solid #ff8c5a;padding:4px 12px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px}.pro-text{color:#ff8c5a;font-weight:900;font-size:12px;line-height:1}.pro-status{color:#fff;font-size:9px;text-transform:uppercase;font-weight:600}.guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;justify-content:center;align-items:center;padding:20px;z-index:1300}.guide-modal{width:min(1180px,100%);max-height:90vh;overflow:hidden;background:#151515;border-radius:22px;border:1px solid rgba(255,140,90,.16);box-shadow:0 24px 90px #0000008f;display:flex;flex-direction:column}.guide-modal__header{padding:20px 22px 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid rgba(255,255,255,.06)}.guide-modal__header h3{margin:0;color:#ff8c5a;font-size:22px}.guide-modal__header p{margin:6px 0 0;color:#bdbdbd;font-size:14px}.guide-close-btn{background:#252525;color:#fff;border:none;width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.guide-modal__body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.guide-intro-card{border-radius:20px;padding:20px 22px;background:linear-gradient(135deg,#ff8c5a24,#3fa4ff14);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0d}.guide-intro-card p{margin:0;color:#f5f7fc;line-height:1.65;font-size:15px}.guide-intro-card p+p{margin-top:6px}.guide-gallery{display:grid;grid-template-columns:1fr;gap:20px}.guide-card{background:linear-gradient(180deg,#ffffff08,#ffffff04);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px}.guide-card__header{display:flex;justify-content:flex-start}.guide-card__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ff8c5a1f;color:#ffd3bf;font-size:13px;font-weight:700}.guide-scene{position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0f0f0f;box-shadow:inset 0 1px #ffffff0d}.guide-screenshot{display:block;width:100%;height:auto}.guide-bubble{position:absolute;padding:16px 18px;border-radius:20px;color:#17202c;box-shadow:0 18px 44px #00000057;border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.guide-bubble--peach{background:linear-gradient(180deg,#fff7f2f5,#ffeaddf0)}.guide-bubble--blue{background:linear-gradient(180deg,#eff6fff5,#d9ecfff0)}.guide-bubble--green{background:linear-gradient(180deg,#f3fff4f5,#dcf6e0f0)}.guide-bubble--gold{background:linear-gradient(180deg,#fff8e8f7,#ffedbef2)}.guide-bubble p{margin:0;font-size:12.5px;line-height:1.55;font-weight:600}.guide-bubble p+p{margin-top:7px}.guide-bubble__title{font-size:13px;font-weight:800}.guide-projects-note{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#ff8c5a1f,#3fa4ff14);padding:16px 18px}.guide-projects-note strong{display:inline-block;margin-bottom:8px;color:#ffe4d7;font-size:14px}.guide-projects-note p{margin:0;color:#f5f7fc;line-height:1.6;font-size:14px}.header-profile-wrap{position:relative}.header-dropdown--profile{min-width:280px}.header-profile-button{min-height:44px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#fff;border-radius:14px;display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 8px;cursor:pointer}.header-profile-button:hover{border-color:#ff8c5a61;background:linear-gradient(180deg,#ff8c5a24,#ffffff0a)}.header-profile-avatar,.header-profile-summary__avatar{width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#ff8c5a,#ffb58f);color:#111;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;font-weight:800}.header-profile-summary__avatar{width:42px;height:42px}.header-profile-avatar__image,.header-profile-summary__image{width:100%;height:100%;object-fit:cover}.header-profile-avatar__initials,.header-profile-summary__initials{font-size:13px;letter-spacing:.02em}.header-profile-summary__initials{font-size:15px}.header-profile-button__text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;min-width:0}.header-profile-button__label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#bfbfbf}.header-profile-button__name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.header-profile-summary{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ff8c5a14,#ffffff05)}.header-profile-summary__text{display:flex;flex-direction:column;gap:4px;min-width:0}.header-profile-summary__text strong{font-size:14px;color:#fff}.header-profile-summary__text span{font-size:12px;color:#b9b9b9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-dropdown__item--danger{color:#ffb8a0}.header-dropdown__item--danger:hover{color:#ffd5c7;background:#ff714f1f}.profile-modal{width:min(540px,100%);background:#151515;border-radius:22px;border:1px solid rgba(255,140,90,.18);box-shadow:0 24px 90px #0000008f;overflow:hidden}.profile-modal__header{border-bottom:1px solid rgba(255,255,255,.06)}.profile-modal__body{display:flex;flex-direction:column;gap:18px;padding:22px}.profile-modal__avatar-row{display:flex;align-items:center;gap:18px}.profile-modal__avatar-preview{width:96px;height:96px;border-radius:999px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#ff8c5a,#ffb58f);display:inline-flex;align-items:center;justify-content:center;color:#161616;box-shadow:0 14px 30px #ff8c5a2e}.profile-modal__avatar-image{width:100%;height:100%;object-fit:cover}.profile-modal__avatar-initials{font-size:28px;font-weight:800}.profile-modal__avatar-actions{display:flex;flex-direction:column;gap:10px}.profile-modal__file-input{display:none}.profile-modal__field{display:flex;flex-direction:column;gap:8px}.profile-modal__field span{font-size:13px;color:#dadada;font-weight:600}.profile-modal__field input{min-height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#101010;color:#fff;padding:0 14px;font-size:14px}.profile-modal__field input:focus{outline:none;border-color:#ff8c5a8c;box-shadow:0 0 0 3px #ff8c5a24}.profile-modal__footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.profile-modal__secondary-btn,.profile-modal__danger-btn,.profile-modal__ghost-btn,.profile-modal__primary-btn{min-height:42px;border-radius:12px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;font-weight:700}.profile-modal__secondary-btn{background:#252525;color:#fff}.profile-modal__secondary-btn:hover{background:#303030}.profile-modal__danger-btn,.profile-modal__ghost-btn{background:transparent;color:#f0f0f0;border:1px solid rgba(255,255,255,.16)}.profile-modal__danger-btn:hover,.profile-modal__ghost-btn:hover{border-color:#ff8c5a6b;color:#ffcfba}.profile-modal__primary-btn{background:#ff8c5a;color:#161616}.profile-modal__primary-btn:hover{background:#ffa57d}.profile-modal__secondary-btn:disabled,.profile-modal__danger-btn:disabled,.profile-modal__ghost-btn:disabled,.profile-modal__primary-btn:disabled,.header-profile-button:disabled{opacity:.6;cursor:not-allowed}.spin{animation:lenavs-spin .9s linear infinite}@media (max-width: 980px){.header{grid-template-columns:1fr;justify-items:stretch}.header-logo,.header-center-slot{display:flex;justify-content:center}.header-nav{justify-content:center}}@media (max-width: 768px){.header{padding:14px;gap:12px}.header-nav{gap:10px}.header-profile-button__name{max-width:110px}.profile-modal{width:min(100%,520px)}.profile-modal__body{padding:18px}.header-dropdown{right:auto;left:0;width:min(260px,80vw)}.header-free-limit-notice,.header-inline-help-notice{width:100%;border-radius:14px;min-height:42px;padding:10px 14px}.guide-modal{width:min(100%,760px)}.header-dropdown--profile{right:0;left:auto;width:min(300px,86vw)}.profile-modal__avatar-row{flex-direction:column;align-items:flex-start}.profile-modal__avatar-actions,.profile-modal__footer,.profile-modal__secondary-btn,.profile-modal__danger-btn,.profile-modal__ghost-btn,.profile-modal__primary-btn{width:100%}.guide-modal__header{flex-direction:column}.guide-modal__body{padding:16px}.guide-intro-card{padding:18px}.guide-card{padding:12px}.guide-bubble{position:static;width:auto!important;margin:12px}.guide-scene{display:flex;flex-direction:column}.guide-highlight{left:16px!important;right:16px!important;width:auto!important}}.files-panel{display:flex;flex-direction:column;min-height:0}.files-panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.files-panel h2{font-size:15px;font-weight:700;margin:0;color:#ff8c5a;letter-spacing:.3px}.files-panel-counter{font-size:11px;color:#cfcfcf;background:#202020;border:1px solid #303030;border-radius:999px;padding:5px 10px;line-height:1}.files-panel-counter strong{color:#ff8c5a}.upload-section{display:flex;flex-direction:column;gap:8px;flex:0 0 auto}.upload-feedback-stack{display:grid;gap:10px;margin-bottom:12px;flex-shrink:0;isolation:isolate}.upload-queue-notice{margin-bottom:0;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,140,90,.18);background:linear-gradient(135deg,#ff8c5a1f,#ffffff0a);color:#d8d8d8;font-size:12px;line-height:1.45}.upload-queue-notice strong{color:#fff3ed}.upload-queue-notice.active{border-color:#ff8c5a59;background:linear-gradient(135deg,#ff8c5a2e,#ffffff0f);box-shadow:0 0 0 1px #ff8c5a14,0 10px 24px #0000002e}.upload-divider{font-size:10px;color:#555;text-transform:uppercase;letter-spacing:1px;padding:4px 0 2px;border-top:1px solid #2a2a2a;margin-top:4px}.upload-btn{background:#252525;color:#ccc;padding:10px 12px;border-radius:10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:10px;row-gap:4px;font-size:13px;cursor:pointer;transition:all .2s ease;border:1px solid #2e2e2e;width:100%;text-align:left;position:relative;overflow:hidden}.upload-btn:hover{background:#ff8c5a;color:#000;border-color:#ff8c5a}.upload-btn.upload-disabled{opacity:.58;cursor:not-allowed;border-style:dashed}.upload-btn.upload-disabled:hover{background:#252525;color:#ccc;border-color:#3a3a3a}.upload-btn.uploading{border-color:#ff8c5ad9;background:linear-gradient(135deg,#ff8c5a38,#ff8c5a14);color:#fff3ed}.upload-btn.upload-manual{justify-content:flex-start}.upload-btn.uploaded{border-color:#3a7a3a;background:#1e2e1e}.upload-btn.uploaded:hover{background:#2a4a2a;color:#ccc;border-color:#4caf50}.upload-btn input{display:none}.upload-btn svg{flex-shrink:0;opacity:.85}.upload-btn>span:not(.upload-check):not(.upload-optional):not(.upload-required):not(.upload-loading-badge){min-width:0;overflow-wrap:anywhere}.upload-btn-copy{display:flex;flex-direction:column;min-width:0}.upload-btn-copy span{font-size:13px;font-weight:500}.upload-btn-copy small{font-size:10px;color:#8b8b8b;line-height:1.3}.upload-btn:hover .upload-btn-copy small{color:#000000b3}.upload-check,.upload-optional,.upload-required,.upload-loading-badge{justify-self:end;margin-left:0;white-space:nowrap;text-align:right}.upload-check{color:#4caf50;font-size:13px;font-weight:700}.upload-optional{font-size:10px;color:#666;font-style:italic}.upload-required{font-size:10px;color:#ff8c5a;font-weight:700;opacity:.85}.upload-btn:hover .upload-optional,.upload-btn:hover .upload-required{color:#000}.auto-sync-section{margin-top:14px;padding-top:12px;border-top:1px solid #2a2a2a;flex-shrink:0}.auto-sync-wrapper{position:relative}.auto-sync-btn.locked{width:100%;background:#1e1e1e;color:#555;padding:11px;border-radius:7px;font-weight:700;font-size:13px;letter-spacing:.2px;display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px dashed #333;cursor:not-allowed;transition:all .2s;opacity:.7}.auto-sync-btn.unlocked{width:100%;background:#ff8c5a;color:#000;padding:11px;border-radius:7px;font-weight:800;font-size:13px;letter-spacing:.2px;display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid #FF8C5A;cursor:pointer;transition:all .2s;animation:pulse-unlock 1.2s ease-in-out 1}.auto-sync-btn.unlocked:hover:not(:disabled){background:#ff7a45;border-color:#ff7a45;transform:scale(1.01)}@keyframes pulse-unlock{0%{box-shadow:0 0 #ff8c5a80}60%{box-shadow:0 0 0 8px #ff8c5a00}to{box-shadow:0 0 #ff8c5a00}}.auto-sync-hint{margin-top:6px;font-size:11px;color:#666;text-align:center;min-height:16px}.lyrics-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:flex;align-items:center;justify-content:center;padding:16px;z-index:9999}.lyrics-modal{width:min(650px,96vw);background:#1f1f1f;border:1px solid #2e2e2e;border-radius:12px;box-shadow:0 18px 60px #0000008c;overflow:hidden}.lyrics-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #2a2a2a}.lyrics-modal-header h3{font-size:14px;font-weight:800;color:#ff8c5a}.lyrics-modal-close{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#252525;border:1px solid #2e2e2e;color:#ccc}.lyrics-modal-close:hover:not(:disabled){background:#ff8c5a;color:#000;border-color:#ff8c5a}.lyrics-modal textarea{width:100%;background:#252525;border:none;border-bottom:1px solid #2a2a2a;padding:14px;color:#fff;font-size:13px;resize:vertical;min-height:220px;outline:none}.lyrics-modal-actions{padding:12px 14px;display:flex;justify-content:flex-end;gap:10px}.lyrics-modal-primary{background:#ff8c5a;color:#000;border:none;padding:10px 14px;border-radius:8px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.lyrics-modal-primary:disabled{opacity:.6;cursor:not-allowed}.upload-progress-bar{margin-bottom:0;background:#202020;border:1px solid #2a2a2a;border-radius:8px;padding:8px 10px;position:relative;overflow:hidden;font-size:12px;color:#d8d8d8;min-height:38px;display:flex;align-items:center;isolation:isolate}.upload-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:45%;background:linear-gradient(90deg,#ff8c5a2e,#ff8c5a0a);animation:upload-progress 1s linear infinite;z-index:0}.upload-progress-bar span{position:relative;z-index:1;display:block;width:100%}.upload-loading-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#fff3ed}@keyframes upload-progress{0%{transform:translate(-100%)}to{transform:translate(220%)}}.spin-icon{animation:spin 1s linear infinite}.files-panel-status{margin-top:12px;flex-shrink:0}@media (max-width: 768px){.upload-btn{grid-template-columns:auto minmax(0,1fr)}.upload-check,.upload-optional,.upload-required,.upload-loading-badge{grid-column:1 / -1;justify-self:start;text-align:left}}.files-animation-wrapper{position:relative;margin-top:12px;flex-shrink:0}.files-animation-trigger{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:10px;border:1px solid rgba(255,140,90,.28);background:linear-gradient(135deg,#ff8c5a1f,#ffffff0a);color:#fff1ea;font-size:13px;font-weight:700;transition:all .18s ease}.files-animation-trigger:hover,.files-animation-trigger.open{border-color:#ff8c5a80;background:linear-gradient(135deg,#ff8c5a33,#ffffff0f);transform:translateY(-1px)}.files-animation-popover{position:absolute;right:0;top:calc(100% + 10px);width:min(380px,92vw);z-index:40;padding:12px;border-radius:16px;border:1px solid rgba(255,140,90,.22);background:linear-gradient(180deg,#241e1bfa,#161616fa);box-shadow:0 28px 60px #0000006b;display:flex;flex-direction:column;gap:12px}.files-animation-popover__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.files-animation-popover__header strong{display:block;font-size:13px;color:#fff5ef}.files-animation-popover__header p{margin:4px 0 0;font-size:11px;line-height:1.45;color:#bdbdbd}.files-animation-close{width:32px;height:32px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#d8d8d8;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.files-animation-close:hover{border-color:#ff8c5a66;color:#fff4ed}.files-animation-popover__body{display:flex;flex-direction:column;gap:10px}.files-animation-empty{border-radius:12px;border:1px dashed rgba(255,255,255,.14);padding:14px;color:#bbb;font-size:12px;line-height:1.55;background:#ffffff05}.files-animation-card{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;border:1px solid rgba(255,140,90,.2);background:linear-gradient(135deg,#ff8c5a1f,#ffffff0d),linear-gradient(180deg,#2b211ce0,#151515eb)}.files-animation-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.files-animation-card__title{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#fff3ed}.files-animation-card__badge{min-width:48px;padding:4px 8px;border-radius:999px;background:#ffffffe6;color:#844321;font-size:12px;font-weight:800;text-align:center}.files-animation-grid{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:10px}.files-animation-field{display:flex;flex-direction:column;gap:5px}.files-animation-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#ffffffbf}.files-animation-select,.files-animation-input{width:100%;min-height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:#ffffffeb;color:#5d2c11;font-size:12px;padding:0 10px}.files-animation-duration-wrap{position:relative;display:flex;align-items:center}.files-animation-input{padding-right:24px}.files-animation-unit{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:800;color:#7a7a7a;pointer-events:none}.files-animation-slider-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}.files-animation-slider-edge{font-size:10px;text-transform:uppercase;letter-spacing:.65px;color:#9a9a9a}.files-animation-slider{width:100%;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;accent-color:#ff8c5a}.files-animation-slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#ff8c5af0,#ffba95eb)}.files-animation-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #ff8c5a;margin-top:-5px;box-shadow:0 2px 8px #00000040}.files-animation-slider::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#ff8c5af0,#ffba95eb)}.files-animation-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #ff8c5a;box-shadow:0 2px 8px #00000040}.files-animation-helper{margin:0;font-size:11px;line-height:1.45;color:#d8c0b3}@media (max-width: 768px){.files-animation-popover{left:0;width:100%}.files-animation-grid,.files-animation-slider-row{grid-template-columns:minmax(0,1fr)}}.preview-panel{background:#1a1a1a;border-radius:16px;padding:14px;display:flex;flex-direction:column;min-height:0;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px #ffffff0a,0 20px 34px #00000029;overflow:hidden;outline:none}.preview-panel:focus-visible{border-color:#ff8c5aad;box-shadow:inset 0 1px #ffffff0a,0 20px 34px #00000029,0 0 0 2px #ff8c5a38}.preview-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.preview-panel h2{font-size:14px;font-weight:700;margin:0;color:#ff8c5a;flex-shrink:0}.preview-tip{font-size:11px;color:#a6a6a6;max-width:340px;line-height:1.45}.preview-stage{width:100%;min-height:220px;display:flex;align-items:center;justify-content:center;padding:4px 0 10px}.preview-video{aspect-ratio:16 / 9;background:#000;border-radius:12px;position:relative;overflow:hidden;box-sizing:border-box;background-image:radial-gradient(circle at center,rgba(255,255,255,.04) 0%,transparent 60%);transition:width .22s ease,height .22s ease,box-shadow .22s ease;box-shadow:0 22px 40px #00000052}.preview-video-canvas{position:absolute;left:50%;top:50%;transform-origin:center center;will-change:transform}.lyrics-canvas-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:32px;box-sizing:border-box}.preview-stanza-anchor{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:30px 38px;box-sizing:border-box}.lyrics-display{padding:14px 18px;max-width:100%;width:fit-content;margin-inline:auto;word-wrap:break-word;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;text-align:center;line-height:1.5;box-sizing:border-box}.lyrics-plain{display:inline-block}.preview-stanza{position:relative;pointer-events:none;background:transparent;border-radius:0;border:none;min-width:0;max-width:100%;box-shadow:none}.preview-stanza-content{display:block;max-width:100%}.preview-controls{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;background:#252525;border-radius:10px;flex-shrink:0;flex-wrap:wrap}.control-btn{background:#ff8c5a;color:#fff;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:.2s;flex-shrink:0}.control-btn:hover{transform:scale(1.05)}.control-btn:disabled,.audio-switch-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.time-display{min-width:88px;text-align:center;font-size:12px;color:#aaa;flex-shrink:0}.progress-bar{flex:1;min-width:110px;height:5px;border-radius:4px;background:#444;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-bar::-webkit-slider-runnable-track{height:5px;background:#444;border-radius:4px}.progress-bar::-moz-range-track{height:5px;background:#444;border-radius:4px}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#ff8c5a;border-radius:50%;margin-top:-4px;cursor:pointer;transition:.2s}.progress-bar::-webkit-slider-thumb:hover{transform:scale(1.2)}.progress-bar::-moz-range-thumb{width:12px;height:12px;background:#ff8c5a;border-radius:50%;cursor:pointer;border:none}.audio-switch-btn{background:#333;color:#fff;padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:5px;font-size:12px;border:none;cursor:pointer;transition:.2s;flex-shrink:0}.audio-switch-btn:hover{background:#444}.preview-controls input[type=color]{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;flex-shrink:0}@media (max-width: 768px){.preview-stage{min-height:190px}.preview-video{width:100%;height:auto}.preview-controls{gap:8px}.time-display{min-width:76px;font-size:11px}.preview-tip{max-width:none}}.preview-media-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transform-origin:center center;will-change:transform,opacity;pointer-events:none}.preview-media-element{width:100%;height:100%;object-fit:cover;display:block}.lyrics-editor-panel{height:100%;display:flex;flex-direction:column;min-height:0}.lep-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-shrink:0;gap:10px;flex-wrap:wrap}.lep-header h2{font-size:15px;font-weight:700;color:#ff8c5a;letter-spacing:.3px;margin:0}.lep-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lep-time-badge{font-size:11px;color:#888;background:#1e1e1e;border:1px solid #2e2e2e;border-radius:6px;padding:4px 8px;font-feature-settings:"tnum";letter-spacing:.5px}.lep-add-btn{width:34px;height:34px;border-radius:50%;background:#ff8c5a;color:#000;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .15s;flex-shrink:0}.lep-add-btn:hover{background:#ff7a45;transform:scale(1.08)}.lep-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;min-height:0;padding-right:4px;padding-bottom:8px}.lep-list::-webkit-scrollbar{width:5px}.lep-list::-webkit-scrollbar-track{background:#161616;border-radius:4px}.lep-list::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.lep-list::-webkit-scrollbar-thumb:hover{background:#ff8c5a}.lep-empty{text-align:center;color:#555;font-size:13px;padding:32px 16px;line-height:1.6}.lep-block{background:#1e1e1e;border:1px solid #2e2e2e;border-radius:10px;padding:10px 10px 8px;display:flex;flex-direction:column;gap:7px;box-sizing:border-box;width:100%;flex-shrink:0;transition:border-color .2s,box-shadow .2s,transform .15s,background .2s;cursor:pointer}.lep-block:hover{border-color:#ff8c5a44;transform:translateY(-1px)}.lep-block:focus-visible{outline:none;border-color:#ff8c5a;box-shadow:0 0 0 2px #ff8c5a66,0 10px 28px #0000003d}.lep-block-active{border-color:#ff8c5a!important;box-shadow:0 0 0 2px #ff8c5a33;background:#1f1b18}.lep-block-selected{border-color:#ff8c5a!important;box-shadow:0 0 0 2px #ff8c5a55,0 8px 24px #00000047;background:#241d19}.lep-block-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lep-badge{width:22px;height:22px;border-radius:6px;background:#2a2a2a;border:1px solid #3a3a3a;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:800;flex-shrink:0}.lep-block-title{font-size:10px;color:#555;text-transform:uppercase;letter-spacing:1.2px}.lep-selected-pill{margin-left:auto;font-size:9px;font-weight:800;letter-spacing:.9px;padding:3px 6px;border-radius:999px;color:#111;background:#ffb082}.lep-copy-pill{font-size:9px;font-weight:800;letter-spacing:.8px;padding:3px 6px;border-radius:999px;color:#ffd9c8;background:#ff8c5a24;border:1px solid rgba(255,140,90,.25);text-transform:uppercase}.lep-active-dot{font-size:9px;color:#ff8c5a;font-weight:800;letter-spacing:1px;animation:pulse-orange 1s ease-in-out infinite alternate}@keyframes pulse-orange{0%{opacity:.6}to{opacity:1}}.lep-block-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.lep-mini-btn{width:30px;height:30px;border:1px solid #323232;background:#141414;color:#d6d6d6;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s ease}.lep-mini-btn:hover:not(:disabled){border-color:#ff8c5a;color:#ff8c5a;transform:translateY(-1px)}.lep-mini-btn:disabled{opacity:.35;cursor:not-allowed}.lep-textarea{width:100%;background:#141414;border:1px solid #2e2e2e;border-radius:7px;padding:8px 10px;color:#ddd;font-size:13px;font-family:inherit;line-height:1.5;resize:vertical;min-height:72px;box-sizing:border-box;transition:border-color .15s}.lep-textarea:focus{outline:none;border-color:#ff8c5a;background:#181818}.lep-time-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(72px,88px);gap:8px;align-items:end}.lep-field{display:flex;flex-direction:column;flex:1;min-width:0}.lep-field-time{min-width:0}.lep-field-sm{flex:0 0 88px;min-width:72px}.lep-field-grow{flex:1}.lep-label{font-size:10px;color:#555;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;display:block;margin-bottom:3px}.lep-label-center{text-align:center}.lep-time-input-group{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:4px;align-items:center;width:100%}.lep-input{background:#141414;border:1px solid #2e2e2e;border-radius:6px;padding:5px 8px;color:#ddd;font-size:13px;height:30px;flex:1;min-width:0;box-sizing:border-box;transition:border-color .15s,box-shadow .15s,background .15s;text-align:center}.lep-input--time{width:100%;min-width:0;text-align:left;font-variant-numeric:tabular-nums;letter-spacing:.08em;caret-color:#ff8c5a;padding-inline:10px}.lep-input--time::selection{background:#ff8c5a47}.lep-input:focus,.lep-select:focus{outline:none;border-color:#ff8c5a}.lep-input-num{text-align:center;font-size:14px;font-weight:700;color:#ff8c5a;width:100%}.lep-font-stepper{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:stretch;width:100%;min-height:30px;border-radius:6px;overflow:hidden;border:1px solid #2e2e2e;background:#141414}.lep-font-stepper-value{display:inline-flex;align-items:center;justify-content:center;padding:0 8px;font-size:14px;font-weight:700;color:#ff8c5a;font-variant-numeric:tabular-nums}.lep-font-stepper-buttons{display:grid;grid-template-rows:1fr 1fr;border-left:1px solid #2e2e2e}.lep-font-stepper-btn{border:0;background:#181818;color:#d8d8d8;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background .15s ease,color .15s ease}.lep-font-stepper-btn+.lep-font-stepper-btn{border-top:1px solid #2e2e2e}.lep-font-stepper-btn:hover{background:#201a17;color:#ff8c5a}.lep-size-limit-info{font-size:11px;line-height:1.4;color:#9f9f9f}.lep-size-limit-info strong{color:#ffbe9f}.lep-tap-btn{width:32px;height:30px;border-radius:7px;background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:1.5px solid #ff8c5a55;color:#ff8c5a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .12s,box-shadow .18s;flex-shrink:0;position:relative;overflow:hidden}.lep-tap-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;background:radial-gradient(circle at center,#ff8c5a22 0%,transparent 70%);opacity:0;transition:opacity .18s}.lep-tap-btn:hover{background:linear-gradient(135deg,#ff8c5a,#ff6a2e);color:#000;border-color:#ff8c5a;transform:scale(1.08);box-shadow:0 0 10px #ff8c5a66,0 2px 8px #0006}.lep-tap-btn:hover:before{opacity:1}.lep-tap-btn:active{transform:scale(.96)}.lep-tap-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lep-tap-icon svg{width:16px;height:16px;display:block}.lep-font-row,.lep-style-row,.lep-align-row,.lep-transition-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.lep-select{background:#141414;border:1px solid #2e2e2e;border-radius:6px;padding:4px 7px;color:#ddd;font-size:12px;height:30px;width:100%;box-sizing:border-box;cursor:pointer;transition:border-color .15s}.lep-color-wrap{display:flex;flex-direction:column;align-items:center;gap:3px}.lep-color-swatch{width:32px;height:32px;border-radius:6px;border:2px solid #3a3a3a;overflow:hidden;position:relative}.lep-color-swatch input{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:none;background:transparent;cursor:pointer}.lep-color-swatch-outline{box-shadow:inset 0 0 0 2px #fff}.lep-style-sep{width:1px;height:28px;background:#333;margin-inline:2px}.lep-style-btn,.lep-align-btn{width:30px;height:30px;border-radius:7px;border:1px solid #2f2f2f;background:#141414;color:#ddd;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s ease}.lep-style-btn:hover,.lep-align-btn:hover,.lep-style-btn.active,.lep-align-btn.active{border-color:#ff8c5a;color:#ff8c5a;background:#1b1715}.lep-adjustments-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.lep-adjust-card{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#181818;padding:8px;display:flex;flex-direction:column;gap:7px}.lep-adjust-card--minimal{gap:7px;padding:8px 9px;border-color:#ffffff0f;background:linear-gradient(180deg,#ffffff06,#ffffff03)}.lep-adjust-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.lep-adjust-card__title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#b8b8b8;font-weight:700}.lep-adjust-card__value{font-size:12px;font-weight:800;color:#ffbe9f}.lep-adjust-card__value--pill{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:4px 10px;border-radius:999px;background:#ff8c5a1f;color:#ffd2be;border:1px solid rgba(255,140,90,.16)}.lep-adjust-card__controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lep-adjust-input{flex:0 0 66px}.lep-adjust-card__slider-wrap,.lep-width-scale-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.lep-adjust-card__edge{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#8e8e8e;white-space:nowrap}.lep-scale-hint{font-size:11px;color:#9f9f9f;white-space:nowrap}.lep-transition-panel{display:flex;flex-direction:column;gap:8px;padding:9px 10px;border-radius:12px;border:1px solid rgba(255,140,90,.24);background:linear-gradient(135deg,#ff8c5a29,#ffffff14),linear-gradient(180deg,#24201d,#181818);box-shadow:inset 0 1px #ffffff0d}.lep-transition-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.lep-transition-title{font-size:11px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:#fff4ef}.lep-transition-duration-badge{display:inline-flex;align-items:center;justify-content:center;min-width:50px;padding:4px 8px;border-radius:999px;background:#ffffffe0;color:#8a451f;font-size:12px;font-weight:800;box-shadow:0 8px 18px #00000029}.lep-transition-control{display:flex;flex-direction:column;gap:5px;min-width:0}.lep-transition-control-type{flex:0 1 148px}.lep-transition-control-duration{flex:0 0 94px}.lep-transition-control-slider{flex:1 1 170px}.lep-transition-field-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#ffffffc2}.lep-select-transition{width:100%;border-color:#ffffff2e;background:#252525d9;color:#f5f5f5}.lep-transition-duration-wrap{position:relative;display:flex;align-items:center}.lep-transition-input{width:100%;padding-right:26px;border-color:#ffffff2e;background:#ffffffeb;color:#6a3415;box-shadow:inset 0 1px #fff6}.lep-transition-unit{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:800;color:#8d8d8d;pointer-events:none}.lep-slider{width:100%;min-width:100px;height:16px;border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;accent-color:#ff8c5a}.lep-slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#ff8c5aeb,#ffb58fe6)}.lep-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #ff8c5a;margin-top:-5px;box-shadow:0 2px 8px #00000040}.lep-slider::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#ff8c5aeb,#ffb58fe6)}.lep-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #ff8c5a;box-shadow:0 2px 8px #00000040}.lep-timing-warning{border-radius:8px;padding:8px 10px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.28);color:#f9c66d;font-size:12px;line-height:1.45}@media (max-width: 1450px){.lep-width-scale-wrap,.lep-adjust-card__slider-wrap{grid-template-columns:minmax(0,1fr)}.lep-scale-hint,.lep-adjust-card__edge{white-space:normal}}.lep-remove-btn{align-self:flex-start;min-height:34px;padding:0 12px;border-radius:9px;border:1px solid rgba(239,68,68,.24);background:#ef44441f;color:#ff9e9e;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.lep-remove-btn:hover{background:#ef44442e;border-color:#ef44445c}.lep-selection-footer{margin-top:10px;flex-shrink:0;border-top:1px solid rgba(255,255,255,.06);padding-top:10px;color:#b8b8b8;font-size:12px}.lep-selection-footer strong{color:#ffbe9f}@media (max-width: 768px){.lep-selected-pill{margin-left:0}.lep-textarea,.lep-input,.lep-select{font-size:16px}.lep-time-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 74px;gap:8px}.lep-time-input-group{grid-template-columns:minmax(0,1fr) 30px}.lep-input--time{font-size:14px;letter-spacing:.04em;padding-inline:8px}.lep-field-sm{flex:0 0 74px;min-width:0}.lep-tap-btn{width:30px}.lep-remove-btn{width:100%;justify-content:center}}.mobile-floating-preview-controls{position:fixed;z-index:1200;width:272px;padding:12px;border-radius:22px;background:#0e0e0ef0;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 48px #0000006b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);touch-action:none}.mobile-floating-preview-controls--disabled{opacity:.72}.mobile-floating-preview-controls__drag{width:100%;min-height:36px;margin-bottom:10px;border:none;border-radius:14px;background:#ffffff14;color:#d1d1d1;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:grab}.mobile-floating-preview-controls__drag:active{cursor:grabbing}.mobile-floating-preview-controls__buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mobile-floating-preview-controls__button{min-height:64px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#1e1e1e;color:#f4f4f4;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:13px;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease}.mobile-floating-preview-controls__button--primary{background:linear-gradient(180deg,#ff9c6e,#ff7d42);color:#171717;border-color:#ff9c6e99}.mobile-floating-preview-controls__button:active:not(:disabled){transform:scale(.97)}.mobile-floating-preview-controls__button:disabled,.mobile-floating-preview-controls__drag:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 901px){.mobile-floating-preview-controls{display:none}}.export-panel{background:#1a1a1a;border-radius:16px;padding:14px;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px #ffffff0a,0 18px 30px #00000029}.export-panel h2{font-size:14px;font-weight:800;margin-bottom:10px;color:#ff8c5a}.export-form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:end}.export-config-row{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(150px,1fr));gap:12px;align-items:end}.form-group{display:flex;flex-direction:column;gap:6px;min-width:0}.form-group label{font-size:10px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.form-group input,.form-group select,.resolution-select__trigger{background:#252525;border:1px solid #333;border-radius:10px;padding:0 12px;color:#fff;font-size:13px;height:40px;min-width:0}.form-group input:focus,.form-group select:focus,.resolution-select__trigger:focus{outline:none;border-color:#ff8c5a;box-shadow:0 0 0 3px #ff8c5a1f}.form-group--name,.form-group--resolution,.form-group--format,.form-group--audio,.form-group--btn{min-width:0}.form-group--btn{grid-column:1 / -1}.export-actions{display:flex;align-items:stretch;justify-content:space-between;gap:10px;width:100%;flex-wrap:wrap}.resolution-select{position:relative}.resolution-select__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.resolution-select__trigger.open{border-color:#ff8c5a}.resolution-select__chevron{transition:transform .2s ease;flex-shrink:0}.resolution-select__chevron.open{transform:rotate(180deg)}.resolution-select__menu{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#1d1d1d;border:1px solid #343434;border-radius:10px;box-shadow:0 18px 32px #00000059;padding:6px;z-index:40}.resolution-select__option-wrap{position:relative}.resolution-select__option{width:100%;min-height:36px;border-radius:8px;border:1px solid transparent;background:transparent;color:#f2f2f2;font-size:12px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.resolution-select__option:hover:not(:disabled),.resolution-select__option.selected{background:#ff8c5a1f;border-color:#ff8c5a38;color:#ffb08d}.resolution-select__option.disabled{color:#7f7f7f;cursor:not-allowed}.resolution-select__tooltip{position:absolute;right:6px;top:calc(100% + 6px);background:#0f0f0f;color:#ffe0d3;border:1px solid rgba(255,140,90,.22);border-radius:8px;padding:6px 8px;font-size:11px;white-space:nowrap;box-shadow:0 12px 26px #00000052}.audio-type-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.audio-type-selector button{background:#252525;color:#ccc;padding:0 12px;min-height:40px;border-radius:10px;border:1px solid #333;font-size:12px;transition:all .2s ease;cursor:pointer;white-space:nowrap}.audio-type-selector button.active{border-color:#ff8c5a;color:#ff8c5a;background:#ff8c5a14}.audio-type-selector button:disabled{opacity:.3;cursor:not-allowed}.export-btn,.new-project-btn{padding:0 16px;min-height:42px;border-radius:10px;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;cursor:pointer;border:none;flex:1 1 240px}.export-btn{background:#ff8c5a;color:#000}.new-project-btn{background:#252525;color:#f3f3f3;border:1px solid #3a3a3a;flex-basis:180px}.export-btn:hover:not(:disabled){background:#ff7a45;transform:translateY(-1px);box-shadow:0 3px 10px #ff8c5a59}.new-project-btn:hover:not(:disabled){border-color:#ff8c5a;color:#ffb08d;background:#ff8c5a14}.export-btn:disabled,.new-project-btn:disabled{opacity:.5;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.export-btn__loading-text{display:inline-flex;align-items:center;justify-content:center;min-height:1em}.export-btn__loading-text--pulse{animation:exportStatusFadePulse 2.4s ease-in-out infinite}.export-btn__loading-text--wave{gap:.02em}.export-btn__loading-char{display:inline-block;animation:exportStatusWave 1.15s ease-in-out infinite;will-change:transform,opacity}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes exportStatusFadePulse{0%,to{opacity:.72;transform:translateY(0) scale(.985)}50%{opacity:1;transform:translateY(-1px) scale(1)}}@keyframes exportStatusWave{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (max-width: 1100px){.export-config-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.export-config-row{grid-template-columns:minmax(0,1fr)}.export-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px}.export-btn,.new-project-btn{width:100%;min-height:38px;padding:0 10px;font-size:12px;line-height:1;flex:1 1 auto}.new-project-btn{flex-basis:auto}.resolution-select__menu,.resolution-select__tooltip{position:static;margin-top:6px}}@media (max-width: 420px){.export-btn,.new-project-btn{min-height:36px;padding:0 8px;font-size:11px;gap:6px}.export-btn svg,.new-project-btn svg{width:14px;height:14px}}.projects-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;display:flex;justify-content:center;align-items:center;padding:20px}.projects-panel{width:min(1100px,100%);max-height:min(86vh,900px);background:#141414;border:1px solid rgba(255,140,90,.18);border-radius:18px;box-shadow:0 24px 80px #00000073;display:flex;flex-direction:column;overflow:hidden}.projects-panel__header{padding:20px 22px 16px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.projects-panel__header h3{margin:0;color:#ff8c5a;font-size:22px}.projects-panel__header p{margin:6px 0 0;color:#bcbcbc;font-size:14px}.projects-panel__header-actions{display:flex;gap:10px;flex-wrap:wrap}.projects-close-btn,.projects-primary-btn,.projects-secondary-btn,.projects-danger-btn,.projects-toggle-btn,.projects-icon-btn{border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:.2s ease;display:inline-flex;align-items:center;gap:8px}.projects-spinner{animation:projects-spin 1s linear infinite}@keyframes projects-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.projects-close-btn,.projects-icon-btn,.projects-secondary-btn{background:#242424;color:#f2f2f2;padding:10px 14px}.projects-primary-btn{background:#ff8c5a;color:#111;padding:10px 14px}.projects-primary-btn:hover,.projects-toggle-btn:hover,.projects-danger-btn:hover,.projects-close-btn:hover,.projects-icon-btn:hover,.projects-secondary-btn:hover{transform:translateY(-1px)}.projects-close-btn:disabled,.projects-primary-btn:disabled,.projects-secondary-btn:disabled,.projects-danger-btn:disabled,.projects-toggle-btn:disabled,.projects-icon-btn:disabled,.projects-tab:disabled,.projects-search input:disabled{opacity:.55;cursor:not-allowed}.projects-danger-btn{background:#ff535324;color:#ff8484;padding:10px 14px}.projects-toggle-btn{background:#ff8c5a1f;color:#ffb08d;padding:10px 14px}.projects-tabs{padding:14px 22px 0;display:flex;gap:10px}.projects-tab{border:none;background:#202020;color:#cfcfcf;border-radius:999px;padding:10px 16px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.projects-tab.active{background:#ff8c5a;color:#111}.projects-section{padding:18px 22px 22px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.projects-section__toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a8a8a8;font-size:13px;margin-bottom:14px}.projects-section__toolbar--library{align-items:stretch}.projects-search{flex:1;background:#1d1d1d;border:1px solid #333;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 12px;min-height:44px}.projects-search input{flex:1;background:transparent;border:none;color:#fff;outline:none;font-size:14px}.projects-list{overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px}.project-card{background:linear-gradient(180deg,#1a1a1a,#171717);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;display:flex;justify-content:space-between;gap:18px;align-items:center}.project-card__main{min-width:0;flex:1}.project-card__title-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.project-card__title-row strong{color:#fff;font-size:16px}.project-status{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.project-status.public{background:#4ade8024;color:#62f0a2}.project-status.private{background:#ffffff14;color:#d5d5d5}.project-card__meta{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px 18px;color:#9b9b9b;font-size:13px}.project-card__description{margin:10px 0 0;color:#d7d7d7;font-size:13px;line-height:1.45}.project-card__description.muted{color:#9c9c9c}.project-card__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.projects-empty{padding:26px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;text-align:center;color:#b5b5b5;background:#171717}@media (max-width: 900px){.projects-panel{width:100%;max-height:92vh}.project-card,.projects-panel__header,.projects-section__toolbar{flex-direction:column;align-items:stretch}.project-card__actions,.projects-panel__header-actions{justify-content:stretch}.project-card__actions button,.projects-panel__header-actions button,.projects-icon-btn{width:100%;justify-content:center}.projects-tabs{flex-wrap:wrap}}.editor-container{min-height:100vh;height:100vh;display:flex;flex-direction:column;background:#0d0d0d;overflow:hidden}.editor-container--scrollable{overflow-y:auto}.editor-container--resizing{cursor:col-resize}.editor-container--resizing *{-webkit-user-select:none;user-select:none}.editor-upgrade-banner{margin:12px 14px 0;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,140,90,.32);background:linear-gradient(90deg,#ff8c5a2e,#ff6c371a);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px}.editor-upgrade-banner strong{display:block;margin-bottom:4px;font-size:15px}.editor-upgrade-banner p{margin:0;color:#f3d1c4;line-height:1.55;font-size:13px}.editor-upgrade-banner__button{flex-shrink:0;min-height:42px;padding:0 18px;border-radius:12px;background:#ff8c5a;color:#111;font-weight:900}.editor-main{--editor-left-width: 320px;--editor-preview-width: 520px;--editor-right-width: 420px;--editor-resizer-size: 14px;display:grid;gap:12px;padding:12px 14px 16px;min-height:0;flex:1;transition:gap .22s ease,padding .22s ease}.editor-main--desktop{grid-template-columns:minmax(0,var(--editor-left-width)) var(--editor-resizer-size) minmax(0,var(--editor-preview-width)) var(--editor-resizer-size) minmax(0,var(--editor-right-width));grid-template-rows:auto auto;grid-template-areas:"left handle-left preview handle-right right" "left handle-left export handle-right right";align-content:start}.editor-main--desktop.editor-main--export-below{grid-template-areas:"left handle-left preview handle-right right" "export export export export export"}.editor-main--tablet{grid-template-columns:minmax(280px,340px) minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"left preview" "left export" "right right";align-content:start;overflow:visible}.editor-main--mobile{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:"left" "preview" "right" "export";padding:10px;gap:10px;overflow:visible}.editor-left{grid-area:left}.preview-wrapper{grid-area:preview}.editor-right{grid-area:right}.export-wrapper{grid-area:export}.editor-left,.editor-right,.preview-wrapper,.export-wrapper{min-width:0;transition:transform .22s ease,box-shadow .22s ease;will-change:transform}.editor-left,.editor-right{background:#1a1a1a;border-radius:16px;padding:14px;overflow-y:auto;display:flex;flex-direction:column;min-height:0;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px #ffffff0a,0 20px 36px #0000002e}.editor-main--desktop .editor-left,.editor-main--desktop .editor-right,.editor-main--desktop .preview-wrapper{max-height:calc(100vh - 132px)}.editor-main--desktop.editor-main--export-below .editor-left,.editor-main--desktop.editor-main--export-below .editor-right,.editor-main--desktop.editor-main--export-below .preview-wrapper{max-height:none}.preview-wrapper{display:flex;flex-direction:column;align-self:start}.export-wrapper{align-self:start}.editor-main--desktop.editor-main--export-below .export-wrapper{width:min(100%,1600px)}.placeholder-panel{display:flex;align-items:center;justify-content:center;height:100%;min-height:220px;text-align:center;color:#7d7d7d;font-size:13px;padding:24px;border-radius:12px;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px dashed rgba(255,140,90,.18)}.editor-resizer{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:stretch;width:100%;min-width:0;border:none;border-radius:999px;padding:0;margin:2px 0;background:linear-gradient(180deg,#ff8c5a14,#ff8c5a2e);position:relative;cursor:col-resize;touch-action:none;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.editor-resizer:before{content:"";position:absolute;top:8px;right:4px;bottom:8px;left:4px;border-radius:inherit;border:1px solid rgba(255,140,90,.2);background:linear-gradient(180deg,#ff8c5a29,#ffffff08)}.editor-resizer:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:52px;transform:translate(-50%,-50%);border-radius:999px;background:#ffffff8c;box-shadow:-4px 0 #ffffff40,4px 0 #ffffff40}.editor-resizer:hover,.editor-container--resizing .editor-resizer{background:linear-gradient(180deg,#ff8c5a33,#ff8c5a52);box-shadow:0 0 0 1px #ff8c5a42,0 10px 24px #0000002e}.editor-container--resizing .editor-main,.editor-container--resizing .editor-left,.editor-container--resizing .editor-right,.editor-container--resizing .preview-wrapper,.editor-container--resizing .export-wrapper,.editor-container--resizing .editor-resizer{transition:none!important}.editor-resizer--left{grid-area:handle-left}.editor-resizer--right{grid-area:handle-right}.sync-status{margin-top:10px;padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.45;font-weight:500}.sync-status--success{background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#4ade80}.sync-status--error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#f87171}.sync-status--warning{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fbbf24}.sync-status--info{background:#6366f126;border:1px solid rgba(99,102,241,.4);color:#a5b4fc}.editor-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;background:#00000094;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}.editor-loading-card{min-width:min(92vw,360px);background:#171717;border:1px solid rgba(255,140,90,.22);border-radius:18px;box-shadow:0 26px 80px #0000006b;padding:22px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.editor-loading-card strong{color:#fff;font-size:18px}.editor-loading-card p{margin:0;color:#c7c7c7;line-height:1.5}.editor-loading-spinner{color:#ff8c5a;animation:editor-spin 1s linear infinite}@keyframes editor-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1239px){.editor-container{height:auto;min-height:100vh;overflow-y:auto}.editor-left,.editor-right,.preview-wrapper{max-height:none}}@media (max-width: 900px){.editor-main--tablet{grid-template-columns:minmax(0,1fr);grid-template-areas:"left" "preview" "right" "export"}}@media (max-width: 768px){.editor-upgrade-banner{margin:10px 8px 0;flex-direction:column;align-items:flex-start}.editor-upgrade-banner__button{width:100%}.editor-left,.editor-right{padding:12px;overflow:visible}.placeholder-panel{min-height:180px}}.upgrade-redirect-container{min-height:100vh;background:linear-gradient(180deg,#0e0e0e,#050505);display:flex;align-items:center;justify-content:center;padding:24px}.upgrade-redirect-card{width:min(520px,100%);background:#141414;border:1px solid rgba(255,140,90,.2);border-radius:24px;box-shadow:0 30px 90px #00000073;padding:30px;color:#fff;text-align:center}.upgrade-redirect-back-link{display:inline-flex;align-items:center;gap:8px;color:#ffb08d;font-weight:700;margin-bottom:22px}.upgrade-redirect-icon{width:72px;height:72px;margin:0 auto 20px;border-radius:22px;background:#ff8c5a1f;display:flex;align-items:center;justify-content:center;color:#ff8c5a}.upgrade-redirect-card h1{margin:0 0 10px;font-size:30px}.upgrade-redirect-card p{margin:0;color:#cfcfcf;line-height:1.7}.upgrade-redirect-error{margin-top:18px;border-radius:16px;background:#ef44441f;border:1px solid rgba(239,68,68,.22);padding:14px 16px;color:#ffb3b3;line-height:1.6}.upgrade-redirect-button{margin-top:22px;min-height:48px;padding:0 18px;border-radius:12px;background:#ff8c5a;color:#111;font-weight:900}.upgrade-redirect-button:disabled{opacity:.65;cursor:not-allowed}.upgrade-spinner{animation:upgrade-spin .9s linear infinite}@keyframes upgrade-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #FF8C5A;--secondary-color: #1a1a1a;--background-dark: #000000;--background-light: #1e1e1e;--background-panel: #2a2a2a;--text-primary: #ffffff;--text-secondary: #cccccc;--border-color: #444444;--error-color: #ff4444;--success-color: #44ff44}html,body{font-family:Montserrat,sans-serif;background-color:var(--background-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden;overflow-y:auto;height:100%}#root{min-height:100%}button{font-family:Montserrat,sans-serif;cursor:pointer;border:none;outline:none;transition:all .2s ease}button:active{transform:scale(.98)}input,textarea,select{font-family:Montserrat,sans-serif;outline:none}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff8c5a}.container{max-width:1400px;margin:0 auto;padding:0 20px}