:root{--bg-main:#05050a;--bg-card:#080a12d9;--bg-input:#0a0c16;--border-color:#00d4ff1a;--border-focus:#00d4ff80;--primary:#00d4ff;--primary-hover:#3df;--primary-glow:#00d4ff33;--primary-dark:#05050a;--secondary:#0f8;--secondary-glow:#00ff8826;--success:#0f8;--success-glow:#00ff8826;--error:#f46;--gold:#0f8;--text-main:#eef2f7;--text-muted:#5a7080;--font-family:"Inter", "Outfit", system-ui, sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--brand-gradient:linear-gradient(135deg, #00d4ff, #0f8)}body.light-theme{--bg-main:#f1f5f9;--bg-card:#ffffffe6;--bg-input:#fff;--border-color:#00000014;--border-focus:#0284c780;--primary:#0284c7;--primary-hover:#0369a1;--primary-glow:#0284c714;--primary-dark:#fff;--secondary:#10b981;--secondary-glow:#10b9811a;--success:#10b981;--success-glow:#10b9811a;--error:#ef4444;--gold:#f59e0b;--text-main:#0f172a;--text-muted:#64748b;--brand-gradient:linear-gradient(135deg, #0284c7, #10b981);background-image:radial-gradient(circle at 10% 20%,#0284c70a 0%,#0000 45%),radial-gradient(circle at 90% 80%,#10b98108 0%,#0000 45%)}body.light-theme .app-card{box-shadow:0 15px 35px #0f172a14}body.light-theme .status-bar{background:#00000005}body.light-theme .tab-btn:hover{background:#00000008}body.light-theme .settings-box{background:#00000003}body.light-theme .dropzone-container{background:#00000003;border-color:#0000001f}body.light-theme .dropzone-container:hover,body.light-theme .dropzone-container.dragover{background:#0284c705;box-shadow:0 0 20px #0284c70f}body.light-theme .btn-logout[title=Alternar\ Tema]:hover{color:var(--primary);background:var(--primary-glow)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family);background-image:radial-gradient(circle at 10% 20%,#00d4ff0d 0%,#0000 45%),radial-gradient(circle at 90% 80%,#00ff880a 0%,#0000 45%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;line-height:1.5;display:flex;overflow-x:hidden}#root{flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex}.loading-screen{flex-direction:column;align-items:center;gap:20px;display:flex}.spinner-large{border:4px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-wrapper{width:100%;max-width:440px;margin:auto;padding:20px;animation:.6s ease-out fadeIn}.auth-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px 32px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.auth-card:before{content:"";background:var(--brand-gradient);width:100%;height:3px;position:absolute;top:0;left:0}.auth-header{text-align:center;margin-bottom:32px}.logo-glow{background:#00d4ff14;border:1px solid #00d4ff26;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;display:flex;box-shadow:0 0 24px #00d4ff33}.icon-orange,.icon-cyan,.text-orange,.text-cyan{color:var(--primary)}.auth-header h2{letter-spacing:-.5px;margin-bottom:8px;font-size:26px;font-weight:700}.auth-header p{color:var(--text-muted);font-size:14px}.auth-form{flex-direction:column;gap:20px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-main);letter-spacing:.5px;font-size:13px;font-weight:600}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.input-with-icon input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);font-family:var(--font-family);transition:var(--transition);padding:14px 14px 14px 44px;font-size:14px}.input-with-icon input:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow);background:#17171ecc;outline:none}.forgot-password{justify-content:flex-end;display:flex}.forgot-password span{color:var(--primary);cursor:pointer;transition:var(--transition);font-size:12px;font-weight:600}.forgot-password span:hover{color:var(--primary-hover);text-decoration:underline}.btn-auth{background:var(--brand-gradient);border-radius:var(--radius-md);color:#05050a;width:100%;font-family:var(--font-family);cursor:pointer;transition:var(--transition);letter-spacing:-.2px;border:none;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:15px;font-weight:800;display:flex;box-shadow:0 4px 20px #00d4ff40}.btn-auth:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff66}.btn-auth:active{transform:translateY(0)}.btn-auth:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer{text-align:center;color:var(--text-muted);margin-top:24px;font-size:14px}.auth-footer span{color:var(--primary);cursor:pointer;transition:var(--transition);font-weight:600}.auth-footer span:hover{color:var(--primary-hover);text-decoration:underline}.alert{border-radius:var(--radius-sm);margin-bottom:8px;padding:12px 16px;font-size:13px;line-height:1.4}.alert-error{color:var(--error);background:#ff33661a;border:1px solid #f363}.alert-success{color:var(--success);background:#00e6761a;border:1px solid #00e67633}.app-layout{width:100%;max-width:1200px;padding:20px;animation:.6s ease-out fadeIn}.app-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:24px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand h2{font-size:20px;font-weight:700}.user-profile-bar{border:1px solid var(--border-color);background:#ffffff08;border-radius:50px;align-items:center;gap:12px;padding:6px 14px;display:flex}.user-email{color:var(--text-muted);font-size:13px}.plan-badge{border-radius:50px;padding:2px 8px;font-size:11px;font-weight:700}.plan-badge.free{color:var(--text-muted);background:#ffffff14}.plan-badge.pro{background:var(--brand-gradient);color:#05050a}.btn-logout{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.btn-logout:hover{color:var(--error);background:#ff33661a}.icon-gold{color:var(--secondary);filter:drop-shadow(0 0 5px #00ff8880)}.app-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:32px;padding:32px;box-shadow:0 15px 30px #0000004d}.status-bar{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff05;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 18px;display:flex}.status-left{align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.status-dot{background:var(--success);width:10px;height:10px;box-shadow:0 0 10px var(--success);border-radius:50%}.status-dot.blocked{background:var(--error);box-shadow:0 0 10px var(--error)}.pro-badge-btn{background:var(--brand-gradient);color:#05050a;font-family:var(--font-family);cursor:pointer;transition:var(--transition);border:none;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:800;box-shadow:0 2px 12px #00d4ff40}.pro-badge-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #00d4ff66}.tabs{border-bottom:1px solid var(--border-color);gap:12px;margin-bottom:24px;padding-bottom:12px;display:flex}.tab-btn{color:var(--text-muted);font-family:var(--font-family);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.tab-btn:hover{color:var(--text-main);background:#ffffff08}.tab-btn.active{color:var(--primary);background:var(--primary-glow);border:1px solid var(--border-focus)}.tab-content-wrapper{margin-bottom:24px}.dropzone-container{border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition);background:#ffffff03;border:2px dashed #ffffff26;padding:40px 20px}.dropzone-container:hover,.dropzone-container.dragover{border-color:var(--primary);background:#00d4ff05;box-shadow:0 0 20px #00d4ff0f}.dropzone-icon{margin-bottom:16px}.dropzone-container h3{margin-bottom:6px;font-size:16px;font-weight:600}.dropzone-container p{color:var(--text-muted);font-size:13px}.textarea-container textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;height:160px;color:var(--text-main);resize:vertical;transition:var(--transition);padding:16px;font-family:monospace;font-size:13px}.textarea-container textarea:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow);outline:none}.settings-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px;display:grid}@media (width<=900px){.settings-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.settings-grid{grid-template-columns:1fr}}.settings-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff03;padding:20px}.settings-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.settings-header h4{letter-spacing:.5px;font-size:14px;font-weight:700}.settings-desc{color:var(--text-muted);margin-bottom:12px;font-size:12px}.settings-box select,.settings-box input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-main);font-family:var(--font-family);transition:var(--transition);padding:10px 14px;font-size:13px}.settings-box select:focus,.settings-box input:focus{border-color:var(--primary);outline:none}.custom-dims-row{gap:10px;margin-top:10px;display:flex}.action-container{border-top:1px solid var(--border-color);flex-direction:column;align-items:center;gap:12px;padding-top:24px;display:flex}.btn-main{border-radius:var(--radius-md);width:100%;font-family:var(--font-family);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:700;display:flex}.btn-convert{color:#000;background:#fff;border:none}.btn-convert:hover{background:#eee;transform:translateY(-1px)}.btn-convert:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-download{background:var(--success);color:#000;box-shadow:0 4px 15px var(--success-glow);border:none}.btn-download:hover{box-shadow:0 6px 20px var(--success-glow);background:#00c853;transform:translateY(-2px)}.btn-download:disabled{opacity:.5;cursor:not-allowed;transform:none}.spin{animation:1s linear infinite spin}.preview-section{width:100%}.preview-section h2{text-align:center;margin-bottom:16px;font-size:18px;font-weight:700}.preview-area{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;width:100%;display:grid}.preview-area .card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);flex-direction:column;align-items:center;padding:10px;display:flex}.preview-area .card:hover{border-color:#00d4ff33;transform:translateY(-2px);box-shadow:0 4px 16px #00d4ff0f}.preview-area .card img{background:#fff;border-radius:6px;width:100%;height:auto;margin-bottom:8px}.preview-area .card .label{color:var(--text-muted);font-size:12px;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.4s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{border-radius:var(--radius-lg);text-align:center;background:#080a12;border:1px solid #00d4ff26;width:100%;max-width:500px;padding:32px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;box-shadow:0 10px 40px #00d4ff14}.modal-content h2{margin-bottom:12px;font-size:22px;font-weight:700}.modal-content p{color:var(--text-muted);margin-bottom:20px;font-size:14px}.timer-display{color:var(--primary);letter-spacing:2px;text-shadow:0 0 20px #00d4ff66;margin-bottom:24px;font-family:monospace;font-size:48px;font-weight:700}.pro-ad{border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;background:#ffffff05;padding:20px}.pro-ad iframe{border-radius:var(--radius-sm);border:none;width:100%;height:200px;margin-bottom:15px}.social-btn{color:#fff;transition:var(--transition);border-radius:50px;align-items:center;padding:8px 16px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.social-btn:hover{transform:translateY(-2px)}.wa-btn{background:#25d366}.ig-btn{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.yt-btn{background:red}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=768px){#root{padding:10px}.app-layout{padding:0}.app-card{padding:20px 15px}.status-bar{flex-direction:column;align-items:flex-start;gap:12px}.app-header{flex-direction:column;align-items:center;gap:16px}.tabs{flex-wrap:wrap;justify-content:center}.tab-btn{flex:calc(50% - 12px);justify-content:center;padding:10px 8px;font-size:13px}.custom-dims-row{flex-direction:column;align-items:stretch;gap:10px}.action-container{flex-direction:column}.btn-main{width:100%}.settings-box{padding:15px}}.logo-overlay-wrap{position:relative;overflow:visible!important}.logo-draggable{z-index:100;box-sizing:border-box;position:absolute}.logo-draggable img{object-fit:contain;width:100%;height:100%;display:block}.logo-draggable:hover{outline-offset:2px;outline:1.5px dashed #00d4ff99}.logo-draggable.selected{outline:2px solid var(--primary);outline-offset:2px}.logo-resize-handle{background:var(--primary);opacity:0;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;transition:opacity .2s;position:absolute}.logo-draggable:hover .logo-resize-handle,.logo-draggable.selected .logo-resize-handle{opacity:1}.logo-resize-handle.nw{cursor:nw-resize;top:-4px;left:-4px}.logo-resize-handle.ne{cursor:ne-resize;top:-4px;right:-4px}.logo-resize-handle.sw{cursor:sw-resize;bottom:-4px;left:-4px}.logo-resize-handle.se{cursor:se-resize;bottom:-4px;right:-4px}@media (width>=600px){.preview-area .card.has-logo-edit{border-color:var(--primary);grid-area:span 2/span 2;box-shadow:0 10px 30px #00d4ff1a;background:var(--primary-glow)!important}}body.light-theme .bg-white\/5{background-color:#0000000a}body.light-theme .hover\:bg-white\/2:hover{background-color:#00000005}body.light-theme .border-white\/2{border-color:#0000000a}body.light-theme .border-white\/5{border-color:#00000014}body.light-theme .text-slate-300{color:#334155}body.light-theme .text-slate-400{color:#475569}body.light-theme .text-slate-600{color:#64748b}body.light-theme .hover\:text-white:hover{color:#0f172a}body.light-theme .bg-\[\#05050A\]{background-color:#fff}