@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/build/assets/material-symbols-outlined-DeBroC4G.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}:root{--brand: #7C3AED;--brand-hover: #6D28D9;--brand-light: rgba(124, 58, 237, .07);--brand-ring: rgba(124, 58, 237, .18);--brand-gradient: linear-gradient(135deg, #9333EA 0%, #4F46E5 100%);--brand-shadow: 0 8px 28px rgba(124, 58, 237, .28);--bg: #F6F5FF;--surface: #FFFFFF;--surface-subtle: #FAF9FF;--surface-hover: #F2F0FF;--border: #E8E4F2;--border-subtle: #F0EEF8;--text: #14111D;--text-muted: #6B6880;--text-subtle: #A49DB8;--green: #16A34A;--green-bg: #F0FDF4;--green-border: #BBF7D0;--red: #DC2626;--red-bg: #FEF2F2;--red-border: #FECACA;--orange: #F97316;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 4px rgba(20,17,29,.06), 0 2px 8px rgba(20,17,29,.04);--shadow-md: 0 4px 16px rgba(20,17,29,.08), 0 1px 4px rgba(20,17,29,.04);--shadow-lg: 0 8px 32px rgba(20,17,29,.1), 0 2px 8px rgba(20,17,29,.05);--shadow-xl: 0 16px 48px rgba(20,17,29,.12), 0 4px 12px rgba(20,17,29,.06);--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-xl: 1.5rem;--radius-full: 9999px;--bg-navigation-bar: #FFFFFF;--icon-navigation-bar: #222222;--select-navigation-bar: #F4F4F4;--theme-main-bg: 124, 58, 237;--theme-main-color: 255, 255, 255;--theme-secondary-bg: 255, 255, 255;--theme-secondary-color: #222222;--text-color: #14111D;--text-color-contrast: 20, 17, 29;--font-title: "Bricolage Grotesque", serif;--bg-modal-template: 246, 245, 255;--theme-bg: 246, 245, 255}body{background-color:var(--bg)!important}.button-redesign{display:inline-flex;align-items:center;justify-content:space-between;position:relative;border:none;border-radius:var(--radius-full);padding:8px 24px;font-family:Arial,sans-serif;font-size:14px;font-weight:700;cursor:pointer;overflow:hidden;transition:transform .2s ease;max-width:max-content}.button-redesign:hover{transform:scale(1.04)}.button-redesign:active{transform:scale(.98)}.button-redesign .button-icon,.button-redesign .button-icon-arrow{font-size:20px}.button-redesign .button-text{flex:1;text-align:left;font-size:13px;font-family:Inter var;margin-left:8px}.button-redesign .button-icon-arrow{position:absolute;right:12px}.button-redesign .material-symbols-outlined{margin-right:.3rem}.button-redesign .button-redesign.button-secondary-contrast[disabled],.button-redesign .button-redesign.button-secondary[disabled],.button-redesign .button-redesign.button-main[disabled]{pointer-events:none;color:rgb(var(--theme-secondary-bg))!important}.button-redesign.button-main{background-color:var(--brand);color:#fff}.button-redesign.button-main[disabled]{background-color:#7c3aed4d}.button-redesign.button-secondary{background-color:rgb(var(--theme-secondary-bg));color:var(--theme-secondary-color)}.button-redesign.button-secondary[disabled]{background-color:rgba(var(--theme-secondary-bg),.3)}.button-redesign.button-secondary-contrast{background-color:rgba(var(--text-color-contrast));color:rgb(var(--theme-secondary-bg))}.button-redesign.button-secondary-contrast[disabled]{background-color:rgba(var(--text-color-contrast),.3)}.font-title{font-family:var(--font-title)}.tabs{display:flex;width:100%;max-width:32rem;margin:3rem auto 1.5rem;border-radius:var(--radius-full);background-color:var(--border-subtle);padding:4px;font-family:var(--font-title)}.tabs button{flex:1;padding:6px 0;border:none;border-radius:var(--radius-full);background:transparent;font-size:15px;cursor:pointer;transition:.2s;color:var(--text-muted)}.tabs button.active{background:#fff;color:var(--text);box-shadow:var(--shadow-sm)}.personaje-item{text-align:center;cursor:pointer;transition:.25s ease}.personaje-item .personaje-img{width:80px;height:80px;border-radius:16px;overflow:hidden;background:var(--border-subtle);border:2px solid transparent;margin:auto;transition:.25s ease}.personaje-item .personaje-img img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.personaje-item .personaje-nombre{display:block;margin-top:6px;font-size:13px;font-weight:500;color:var(--text-muted)}.personaje-item:hover .personaje-img{border-color:var(--brand);box-shadow:0 0 12px var(--brand-ring)}.personaje-item:hover .personaje-img img{transform:scale(1.04)}.personaje-item.active .personaje-img{border-color:var(--brand);box-shadow:0 0 12px var(--brand-ring)}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:var(--radius-lg);padding:2.5rem 4rem;text-align:center;cursor:pointer;transition:all .25s ease;background-color:var(--surface)}.upload-dropzone:hover{border-color:var(--brand);background-color:var(--brand-light);transform:scale(1.01)}.upload-dropzone--dragging{border-color:var(--brand);background-color:var(--brand-light);box-shadow:0 0 0 4px var(--brand-ring);transform:scale(1.02)}.upload-dropzone--dragging .upload-dropzone__icon{background-color:var(--brand);transform:scale(1.1)}.upload-dropzone--dragging .upload-dropzone__icon .material-symbols-outlined{color:#fff}.upload-dropzone--dragging .upload-dropzone__text{color:var(--brand);font-weight:600}.upload-dropzone__icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--border-subtle);margin-bottom:.75rem;transition:all .25s ease}.upload-dropzone__icon .material-symbols-outlined{color:var(--brand);font-size:24px;transition:color .2s}.upload-dropzone__text{color:var(--text-muted);margin-bottom:1rem;font-size:.875rem;transition:all .25s ease}@media(min-width:640px){.upload-dropzone__text{font-size:1rem}}video::-webkit-media-controls-overflow-button{display:none!important}video::-webkit-media-controls-fullscreen-button{display:none!important}.clips-page{width:100%;max-width:82rem;margin-left:auto;margin-right:auto;display:flex;flex-direction:column}.clips-content{padding:1.5rem;transition:all .3s}.create-layout{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}@media(min-width:1024px){.create-layout{flex-direction:row;gap:2rem}}.clips-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:1rem}.clips-col__header{display:flex;align-items:center;justify-content:space-between}.clips-col__title{font-size:1.5rem;font-weight:700;color:var(--text);font-family:var(--font-title);letter-spacing:-.02em}.clips-col__list{display:flex;flex-direction:column;gap:.625rem}.clip-item{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .15s,box-shadow .15s;position:relative;z-index:10}.clip-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.clip-item__inner{display:flex;flex-direction:column;gap:.75rem;padding:1rem}@media(min-width:640px){.clip-item__inner{flex-direction:row;align-items:center;gap:1rem}}.clip-item__order{display:flex;align-items:center;gap:.75rem;width:100%;justify-content:space-between}@media(min-width:640px){.clip-item__order{justify-content:flex-start;width:auto}}.clip-item__drag{color:var(--text-subtle);cursor:grab}.clip-item__number{font-size:.8125rem;font-weight:700;color:var(--brand);background:var(--brand-light);padding:.125rem .5rem;border-radius:var(--radius-full)}.clip-item__thumb{width:100%;height:10rem;background-color:var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;cursor:pointer;position:relative}@media(min-width:640px){.clip-item__thumb{width:6rem;height:4rem}}.clip-item__thumb-video{width:100%;height:100%;object-fit:cover;pointer-events:none}.clip-item__compress-overlay{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center}.clip-item__info{width:100%;min-width:0}@media(min-width:640px){.clip-item__info{flex:1}}.clip-item__name{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-item__compressing{font-size:.75rem;color:var(--brand);margin-top:.25rem}.clip-item__meta-row{margin-top:.375rem;display:flex;align-items:center;gap:.75rem;font-size:.8125rem;color:var(--text-muted)}.clip-item__toggle-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;cursor:pointer}.clip-item__warning{margin-top:.5rem;display:flex;align-items:flex-start;gap:.375rem;padding:.5rem .625rem;border-radius:var(--radius-sm);background:var(--red-bg);border:1px solid var(--red-border);font-size:.75rem;line-height:1.4;color:var(--red)}.clip-item__warning-icon{font-size:16px;flex-shrink:0}.clip-item__warning-link{background:none;border:none;padding:0;font:inherit;color:var(--red);font-weight:700;text-decoration:underline;cursor:pointer}.clip-item__actions{display:flex;align-items:center;gap:.5rem;width:100%;justify-content:flex-end}@media(min-width:640px){.clip-item__actions{width:auto}}.clip-drop-zone{position:absolute;inset:0;margin-top:-1.5rem;margin-bottom:-1.5rem}.toggle{display:inline-flex;width:2.5rem;height:1.5rem;border-radius:var(--radius-full);position:relative;transition:background-color .2s}.toggle--on{background-color:var(--brand)}.toggle--off{background-color:var(--border)}.toggle__knob{position:absolute;top:.125rem;width:1.25rem;height:1.25rem;border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-xs);transition:left .2s}.toggle__knob--on{left:1.25rem}.toggle__knob--off{left:.125rem}.icon-btn{width:2.25rem;height:2.25rem;border-radius:var(--radius-full);border:1.5px solid var(--border);color:var(--text-muted);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s;flex-shrink:0}.icon-btn:hover{background-color:var(--surface-hover);border-color:#c4bede;color:var(--text)}.icon-btn--danger{border-color:var(--red-border);color:var(--red)}.icon-btn--danger:hover{background-color:var(--red-bg)}.ugc-sidebar{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.5rem;display:flex;flex-direction:column;transition:opacity .2s;width:100%}@media(min-width:1024px){.ugc-sidebar{width:21rem;min-width:21rem;flex-shrink:0}}.ugc-sidebar__title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:1rem;font-family:var(--font-title);letter-spacing:-.01em}.ugc-grid{display:grid;gap:.625rem;margin-bottom:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:640px){.ugc-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1024px){.ugc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ugc-card{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.ugc-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ugc-card--selected{box-shadow:0 0 0 3px var(--brand),var(--shadow-md);transform:translateY(-1px)}.ugc-card__img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .25s;display:block}.ugc-card:hover .ugc-card__img{transform:scale(1.04)}.ugc-card__label-wrap{position:absolute;left:0;right:0;bottom:0;padding:1.75rem .375rem .375rem;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);display:flex;justify-content:center}.ugc-card__label{color:#fff;font-size:10px;font-weight:600;letter-spacing:.02em;text-align:center}.ugc-card__check{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;background:var(--brand);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #7c3aed73}.ugc-card__check .material-symbols-outlined{color:#fff;font-size:16px!important}.btn-generate{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border:none;border-radius:var(--radius-full);padding:11px 32px;font-size:.9375rem;font-weight:700;cursor:pointer;background:var(--brand-gradient);color:#fff;box-shadow:var(--brand-shadow);margin-top:1.5rem;margin-left:auto;margin-right:auto;transition:transform .2s,box-shadow .2s,opacity .15s;letter-spacing:.01em}.btn-generate:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 12px 36px #7c3aed6b}.btn-generate:active:not(:disabled){transform:scale(.98)}.btn-generate:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-generate .material-symbols-outlined{font-size:20px}.clips-tab{display:flex;flex-direction:column;gap:2rem}.clips-empty{text-align:center;padding:4rem 0}.clips-empty__icon{font-size:3.5rem;color:var(--border)}.clips-empty__text{margin-top:1rem;color:var(--text-muted);font-size:.9375rem}.clips-section__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.clips-section__title{font-size:1.0625rem;font-weight:700;color:var(--text);font-family:var(--font-title);letter-spacing:-.01em}.status-indicator{display:inline-flex;width:1.25rem;height:1.25rem;border-radius:var(--radius-full);align-items:center;justify-content:center;background:#dcfce7}.status-indicator__dot{display:inline-flex;width:.625rem;height:.625rem;border-radius:var(--radius-full);background:#22c55e;animation:_pulse 2s infinite}@keyframes _pulse{0%,to{opacity:1}50%{opacity:.45}}.clips-grid{display:grid;gap:1.25rem}@media(min-width:640px){.clips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.clips-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.clip-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s,box-shadow .2s}.clip-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.clip-card__thumb{position:relative;height:11rem;background:var(--border-subtle);overflow:hidden}.clip-card__thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.clip-card__thumb-img--faded{opacity:.5}.clip-card:hover .clip-card__thumb-img:not(.clip-card__thumb-img--faded){transform:scale(1.04)}.clip-card__thumb-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--border);background:var(--border-subtle)}.clip-card__spinner-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000001f}.clip-card__badge{position:absolute;top:.75rem;right:.75rem;font-size:.6875rem;background:#22c55e;color:#fff;padding:.25rem .625rem;border-radius:var(--radius-full);font-weight:700;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 2px 8px #22c55e59}.clip-card__body{padding:1rem 1.125rem}.clip-card__title{font-weight:700;color:var(--text);font-size:.9375rem}.clip-card__meta{font-size:.8125rem;color:var(--text-muted);margin-top:.25rem;display:flex;align-items:center;gap:.5rem}.clip-card__action-btn{margin-top:.875rem;width:100%;height:2.5rem;border-radius:var(--radius-md);border:1.5px solid var(--border);font-weight:600;font-size:.875rem;color:var(--text);background:transparent;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:background-color .15s,border-color .15s}.clip-card__action-btn:hover{background-color:var(--surface-hover);border-color:#c4bede}.spinner{display:inline-flex;border-radius:var(--radius-full);border-style:solid;border-top-color:transparent!important;animation:_spin .7s linear infinite;flex-shrink:0}.spinner--sm{width:1.25rem;height:1.25rem;border-width:2px;border-color:#fff}.spinner--md{width:1.5rem;height:1.5rem;border-width:2px;border-color:#fff}.spinner--lg{width:2.5rem;height:2.5rem;border-width:3px;border-color:#ffffffb3}.spinner--gray{width:1.25rem;height:1.25rem;border-width:2px;border-color:var(--border)}@keyframes _spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:1rem 1.25rem;width:320px;z-index:40;border-left:4px solid var(--brand)}.toast--error{background:var(--red-bg);border-left-color:var(--red)}.toast__title{font-weight:700;color:var(--text);font-size:.9375rem}.toast__message{font-size:.8125rem;color:var(--text-muted);margin-top:.25rem}.toast__error-inner{display:flex;align-items:flex-start;gap:.75rem}.toast__error-icon{color:var(--red);flex-shrink:0;font-size:20px!important}.toast__error-title{font-weight:700;color:#7f1d1d}.toast__error-text{font-size:.8125rem;color:#b91c1c;margin-top:.25rem}.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-backdrop{position:absolute;inset:0;background:#14111d8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{position:relative;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;overflow:hidden}.modal--clip{max-width:56rem}.modal--confirm{max-width:28rem}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.125rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.modal__title{font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-title);letter-spacing:-.01em}.modal__body{padding:1.25rem}.modal-video-wrap{position:relative;width:100%;background:#0a0812;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:16/9}.modal-video{width:100%;height:100%;object-fit:contain;cursor:pointer}.modal-actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem}.btn-download{height:2.5rem;padding:0 1.125rem;border-radius:var(--radius-md);border:1.5px solid var(--border);font-weight:600;font-size:.875rem;color:var(--text);background:transparent;display:flex;align-items:center;gap:.5rem;cursor:pointer;text-decoration:none;transition:background-color .15s,border-color .15s}.btn-download:hover{background-color:var(--surface-hover);border-color:#c4bede}.trimmer{margin-top:1rem;-webkit-user-select:none;user-select:none}.trimmer__gutter{position:relative;padding:0 22px}.trimmer__track{position:relative;height:56px;border-radius:var(--radius-sm);background:#0a0812;touch-action:none;cursor:pointer}.trimmer__frames{display:flex;height:100%;width:100%;border-radius:var(--radius-sm);overflow:hidden}.trimmer__frame{flex:1 1 0;height:100%;object-fit:cover;min-width:0;pointer-events:none}.trimmer__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.trimmer__spinner{animation:trimmer-spin .9s linear infinite}.trimmer__dim{position:absolute;top:0;bottom:0;background:#0a08129e;pointer-events:none}.trimmer__selection{position:absolute;top:0;bottom:0;border-top:3px solid var(--brand);border-bottom:3px solid var(--brand);box-shadow:0 0 0 1px #00000026;pointer-events:none}.trimmer__handle{position:absolute;top:-3px;bottom:-3px;width:22px;background:var(--brand);display:flex;align-items:center;justify-content:center;cursor:ew-resize;pointer-events:auto;touch-action:none}.trimmer__handle:before{content:"";position:absolute;inset:-10px -12px}.trimmer__handle--left{transform:translate(-100%);border-radius:6px 0 0 6px}.trimmer__handle--right{transform:translate(0);border-radius:0 6px 6px 0}.trimmer__grip{width:4px;height:22px;border-radius:var(--radius-full);background:#fff}.trimmer__playhead{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:#fff;border-radius:var(--radius-full);box-shadow:0 0 4px #00000080;pointer-events:none;z-index:2}.trimmer__playhead:before{content:"";position:absolute;top:-3px;left:50%;transform:translate(-50%);width:7px;height:7px;border-radius:50%;background:#fff}.trimmer__wave{display:block;width:100%;height:40px;margin-top:4px}.trimmer__ruler{display:flex;justify-content:space-between;margin-top:4px;font-size:.6875rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.trimmer__meta{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;gap:.75rem}.trimmer__reset{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:transparent;color:var(--text);font-size:.75rem;font-weight:600;cursor:pointer;transition:background-color .15s,border-color .15s}.trimmer__reset:hover{background-color:var(--surface-hover);border-color:#c4bede}.trimmer__readout{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.trimmer__readout .material-symbols-outlined{color:var(--text-muted)}.trimmer__dur{margin-left:.25rem;padding:.125rem .5rem;border-radius:var(--radius-full);background:var(--brand-light);color:var(--brand);font-weight:700;font-size:.75rem}@keyframes trimmer-spin{to{transform:rotate(360deg)}}.confirm-body{padding:1.25rem}.confirm-text{font-size:.875rem;color:var(--text-muted);line-height:1.6}.confirm-name{font-size:.875rem;font-weight:700;color:var(--text);margin-top:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confirm-actions{margin-top:1.25rem;display:flex;justify-content:flex-end;gap:.5rem}.btn-cancel{height:2.5rem;padding:0 1.125rem;border-radius:var(--radius-md);border:1.5px solid var(--border);font-weight:600;font-size:.875rem;color:var(--text-muted);background:transparent;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.btn-cancel:hover{background-color:var(--surface-hover);border-color:#c4bede;color:var(--text)}.btn-danger{height:2.5rem;padding:0 1.125rem;border-radius:var(--radius-md);background:var(--red);color:#fff;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:background-color .15s,transform .1s}.btn-danger:hover{background-color:#b91c1c;transform:translateY(-1px)}.btn-danger:active{transform:scale(.98)}.model-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#14111d8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.model-modal__card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:32rem;overflow:hidden}.model-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--border-subtle)}.model-modal__title{font-size:1.1875rem;font-weight:700;color:var(--text);font-family:var(--font-title);letter-spacing:-.01em}.model-modal__close{width:2rem;height:2rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-subtle);background:transparent;border:none;cursor:pointer;transition:color .15s,background-color .15s}.model-modal__close:hover{color:var(--text);background:var(--border-subtle)}.model-modal__body{padding:1.25rem 1.5rem 1rem;display:flex;flex-direction:column;gap:1.25rem}.model-modal__media{display:flex;gap:1.25rem;align-items:flex-start}.model-modal__avatar-wrap{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:7rem}.model-modal__avatar{width:6rem;height:6rem;border-radius:var(--radius-full);overflow:hidden;box-shadow:0 0 0 3px var(--brand-ring),var(--shadow-sm)}.model-modal__avatar-img{width:100%;height:100%;object-fit:cover;object-position:top}.model-modal__avatar-name{font-size:.875rem;font-weight:700;color:var(--text);text-align:center}.model-modal__avatar-id{font-size:.75rem;color:var(--text-subtle);margin-top:-.25rem}.model-modal__video-wrap{flex:1;min-width:0}.model-modal__video-label{font-size:.6875rem;font-weight:700;color:var(--text-subtle);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.06em}.model-modal__video{width:100%;border-radius:var(--radius-md);aspect-ratio:16/9;object-fit:cover;background:var(--border-subtle);display:block}.model-modal__no-video{width:100%;border-radius:var(--radius-md);aspect-ratio:16/9;background:var(--border-subtle);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.model-modal__no-video .material-symbols-outlined{color:var(--border);font-size:36px!important}.model-modal__no-video-text{font-size:.75rem;color:var(--text-subtle)}.model-modal__section{padding-top:1rem;border-top:1px solid var(--border-subtle)}.model-modal__section-title{font-size:.6875rem;font-weight:700;color:var(--text-subtle);margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.06em}.model-modal__section-text{font-size:.875rem;color:var(--text-muted);line-height:1.65}.model-modal__meta{padding-top:1rem;border-top:1px solid var(--border-subtle);display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.model-modal__meta-label{font-size:.6875rem;color:var(--text-subtle);margin-bottom:.125rem;text-transform:uppercase;letter-spacing:.06em}.model-modal__meta-value{font-size:.875rem;font-weight:700;color:var(--text)}.model-modal__footer{padding:.75rem 1.5rem 1.5rem}.model-modal__select-btn{width:100%;padding:.8125rem;border-radius:var(--radius-md);background:var(--brand-gradient);color:#fff;font-weight:700;font-size:.9375rem;box-shadow:var(--brand-shadow);border:none;cursor:pointer;transition:opacity .15s,transform .15s,box-shadow .15s;letter-spacing:.01em}.model-modal__select-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 12px 32px #7c3aed6b}.model-modal__select-btn:active{transform:scale(.99)}.auth-body{background:var(--bg);background-image:radial-gradient(ellipse at 20% 50%,rgba(124,58,237,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(79,70,229,.06) 0%,transparent 55%);min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif}.auth-page{width:100%;padding:1.5rem;display:flex;align-items:center;justify-content:center}.auth-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:2.75rem 2.25rem;width:100%;max-width:26rem;border:1px solid var(--border-subtle)}.auth-logo{display:flex;justify-content:center;margin-bottom:2rem}.auth-logo__img{height:2.5rem}.auth-title{font-family:var(--font-title);font-size:1.625rem;font-weight:700;color:var(--text);text-align:center;margin:0 0 .375rem;letter-spacing:-.02em}.auth-subtitle{font-size:.875rem;color:var(--text-muted);text-align:center;margin:0 0 2rem}.auth-alert{border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.875rem;margin-bottom:1.25rem}.auth-alert--success{background:var(--green-bg);color:#166534;border:1px solid var(--green-border)}.auth-alert--error{background:var(--red-bg);color:#991b1b;border:1px solid var(--red-border)}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-field{display:flex;flex-direction:column;gap:.4rem}.auth-label-row{display:flex;justify-content:space-between;align-items:baseline}.auth-label{font-size:.875rem;font-weight:600;color:var(--text)}.auth-input{width:100%;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:.6875rem 1rem;font-size:.9375rem;color:var(--text);background:var(--surface);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.auth-input::placeholder{color:var(--text-subtle)}.auth-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.auth-input--error{border-color:var(--red)}.auth-input--error:focus{border-color:var(--red);box-shadow:0 0 0 3px #dc262626}.auth-remember{display:flex;align-items:center;gap:.5rem}.auth-remember__label{font-size:.875rem;color:var(--text-muted);cursor:pointer}.auth-checkbox{width:1rem;height:1rem;accent-color:var(--brand);cursor:pointer}.auth-btn{width:100%;background:var(--brand-gradient);color:#fff;border:none;border-radius:var(--radius-full);padding:.8125rem 1.5rem;font-size:.9375rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s,box-shadow .15s;margin-top:.25rem;box-shadow:var(--brand-shadow);letter-spacing:.01em}.auth-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 12px 28px #7c3aed6b}.auth-btn:active:not(:disabled){transform:scale(.99)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.auth-btn__spinner{display:inline-block;width:1.1rem;height:1.1rem;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:_spin .7s linear infinite}.auth-link{font-size:.8125rem;color:var(--brand);text-decoration:none;font-weight:500}.auth-link:hover{text-decoration:underline;color:var(--brand-hover)}.auth-footer{text-align:center;margin-top:1.5rem}.nav-avatar-btn{width:2.25rem;height:2.25rem;border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.nav-avatar-btn:hover{border-color:var(--brand);background:var(--brand-light);box-shadow:0 0 0 3px var(--brand-ring)}.nav-avatar-icon{width:1.1rem;height:1.1rem;color:var(--text-muted)}.nav-dropdown{position:absolute;right:0;top:calc(100% + .625rem);width:15rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:.375rem;z-index:100}.nav-dropdown__user{padding:.75rem .875rem .625rem}.nav-dropdown__name{font-size:.875rem;font-weight:700;color:var(--text);line-height:1.3}.nav-dropdown__email{font-size:.75rem;color:var(--text-subtle);margin-top:.125rem}.nav-dropdown__divider{height:1px;background:var(--border-subtle);margin:.25rem 0}.nav-dropdown__item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5625rem .875rem;border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-muted);text-decoration:none;background:none;border:none;cursor:pointer;transition:background .1s,color .1s;text-align:left}.nav-dropdown__item:hover{background:var(--surface-hover);color:var(--text)}.nav-dropdown__item--danger{color:var(--red)}.nav-dropdown__item--danger:hover{background:var(--red-bg)}.nav-dropdown__icon{width:1rem;height:1rem;flex-shrink:0;opacity:.65}.perfil-page{width:100%;max-width:52rem;margin:0 auto;padding:2rem 1.5rem 4rem}.perfil-back{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--text-muted);text-decoration:none;margin-bottom:1.5rem;transition:color .15s;font-weight:500}.perfil-back:hover{color:var(--brand)}.perfil-back:hover svg{transform:translate(-2px)}.perfil-back svg{transition:transform .15s}.perfil-title{font-family:var(--font-title);font-size:1.875rem;font-weight:700;color:var(--text);margin-bottom:1.5rem;letter-spacing:-.02em}.perfil-tabs{display:flex;background:var(--border-subtle);border-radius:var(--radius-full);padding:.25rem;margin-bottom:1.75rem;gap:.125rem}.perfil-tab{flex:1;padding:.5625rem 1rem;border-radius:var(--radius-full);border:none;background:none;font-size:.875rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.perfil-tab--active{background:var(--surface);color:var(--text);font-weight:700;box-shadow:var(--shadow-sm)}.perfil-tab:hover:not(.perfil-tab--active){color:var(--text)}.perfil-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:2rem;border:1px solid var(--border-subtle)}.perfil-card__title{font-size:1.0625rem;font-weight:700;color:var(--text);margin-bottom:.25rem;font-family:var(--font-title);letter-spacing:-.01em}.perfil-card__subtitle{font-size:.875rem;color:var(--text-subtle);margin-bottom:1.75rem}.perfil-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem}.perfil-label{font-size:.875rem;font-weight:600;color:var(--text)}.perfil-input{width:100%;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:.6875rem 1rem;font-size:.9375rem;color:var(--text);background:var(--surface);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.perfil-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.perfil-input--readonly{background:var(--surface-subtle);color:var(--text-subtle);cursor:not-allowed;border-color:var(--border-subtle)}.perfil-input--readonly:focus{border-color:var(--border-subtle);box-shadow:none}.perfil-input--error{border-color:var(--red)}.perfil-input--error:focus{border-color:var(--red);box-shadow:0 0 0 3px #dc26261f}.perfil-btn{display:inline-block;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-full);padding:.6875rem 1.75rem;font-size:.9375rem;font-weight:700;cursor:pointer;margin-top:.5rem;transition:background .15s,transform .1s;letter-spacing:.01em}.perfil-btn:hover:not(:disabled){background:var(--brand-hover);transform:translateY(-1px)}.perfil-btn:active:not(:disabled){transform:scale(.99)}.perfil-btn:disabled{opacity:.6;cursor:not-allowed}.perfil-alert{border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.875rem;margin-bottom:1.25rem}.perfil-alert--success{background:var(--green-bg);color:#166534;border:1px solid var(--green-border)}.perfil-alert--error{background:var(--red-bg);color:#991b1b;border:1px solid var(--red-border)}.subs-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.subs-header__info{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.subs-header__info strong{color:var(--text);font-weight:700}.subs-manage-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.125rem;border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--surface);font-size:.8125rem;font-weight:600;color:var(--text);cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}.subs-manage-btn:hover{border-color:var(--brand);background:var(--brand-light);color:var(--brand)}.subs-divider{height:1px;background:var(--border-subtle);margin:1.5rem 0}.subs-credits__title{font-size:.9375rem;font-weight:700;color:var(--text);display:block;margin-bottom:.875rem;font-family:var(--font-title)}.subs-credits__meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.subs-credits__used{font-size:.8125rem;color:var(--text-subtle)}.subs-credits__remaining{font-size:.875rem;font-weight:700;color:var(--text)}.subs-credits__note{font-size:.8125rem;color:var(--text-subtle);margin-top:.625rem;line-height:1.55}.subs-bar{width:100%;height:.5rem;background:var(--border-subtle);border-radius:var(--radius-full);overflow:hidden}.subs-bar__fill{height:100%;border-radius:var(--radius-full);background:var(--brand);transition:width .5s ease}.subs-bar__fill--orange{background:var(--orange)}.subs-banner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--green-bg);border:1px solid var(--green-border);border-radius:var(--radius-md);padding:1rem 1.25rem}.subs-banner__text{font-size:.8125rem;color:#166534;line-height:1.55}.subs-banner__text strong{font-weight:700}.subs-buy-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.625rem 1.25rem;background:var(--green);color:#fff;border:none;border-radius:var(--radius-full);font-size:.875rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s,transform .1s}.subs-buy-btn:hover{background:#15803d;transform:translateY(-1px)}.subs-buy-btn:active{transform:scale(.99)}.subs-plan{display:flex;justify-content:space-between;align-items:center}.subs-plan__label{font-size:.6875rem;color:var(--text-subtle);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.06em}.subs-plan__name-row{display:flex;align-items:center;gap:.625rem}.subs-plan__name{font-size:1.125rem;font-weight:700;color:var(--text);font-family:var(--font-title)}.subs-plan__badge{background:var(--brand-gradient);color:#fff;font-size:.6875rem;font-weight:700;padding:.1875rem .625rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.subs-custom-btn{padding:.5rem 1.25rem;border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--surface);font-size:.875rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s}.subs-custom-btn:hover{border-color:var(--brand);color:var(--brand)}.subs-modal{padding:1.75rem;max-width:26rem}.subs-modal__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.subs-modal__title{font-size:1.125rem;font-weight:700;color:var(--text);margin-bottom:.375rem;font-family:var(--font-title);letter-spacing:-.01em}.subs-modal__subtitle{font-size:.8125rem;color:var(--text-muted);line-height:1.55}.subs-modal__block{display:flex;align-items:center;gap:1rem;background:var(--brand-light);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem;border:1px solid var(--brand-ring)}.subs-modal__block-icon{width:2.5rem;height:2.5rem;background:#7c3aed24;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.subs-modal__block-icon .material-symbols-outlined{color:var(--brand)}.subs-modal__block-name{font-size:.9375rem;font-weight:700;color:var(--text)}.subs-modal__block-desc{font-size:.8125rem;color:var(--text-muted);margin-top:.125rem}.subs-modal__qty-label{font-size:.875rem;font-weight:700;color:var(--text);margin-bottom:.75rem}.subs-modal__qty{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.subs-modal__qty-btn{width:2.25rem;height:2.25rem;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);font-size:1.25rem;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s,color .15s}.subs-modal__qty-btn:hover{border-color:var(--brand);background:var(--brand-light);color:var(--brand)}.subs-modal__qty-num{font-size:1.75rem;font-weight:700;color:var(--text);min-width:1.5rem;text-align:center;font-family:var(--font-title)}.subs-modal__summary{background:var(--surface-subtle);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem;border:1px solid var(--border-subtle)}.subs-modal__summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-muted);padding:.25rem 0}.subs-modal__summary-row--total{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.75rem}.subs-modal__summary-label{color:var(--text-muted)}.subs-modal__summary-val{color:var(--text);font-weight:600}.subs-modal__total-label{font-size:1rem;font-weight:700;color:var(--text)}.subs-modal__total-price{font-size:1.125rem;font-weight:700;color:var(--brand)}.subs-modal__actions{display:flex;gap:.75rem;justify-content:flex-end}.subs-modal__cancel{padding:.6875rem 1.25rem;border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--surface);font-size:.9rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s}.subs-modal__cancel:hover{border-color:var(--brand);color:var(--brand)}.subs-modal__confirm{padding:.6875rem 1.75rem;background:var(--brand-gradient);color:#fff;border:none;border-radius:var(--radius-full);font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s;box-shadow:var(--brand-shadow)}.subs-modal__confirm:hover{opacity:.9;transform:translateY(-1px)}.subs-modal__confirm:active{transform:scale(.99)}.clip-item-wrap--dragging>.clip-item{opacity:.4;transform:scale(.98)}.clip-item-wrap--drag-before{border-top:2px solid var(--brand);border-radius:2px;margin-top:-1px}.clip-item-wrap--drag-after{border-bottom:2px solid var(--brand);border-radius:2px;margin-bottom:-1px}