:root{--bg:#f8f6f2;--panel:#fff;--border:#e8e5df;--border2:#d1ceca;--textP:#1a1a1a;--textS:#5c5c5c;--inp:#fff;--shadow:#0000000f;--accent:#df5830}[data-theme=dark]{--bg:#1a1a1a;--panel:#242424;--border:#333;--border2:#404040;--textP:#e8e8e8;--textS:#a0a0a0;--inp:#1a1a1a;--shadow:#0000004d;--accent:#df5830}*,:before,:after{box-sizing:border-box;border-color:var(--border);margin:0;padding:0}html,body{background:var(--bg);min-height:100vh;color:var(--textP);font-family:Inter,-apple-system,sans-serif;transition:background .25s,color .25s}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.qi{background:var(--inp);border:1px solid var(--border);width:100%;color:var(--textP);border-radius:12px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .15s,background .25s}.qi:focus{border-width:1.5px;padding:9.5px 13.5px}.qi::placeholder{color:var(--textS);opacity:.6}textarea.qi{resize:vertical;border-radius:12px;line-height:1.6}select.qi{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.qr-range{appearance:none;background:var(--border);cursor:pointer;outline:none;width:100%;height:1px}.qr-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--bg);cursor:pointer;border:1.5px solid var(--border);border-radius:50%;width:18px;height:18px;transition:transform .12s}.qr-range::-webkit-slider-thumb:hover{transform:scale(1.18)}.qr-range::-moz-range-thumb{background:var(--bg);cursor:pointer;border:1.5px solid var(--border);border-radius:50%;width:18px;height:18px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes checkPop{0%{transform:scale(0)rotate(-15deg)}65%{transform:scale(1.3)rotate(5deg)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.slide-down{animation:.2s cubic-bezier(.16,1,.3,1) forwards slideDown}.check-pop{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards checkPop}.fade-in{animation:.18s forwards fadeIn}.btn-p{transition:transform .1s,opacity .1s}.btn-p:active{transform:scale(.97)!important}.hdr-btn{cursor:pointer;box-sizing:border-box;border-radius:10px;align-items:center;gap:5px;height:34px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.hdr-btn:active{transform:scale(.96)}.btn-glow-png{background:var(--accent);border:1px solid var(--accent);transition:all .2s;box-shadow:0 6px 20px #df583059;color:#fff!important}.btn-glow-png:hover{transform:translateY(-2px);box-shadow:0 8px 25px #df583080}.btn-glow-svg{background:#7c6af7;border:1px solid #7c6af7;transition:all .2s;box-shadow:0 6px 20px #7c6af759;color:#fff!important}.btn-glow-svg:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c6af780}.tip{position:relative}.tip-c{background:var(--textP);color:var(--bg);white-space:nowrap;pointer-events:none;opacity:0;z-index:300;border-radius:8px;padding:5px 10px;font-family:Space Mono,monospace;font-size:11px;font-weight:500;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tip-c:after{content:"";border:5px solid #0000;border-top-color:var(--textP);position:absolute;top:100%;left:50%;transform:translate(-50%)}.tip:hover .tip-c{opacity:1}.tog-t{cursor:pointer;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.tog-h{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;box-shadow:0 1px 3px #0003}.drag-on{border-color:var(--textP)!important;background:#0000000d!important}[data-theme=dark] .drag-on{background:#ffffff0d!important}.tab-bar{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{height:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:20px;transition:background .25s,border-color .25s}.dash-layout{align-items:stretch;gap:0;min-height:calc(100vh - 58px);display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:64px;height:calc(100vh - 58px);padding:12px 0;transition:background .25s,border-color .25s;display:flex;position:sticky;top:58px;overflow-y:auto}.sidebar::-webkit-scrollbar{width:0}.stab{cursor:pointer;width:48px;height:48px;color:var(--textS);background:0 0;border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:9px;font-weight:600;transition:all .15s;display:flex;position:relative}.stab:hover{background:var(--border);color:var(--textP)}.stab.active{background:var(--textP);color:var(--bg)}.stab.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.center-panel{flex:1;min-width:0;max-width:520px;max-height:calc(100vh - 58px);padding:20px;overflow-y:auto}.center-panel::-webkit-scrollbar{width:4px}.right-panel{flex-direction:column;flex:1;gap:14px;min-width:320px;height:calc(100vh - 58px);padding:20px;display:flex;position:sticky;top:58px;overflow-y:auto}.right-panel::-webkit-scrollbar{width:4px}.gauge-ring{transition:stroke-dashoffset .6s}.stat-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--textS);font-size:12px;font-weight:500}.stat-value{color:var(--textP);font-family:Space Mono,monospace;font-size:13px;font-weight:700}.health-bar{background:var(--border);border-radius:4px;width:100%;height:8px;overflow:hidden}.health-fill{border-radius:4px;height:100%;transition:width .4s,background .4s}.mobile-pip{z-index:200;background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:16px;padding:8px;display:none;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 32px #0000004d}@media (width<=900px){.dash-layout{flex-direction:column}.sidebar{z-index:90;border-right:none;border-bottom:1px solid var(--border);flex-direction:row;gap:6px;width:100%;height:auto;padding:8px 12px;position:sticky;top:58px;overflow-x:auto}.stab{border-radius:12px;flex-shrink:0;width:44px;height:44px;font-size:8px}.stab.active:before{display:none}.center-panel{max-width:100%;max-height:none;padding:16px}.right-panel{min-width:0;height:auto;padding:16px;position:static}.mobile-pip{display:block}}@media (width<=768px){.main-flex{flex-direction:column!important}.left-w{max-width:100%!important}.preview-sticky{position:static!important}}@media (width<=480px){.hdr-btn{height:32px;padding:6px 8px;font-size:11px}.hdr-btn .hdr-btn-label{display:none}.hdr-logo{font-size:9px!important}.upgrade-box{border-radius:18px;padding:16px 12px}.pricing-card{padding:14px 10px}.auth-box{border-radius:18px;padding:24px 18px}.center-panel,.right-panel{padding:12px}}input,textarea,select,button{font-family:Inter,-apple-system,sans-serif}.modal-overlay{z-index:500;background:#0000008c;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--panel);border:1px solid var(--border);width:90%;max-width:600px;max-height:85vh;box-shadow:0 24px 80px var(--shadow);border-radius:20px;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) slideDown;overflow-y:auto}.progress-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.warn-badge{border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;display:inline-flex}.warn-badge.ok{color:#16a34a;background:#22c55e1f}.warn-badge.warn{color:#ca8a04;background:#eab3081f}.warn-badge.bad{color:#dc2626;background:#ef44441f}.acc-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.acc-header:hover{opacity:.8}.chip{cursor:pointer;border:1px solid var(--border);color:var(--textP);background:0 0;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.chip.active{background:var(--textP);color:var(--bg);border-color:var(--textP)}.chip:hover:not(.active){background:var(--border)}.btn-sec{cursor:pointer;border:1px solid var(--border);color:var(--textP);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.btn-sec:hover{background:var(--textP);color:var(--bg)}.btn-glow-pdf{background:#059669;border:1px solid #059669;transition:all .2s;box-shadow:0 6px 20px #05966959;color:#fff!important}.btn-glow-pdf:hover{transform:translateY(-2px);box-shadow:0 8px 25px #05966980}.pro-lock{position:relative}.pro-lock-badge{z-index:10;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #f59e0b66}.pro-lock-badge svg{stroke:#fff;fill:none;stroke-width:2.5px;width:10px;height:10px}.pro-lock-inline{color:#f59e0b;align-items:center;gap:4px;display:inline-flex}.pro-lock-inline svg{stroke:#f59e0b;fill:none;stroke-width:2px;width:12px;height:12px}.pro-gated{opacity:.55;pointer-events:none;filter:grayscale(.3)}.upgrade-overlay{z-index:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.upgrade-box{background:var(--panel);border:1px solid var(--border);border-radius:24px;width:95%;max-width:900px;max-height:95vh;padding:24px 28px;animation:.3s cubic-bezier(.16,1,.3,1) slideDown;overflow:hidden auto;box-shadow:0 32px 100px #0006}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid}@media (width<=700px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--inp);border:2px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:16px 14px;transition:all .2s;display:flex;position:relative;overflow:hidden}.pricing-card:hover{box-shadow:0 12px 40px var(--shadow);transform:translateY(-4px)}.pricing-card.popular{border-color:var(--accent);background:linear-gradient(#df58300f,#0000)}.pricing-card.popular:before{content:"En Popu00FCler";background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:1px;padding:4px;font-size:10px;font-weight:700;position:absolute;top:0;left:0;right:0}.pricing-card .price{color:var(--textP);margin:6px 0 2px;font-family:Space Mono,monospace;font-size:26px;font-weight:800}.pricing-card .price-sub{color:var(--textS);margin-bottom:10px;font-size:11px}.pricing-card .plan-name{color:var(--textP);margin-top:6px;font-size:15px;font-weight:700}.pricing-card ul{text-align:left;width:100%;margin:0 0 12px;padding:0;list-style:none}.pricing-card ul li{color:var(--textS);align-items:flex-start;gap:6px;padding:3px 0;font-size:11px;line-height:1.35;display:flex}.pricing-card ul li svg{flex-shrink:0;margin-top:1px}.pricing-btn{border:2px solid var(--border);width:100%;color:var(--textP);cursor:pointer;background:0 0;border-radius:12px;margin-top:auto;padding:10px;font-size:13px;font-weight:700;transition:all .15s}.pricing-btn:hover{background:var(--textP);color:var(--bg)}.pricing-btn.accent{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 6px 20px #df58304d}.pricing-btn.accent:hover{transform:translateY(-1px);box-shadow:0 8px 28px #df583080}.pricing-card.premium{background:linear-gradient(135deg,#6366f114,#8b5cf60f,#0000);border-color:#6366f1;box-shadow:0 4px 24px #6366f11f}.pricing-card.premium:before{content:"⭐PREMIUM";color:#fff;text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:5px;font-size:10px;font-weight:700;position:absolute;top:0;left:0;right:0}.pricing-card.premium:hover{box-shadow:0 16px 48px #6366f133}.pricing-btn.premium-btn{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;box-shadow:0 6px 20px #6366f14d}.pricing-btn.premium-btn:hover{transform:translateY(-1px);box-shadow:0 8px 28px #6366f180}.auth-overlay{z-index:550;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.auth-box{background:var(--panel);border:1px solid var(--border);border-radius:24px;width:90%;max-width:420px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) slideDown;box-shadow:0 32px 100px #0006}.auth-input{border:1.5px solid var(--border);background:var(--inp);width:100%;color:var(--textP);border-radius:14px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .15s}.auth-input:focus{border-color:var(--accent)}.auth-input::placeholder{color:var(--textS);opacity:.6}.google-btn{border:1.5px solid var(--border);background:var(--inp);width:100%;color:var(--textP);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:flex}.google-btn:hover{background:var(--border);border-color:var(--border2)}.auth-submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:13px;font-family:inherit;font-size:14px;font-weight:700;transition:all .15s;box-shadow:0 4px 16px #df58304d}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 6px 24px #df583080}.auth-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.auth-divider{color:var(--textS);align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-error{color:#ef4444;background:#ef44441a;border-radius:12px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:12px;font-weight:500;display:flex}.user-avatar{cursor:pointer;border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;transition:all .15s;display:flex;overflow:hidden}.user-avatar:hover{border-color:var(--accent);box-shadow:0 0 0 3px #df583026}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-menu{background:var(--bg);border:1px solid var(--border2);z-index:450;box-shadow:0 16px 48px var(--shadow);border-radius:14px;min-width:200px;padding:8px;animation:.2s cubic-bezier(.16,1,.3,1) slideDown;position:absolute;top:calc(100% + 8px);right:0}.user-menu-item{width:100%;color:var(--textP);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .1s;display:flex}.user-menu-item:hover{background:var(--border)}.user-menu-item.danger{color:#ef4444}.user-menu-item.danger:hover{background:#ef444414}.pro-badge-sm{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:10px;padding:2px 8px;font-size:9px;font-weight:800}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes celebratePulse{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes shineMove{0%{background-position:-200%}to{background-position:200%}}.celebration-overlay{z-index:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.celebration-box{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:16px;width:90%;max-width:380px;padding:36px 32px 32px;animation:.4s cubic-bezier(.34,1.56,.64,1) celebratePulse;position:relative;box-shadow:0 24px 64px #00000040}.celebration-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.celebration-icon.designer{background:var(--accent)}.celebration-icon.agency{background:#8b5cf6}.pixel-check{grid-template-rows:repeat(7,3px);grid-template-columns:repeat(7,3px);gap:1px;display:grid}.pixel-check .p{background:#fff;border-radius:.5px}.pixel-check .e{background:0 0}.celebration-title{color:var(--textP);margin-bottom:6px;font-size:20px;font-weight:700}.agency-lock-badge{color:#fff;letter-spacing:.3px;z-index:2;background:#8b5cf6;border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:8px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.qr-loading-overlay{z-index:10;background:#ffffff4d;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}[data-theme=dark] .qr-loading-overlay{background:#0003}.qr-loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-p:active,.btn-sec:active,.chip:active,.pricing-btn:active{opacity:.85;transform:scale(.96)!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.qi:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #df583026}.btn-link{color:var(--textS);cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:12px;font-weight:500;transition:color .2s}.btn-link:hover{color:var(--accent);text-decoration:underline}.legal-overlay{z-index:650;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.legal-box{background:var(--panel);border:1px solid var(--border);border-radius:24px;width:90%;max-width:700px;max-height:85vh;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) slideDown;overflow-y:auto;box-shadow:0 32px 100px #0006}.legal-content h3{color:var(--textP);margin:0 0 16px;font-size:18px;font-weight:700}.legal-content h4{color:var(--textP);margin:20px 0 8px;font-size:14px;font-weight:600}.legal-content p{color:var(--textS);margin:0 0 12px;font-size:13px;line-height:1.6}.legal-content ul{margin:0 0 12px;padding-left:20px}.legal-content ul li{color:var(--textS);margin-bottom:4px;font-size:13px;line-height:1.6}.legal-content strong{color:var(--textP)}@media (width<=480px){.legal-box{border-radius:18px;max-height:90vh;padding:20px 16px}}