@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800;900&display=swap";:root{--wa-green: #25D366;--wa-green-hover: #20bd5a;--wa-teal: #128C7E;--wa-teal-dark: #075E54;--wa-light-bg: #E5DDD5;--wa-dark-bg: #0b141a;--wa-dark-card: #111b21;--wa-dark-card-hover: #202c33;--wa-dark-border: #222d34;--wa-chat-bubble-out-dark: #005c4b;--wa-chat-bubble-in-dark: #202c33;--wa-chat-bubble-out-light: #e7fce3;--wa-chat-bubble-in-light: #ffffff;--text-main-dark: #e9edef;--text-sub-dark: #8696a0;--text-main-light: #111b21;--text-sub-light: #667781;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--wa-dark-bg);color:var(--text-main-dark);line-height:1.5;overflow-x:hidden}.app-container{min-height:100vh;display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease}.theme-dark{background-color:#0b141a;color:var(--text-main-dark)}.theme-light{background-color:#f0f2f5;color:var(--text-main-light)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#111b21d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:100}.theme-light .app-header{background:#ffffffe6;border-bottom:1px solid rgba(0,0,0,.08)}.header-brand{display:flex;align-items:center;gap:.85rem}.brand-icon-wrapper{position:relative;width:44px;height:44px;background:linear-gradient(135deg,var(--wa-green),var(--wa-teal));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #25d3664d}.sparkle-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;color:#ffd166}.brand-title{font-family:var(--font-display);font-weight:800;font-size:1.4rem;letter-spacing:-.02em}.brand-subtitle{font-size:.78rem;color:var(--text-sub-dark)}.theme-light .brand-subtitle{color:var(--text-sub-light)}.header-actions{display:flex;align-items:center;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-family);font-weight:600;font-size:.9rem;padding:.6rem 1.1rem;border-radius:10px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,var(--wa-green),#1fad55);color:#0b141a;box-shadow:0 4px 12px #25d36640}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #25d36666}.btn-secondary{background:#ffffff0f;color:var(--text-main-dark);border:1px solid rgba(255,255,255,.1)}.theme-light .btn-secondary{background:#fff;color:var(--text-main-light);border:1px solid rgba(0,0,0,.1)}.btn-secondary:hover{background:#ffffff1f}.btn-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-theme-toggle{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffd166;cursor:pointer;display:flex;align-items:center;justify-content:center}.upload-screen-wrapper{max-width:800px;margin:2rem auto;padding:0 1.5rem;text-align:center}.hero-banner{margin-bottom:2rem}.hero-banner h2{font-family:var(--font-display);font-size:2.2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#ffffff 30%,var(--wa-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-banner p{color:var(--text-sub-dark);font-size:1.05rem}.upload-container{background:var(--wa-dark-card);border:2px dashed rgba(37,211,102,.3);border-radius:24px;padding:2.5rem 2rem;transition:all .25s ease}.upload-title{font-size:1.3rem;font-weight:700;margin-bottom:.4rem}.upload-subtitle{color:var(--text-sub-dark);font-size:.92rem;margin-bottom:1.5rem}.upload-media-types-badges{display:flex;justify-content:center;gap:.75rem;margin-bottom:2rem}.media-type-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:20px;font-size:.82rem;font-weight:600;background:#ffffff0f}.file-input-hidden{display:none}.sample-presets-bar{display:flex;align-items:center;justify-content:center;gap:.85rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08)}.btn-preset{background:#25d3661a;color:var(--wa-green);border:1px solid rgba(37,211,102,.3);padding:.45rem .9rem;border-radius:8px;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.baileys-card{background:var(--wa-dark-card);border:1px solid var(--wa-dark-border);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem;text-align:left}.baileys-status-indicator{display:flex;align-items:center}.badge-connected{background:#25d36626;color:var(--wa-green);padding:.25rem .65rem;border-radius:20px;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;gap:.35rem}.badge-pending{background:#ffd16626;color:#ffd166;padding:.25rem .65rem;border-radius:20px;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;gap:.35rem}.spin-icon{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.qr-container{margin-top:1rem;padding:1rem;background:#fff;border-radius:14px;display:flex;flex-direction:column;align-items:center;color:#0b141a;text-align:center}.qr-instructions{font-size:.85rem;margin-bottom:.75rem;color:#111b21}.qr-img{width:220px;height:220px;border-radius:8px}.connected-panel{margin-top:.85rem;display:flex;flex-direction:column;gap:.85rem}.user-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.target-chat-selector,.target-phone-selector{display:flex;flex-direction:column;gap:.5rem}.phone-input-wrapper{display:flex;align-items:center;background:#1c262d;border:1px solid rgba(255,255,255,.15);border-radius:10px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.phone-input-wrapper:focus-within{border-color:var(--wa-green);box-shadow:0 0 0 2px #25d36633}.country-prefix{padding:.6rem .75rem;background:#ffffff0d;border-right:1px solid rgba(255,255,255,.1);font-weight:700;font-size:.85rem;color:var(--wa-green);white-space:nowrap;display:flex;align-items:center;gap:.3rem}.phone-field{flex:1;border:none!important;background:transparent!important;padding:.6rem .85rem;color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.03em;outline:none!important}.select-input-field{width:100%;padding:.6rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#1c262d;color:#fff;font-size:.85rem}.manual-jid-input{display:flex;gap:.5rem}.selected-target-tag{font-size:.75rem;color:var(--wa-green)}.selected-target-tag.target-valid{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--wa-green);background:#25d3661a;padding:.4rem .75rem;border-radius:8px;border:1px solid rgba(37,211,102,.2)}.selected-target-tag.target-invalid{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:#ffd166;background:#ffd1661a;padding:.4rem .75rem;border-radius:8px;border:1px solid rgba(255,209,102,.2)}.phone-hint-text{font-size:.75rem;color:var(--text-sub-dark)}.main-content{flex:1;padding:1.5rem 2rem}.editor-grid{display:grid;grid-template-columns:340px 1fr 360px;gap:1.5rem;align-items:start}@media (max-width: 1200px){.editor-grid{grid-template-columns:1fr}}.editor-sidebar-left,.editor-sidebar-right{display:flex;flex-direction:column;gap:1.25rem}.canvas-studio-wrapper{background:var(--wa-dark-card);border-radius:20px;padding:1.5rem;border:1px solid var(--wa-dark-border);display:flex;flex-direction:column;align-items:center}.studio-toolbar{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.studio-dimensions-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;color:var(--wa-green);background:#25d3661f;padding:.3rem .75rem;border-radius:8px}.studio-quick-actions{display:flex;gap:.5rem}.btn-studio-toggle{background:#ffffff0f;color:var(--text-main-dark);border:1px solid rgba(255,255,255,.1);padding:.35rem .7rem;border-radius:6px;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.btn-studio-toggle.active{background:var(--wa-green);color:#0b141a;border-color:var(--wa-green)}.canvas-container{position:relative;width:512px;height:512px;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px #0006;cursor:grab;-webkit-user-select:none;user-select:none}.bg-checkerboard{background-image:linear-gradient(45deg,#1c262d 25%,transparent 25%),linear-gradient(-45deg,#1c262d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1c262d 75%),linear-gradient(-45deg,transparent 75%,#1c262d 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0px;background-color:#111b21}.canvas-boundary-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border:2px dashed rgba(37,211,102,.5);border-radius:16px;pointer-events:none}.canvas-interaction-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#0b141ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:.35rem .85rem;border-radius:20px;font-size:.75rem;pointer-events:none;display:flex;align-items:center;gap:.4rem}.video-trimmer-card,.media-controls-panel,.whatsapp-preview-card{background:var(--wa-dark-card);border-radius:16px;padding:1.25rem;border:1px solid var(--wa-dark-border)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title{font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.badge-duration{background:#25d36626;color:var(--wa-green);font-size:.75rem;padding:.2rem .5rem;border-radius:6px;display:inline-flex;align-items:center;gap:.3rem}.video-preview-wrapper{position:relative;width:100%;height:180px;background:#000;border-radius:12px;overflow:hidden;margin-bottom:1rem}.video-element{width:100%;height:100%;object-fit:contain}.crop-overlay-box{position:absolute;border:2px solid var(--wa-green);box-shadow:0 0 0 9999px #00000080;cursor:move}.crop-box-label{position:absolute;top:-22px;left:0;background:var(--wa-green);color:#0b141a;font-size:.65rem;font-weight:800;padding:1px 6px;border-radius:3px}.trimmer-timeline-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;background:#ffffff08;padding:.75rem;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.timeline-playback-bar{display:flex;align-items:center;gap:.75rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.06)}.btn-play{width:34px;height:34px;border-radius:50%;background:var(--wa-green);color:#0b141a;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;border:none;transition:transform .15s ease,background-color .15s ease}.btn-play:hover{transform:scale(1.05);background:#20b85c}.timecode-display{font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:105px;text-align:center;flex-shrink:0;background:#ffffff0f;padding:.3rem .6rem;border-radius:6px;border:1px solid rgba(255,255,255,.08);letter-spacing:.02em}.timeline-duration-indicator{font-size:.75rem;color:var(--text-sub-dark);margin-left:auto;font-variant-numeric:tabular-nums}.timeline-duration-indicator strong{color:var(--wa-green);font-weight:700}.range-sliders-wrapper{display:flex;flex-direction:column;gap:.6rem}.slider-group{display:flex;flex-direction:column;gap:.25rem}.slider-header-row{display:flex;justify-content:space-between;align-items:center;min-height:18px}.slider-label-title{font-size:.76rem;font-weight:600;color:var(--text-main-dark);display:flex;align-items:center;white-space:nowrap}.max-dur-note{font-size:.7rem;font-weight:400;color:var(--text-sub-dark);margin-left:.35rem}.slider-value-badge{font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--wa-green);background:#25d3661f;padding:1px 6px;border-radius:4px;min-width:44px;text-align:center}.slider-control-row{display:flex;align-items:center;gap:.45rem}.btn-stepper{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;color:var(--text-main-dark);border:1px solid rgba(255,255,255,.12);border-radius:5px;cursor:pointer;flex-shrink:0;transition:all .15s ease;padding:0}.btn-stepper:hover:not(:disabled){background:#25d36640;border-color:var(--wa-green);color:var(--wa-green)}.btn-stepper:disabled{opacity:.25;cursor:not-allowed}.range-input{flex:1;width:100%;accent-color:var(--wa-green);cursor:pointer}.crop-presets-panel{display:flex;flex-direction:column;gap:.75rem}.preset-group{display:flex;flex-direction:column;gap:.4rem}.control-sublabel{font-size:.78rem;color:var(--text-sub-dark);display:flex;align-items:center;gap:.3rem}.native-fps-banner-row{display:flex;width:100%;margin-bottom:.35rem}.btn-native-fps{width:100%;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.45rem .75rem;font-weight:700;font-size:.8rem;border-radius:8px;background:#25d3661a;border:1px solid rgba(37,211,102,.3);color:var(--wa-green);transition:all .15s ease}.btn-native-fps.active{background:var(--wa-green);color:#0b141a;border-color:var(--wa-green);box-shadow:0 2px 10px #25d3664d}.badge-default-tag{font-size:.65rem;font-weight:800;background:#00000059;color:#fff;padding:1px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em}.btn-native-fps:not(.active) .badge-default-tag{background:#25d36633;color:var(--wa-green)}.preset-buttons{display:flex;gap:.4rem;flex-wrap:wrap}.btn-sm{padding:.3rem .65rem;font-size:.78rem;border-radius:6px;background:#ffffff0f;color:var(--text-main-dark);border:1px solid rgba(255,255,255,.1);cursor:pointer}.btn-sm.active{background:var(--wa-green);color:#0b141a;border-color:var(--wa-green)}.resolution-group{margin-top:.25rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.resolution-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.resolution-dim-hint{font-size:.72rem;opacity:.65;margin-left:.25rem}.resolution-benefit-badge{font-size:.72rem;padding:2px 8px;background:#25d36626;color:var(--wa-green);border-radius:12px;font-weight:600}.resolution-slider-wrapper{display:flex;flex-direction:column;gap:.5rem}.resolution-presets{margin-top:.1rem}.control-section{margin-bottom:1.25rem}.section-title{font-size:.88rem;font-weight:700;margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem;color:var(--wa-green)}.control-row{margin-bottom:.75rem}.slider-label-val{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.3rem}.control-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.shape-selector{display:flex;gap:.5rem;margin-bottom:.75rem}.btn-shape{flex:1;padding:.5rem;border-radius:8px;font-size:.78rem;font-weight:600;background:#ffffff0d;color:var(--text-main-dark);border:1px solid rgba(255,255,255,.1);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.3rem}.btn-shape.active{background:#25d36626;border-color:var(--wa-green);color:var(--wa-green)}.text-input-field{width:100%;padding:.6rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#0003;color:#fff;font-size:.9rem}.color-picker-row{display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.color-input{width:32px;height:32px;border:none;border-radius:50%;cursor:pointer}.send-notice-banner{background:#25d3662e;border:1px solid var(--wa-green);color:#fff;padding:.6rem .85rem;border-radius:10px;font-size:.82rem;margin-bottom:.85rem;display:flex;align-items:center;gap:.5rem}.theme-switcher{display:flex;gap:.25rem;background:#ffffff0f;padding:2px;border-radius:8px}.btn-theme-tab{padding:.25rem .6rem;font-size:.75rem;border-radius:6px;border:none;background:transparent;color:var(--text-sub-dark);cursor:pointer;display:flex;align-items:center;gap:.3rem}.btn-theme-tab.active{background:var(--wa-green);color:#0b141a;font-weight:700}.whatsapp-chat-box{border-radius:14px;overflow:hidden;margin-bottom:1.25rem;border:1px solid rgba(255,255,255,.1)}.whatsapp-chat-box.theme-dark{background:#0b141a}.whatsapp-chat-box.theme-light{background:#e5ddd5}.chat-header{background:#111b21;padding:.6rem .85rem;display:flex;align-items:center;gap:.6rem;border-bottom:1px solid rgba(255,255,255,.05)}.chat-name{font-size:.85rem;font-weight:700;display:block}.chat-status{font-size:.7rem;color:var(--text-sub-dark)}.chat-messages-container{padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-height:220px}.chat-bubble{max-width:80%;padding:.5rem .75rem;border-radius:8px;font-size:.82rem;position:relative}.theme-dark .chat-bubble.incoming{background:var(--wa-chat-bubble-in-dark);color:#fff}.message-time,.sticker-time{font-size:.65rem;color:#ffffff80;margin-left:.5rem}.chat-sticker-wrapper.outgoing{align-self:flex-end;display:flex;flex-direction:column;align-items:flex-end}.whatsapp-sticker-img{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.export-panel{display:flex;flex-direction:column;gap:1rem}.compliance-row{display:flex;justify-content:space-between;align-items:center}.size-value{font-size:.9rem}.text-success{color:var(--wa-green)}.text-warning{color:#ffb703}.status-ok{color:var(--wa-green);font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:.3rem}.status-warn{color:#ffb703;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:.3rem}.rendered-sticker-container{display:flex;flex-direction:column;align-items:center;gap:.35rem}.sticker-badge-tag{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:6px;display:inline-flex;align-items:center;gap:.25rem;font-variant-numeric:tabular-nums}.sticker-badge-tag.final-tag{background:#25d36633;color:var(--wa-green);border:1px solid rgba(37,211,102,.4)}.sticker-badge-tag.draft-tag{background:#ffffff14;color:var(--text-sub-dark)}.final-result-card{background:#25d36614;border:1px solid rgba(37,211,102,.25);border-radius:12px;padding:.75rem .9rem;margin-bottom:.85rem;display:flex;flex-direction:column;gap:.5rem}.final-card-header{display:flex;justify-content:space-between;align-items:center}.final-title{display:flex;align-items:center;gap:.4rem;font-size:.82rem}.badge-ready{font-size:.68rem;font-weight:800;color:#0b141a;background:var(--wa-green);padding:2px 7px;border-radius:10px}.final-badge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem}.spec-pill{background:#00000040;padding:.3rem .5rem;border-radius:6px;font-size:.72rem;display:flex;justify-content:space-between;align-items:center;font-variant-numeric:tabular-nums}.spec-label{color:var(--text-sub-dark)}.action-buttons-stack{display:flex;flex-direction:column;gap:.6rem}.btn-convert-final{width:100%;padding:.85rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.95rem;font-weight:800;border-radius:12px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 6px 20px #3b82f659;transition:all .2s ease}.btn-convert-final:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 26px #3b82f680;background:linear-gradient(135deg,#60a5fa,#3b82f6)}.btn-convert-final:disabled{opacity:.6;cursor:not-allowed}.btn-send-whatsapp{width:100%;padding:.85rem;background:linear-gradient(135deg,var(--wa-green),#1fad55);color:#0b141a;font-size:.95rem;font-weight:800;border-radius:12px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 6px 20px #25d36659;transition:all .2s ease}.btn-send-whatsapp:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 26px #25d36680}.secondary-buttons-row{display:flex;gap:.5rem}.btn-download-action,.btn-regenerate-action{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem;font-size:.78rem;border-radius:8px;background:#ffffff14;color:var(--text-main-dark);border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:all .15s ease}.btn-download-action:hover:not(:disabled),.btn-regenerate-action:hover:not(:disabled){background:#ffffff26;border-color:#ffffff40}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--wa-dark-card);border:1px solid var(--wa-dark-border);border-radius:20px;padding:1.75rem;max-width:500px;width:90%}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.btn-close-modal{background:transparent;border:none;color:var(--text-sub-dark);cursor:pointer}.specs-list{list-style:none;display:flex;flex-direction:column;gap:.85rem;font-size:.9rem}.specs-list li{display:flex;align-items:flex-start;gap:.6rem}.icon-success{color:var(--wa-green);flex-shrink:0;margin-top:2px}