:root{font-family:Segoe UI,system-ui,sans-serif;color:#111827;background:#f6f7f8}*{box-sizing:border-box}body{margin:0;overflow:hidden}html{height:100%;overflow:hidden}.splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#213502;color:#fff;gap:36px;position:relative}.splash img{width:180px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f6f7f8;position:relative}.login-card{width:min(440px,90vw);background:#fff;padding:32px;border-radius:16px;box-shadow:0 12px 32px #0000001f;display:flex;flex-direction:column;gap:16px;text-align:center}.login-card img{width:120px;margin:0 auto}.login-card form{display:grid;gap:12px;text-align:left}.login-card input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;margin-top:6px}.login-card button{padding:10px 12px;background:#213502;color:#fff;border:none;border-radius:8px;cursor:pointer}.error{color:#dc2626;margin:0}.app{min-height:100vh;display:grid;grid-template-columns:1fr minmax(360px,440px);background:#213502;position:relative}.xfuego-mark{position:absolute;top:16px;left:16px;width:56px;height:auto;pointer-events:none;z-index:3}.splash-mark{position:static;width:160px}.login-mark{top:20px;left:20px}.app-mark{top:12px;left:12px}@media (max-width: 1200px){.app{grid-template-columns:1fr minmax(320px,380px)}}@media (max-width: 980px){.app{grid-template-columns:1fr;grid-template-rows:auto auto}.controls{height:auto;max-height:55vh}.preview{padding-bottom:12px}.preview-sheet{height:70vh}}@media (max-width: 720px){.controls{max-height:none}.controls section.section-grid{grid-template-columns:1fr;column-gap:16px}.preview-sheet{height:62vh;width:96vw}.flyer-header{padding:0 3%}.flyer-grid{padding:2% 3% 0}.flyer-icons{margin:2% 3% 0;font-size:clamp(8px,1.2vh,11px)}.flyer-details{padding:2% 3% 0}}@media (max-width: 520px){.preview-sheet{height:58vh}.flyer-logo{height:45%}.flyer-title{font-size:clamp(12px,2vh,18px)}}.top-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:transparent;opacity:0;pointer-events:none;z-index:9999}.top-progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#22c55e,#16a34a,#22c55e);transform:translate(-100%)}.top-progress.active{opacity:1}.top-progress.active:after{animation:progress-sweep 1.1s ease-in-out infinite}@keyframes progress-sweep{0%{transform:translate(-100%)}50%{transform:translate(-30%)}to{transform:translate(100%)}}.controls{background:#c9e0cb;padding:20px;height:100vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:16px}.controls h2{margin:0}.controls section{background:#fff;padding:12px;border-radius:12px;display:grid;gap:10px;box-shadow:0 8px 20px #11182714;border:1px solid rgba(17,24,39,.06)}.controls section.section-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:80px;row-gap:18px}.controls section h3{grid-column:1 / -1;margin:0 0 6px;font-size:18px;font-weight:700;text-align:center;color:#1f2937}.controls .field{display:grid;gap:6px}.field-meta{font-size:12px;color:#6b7280;text-align:right}.controls .field.full{grid-column:1 / -1}.field-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#1f2937}.color-field{display:flex;align-items:center;gap:10px;padding:4px 6px;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb;max-width:120px}.palette{font-size:14px}.color-field input[type=color]{width:18px;height:18px;padding:0;border:none;background:transparent}.color-value{font-size:12px;color:#6b7280;text-transform:uppercase;min-width:40px}.controls .number{width:90px;text-align:center;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.controls .number::-webkit-inner-spin-button,.controls .number::-webkit-outer-spin-button{opacity:1;height:auto}.controls input,.controls textarea,.controls select{padding:8px 10px;border-radius:8px;border:1px solid #d1d5db;font:inherit;width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.controls textarea{resize:vertical}.toggle{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8faf9;border:1px solid #e5e7eb;padding:8px 10px;border-radius:12px;font-size:14px}.toggle input{display:none}.toggle .slider{position:relative;width:44px;height:24px;background:#e5e7eb;border-radius:999px;transition:background .2s ease}.toggle .slider:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#111827;border-radius:50%;transition:transform .2s ease,background .2s ease}.toggle input:checked+.slider{background:#4f8f62}.toggle input:checked+.slider:after{transform:translate(20px);background:#fff}.file-field{display:grid;gap:6px}.file-control{position:relative;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:5px;border:1px dashed #9ca3af;background:#f9fafb;font-size:13px;min-width:0;overflow:hidden}.file-control input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;z-index:1}.file-button{width:24px;height:24px;border-radius:8px;background:#213502;color:#fff;display:grid;place-items:center;font-weight:700;position:relative;z-index:1}.file-name{color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;position:relative;z-index:1}.file-progress{font-size:12px;font-weight:600;color:#16a34a;background:#dcfce7;padding:2px 6px;border-radius:999px;flex:0 0 auto;position:relative;z-index:2}.file-progress.processing{color:#0f766e;background:#ccfbf1;font-size:11px}.file-clear{border:none;background:#e5e7eb;color:#111827;width:20px;height:20px;border-radius:999px;font-size:14px;line-height:20px;display:grid;place-items:center;cursor:pointer;flex:0 0 auto;opacity:.8;position:relative;z-index:2}.file-clear:hover{opacity:1;background:#d1d5db}.controls .actions{display:grid;gap:10px}.controls .primary,.controls .secondary,.controls .ghost{background:#213502;color:#fff;border:none;border-radius:10px;padding:12px 16px;font-weight:600;cursor:pointer}.controls .secondary{background:#4f8f62}.controls .ghost{background:transparent;color:#213502;border:1px solid #213502}.preview{display:flex;align-items:flex-start;justify-content:center;padding:1px 0 0;background:#213502;overflow:hidden}.preview-card{width:100%;height:100vh;background:#213502;padding:0;border-radius:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden}.preview-card h2{color:#fff}.preview-frame{width:100%;height:100%;border:none;margin-top:0;border-radius:0;box-shadow:none;display:block;object-fit:contain}.preview-sheet{height:92vh;width:auto;max-width:99%;aspect-ratio:1 / 1.4142;background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 18px 36px #00000038}.flyer{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;font-family:Segoe UI,system-ui,sans-serif;position:relative;--content-left: calc(7.6% + 80px) ;--content-right: 4.8%}.flyer-header{height:6.7%;display:flex;align-items:center;justify-content:space-between;padding:0 4.8%;color:#fff}.flyer-title{font-size:clamp(14px,2.2vh,22px);font-weight:700;letter-spacing:.5px}.flyer-logo{height:55%;object-fit:contain}.flyer-subheader{height:4.1%;background:#c9e0cb;display:flex;align-items:center;justify-content:space-between;padding:0 4.8%;font-weight:700;font-size:clamp(10px,1.5vh,14px)}.flyer-grid{position:relative;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1.8%;padding:2% 4.8% 0;flex:0 0 37%}.flyer-cell{background:#f1f1f1;border-radius:4px;overflow:hidden}.flyer-cell img{width:100%;height:100%;object-fit:cover}.flyer-band{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:9%;background:#ffb3b399;display:flex;align-items:center;justify-content:center;font-size:clamp(16px,2.5vh,30px);font-weight:700}.flyer-icons{margin:.8% 4.8% 0;border:1px solid #111;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:1.5% 0;font-size:clamp(9px,1.3vh,12px)}.flyer-icon{display:flex;align-items:center;justify-content:center;gap:6px}.flyer-icon .flag{font-weight:700}.flyer-icon .flag.yes{color:#16a34a}.flyer-icon .flag.no{color:#dc2626}.flyer-icon img{height:16px;width:auto}.flyer-details{display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto auto auto auto;gap:2% 2.8%;padding:2.2% 4.8% 0;align-items:start}.flyer-qr{width:80px;height:80px;background:#f1f1f1;border-radius:4px;overflow:hidden}.flyer-qr img{width:100%;height:100%;object-fit:cover}.flyer-desc-text{grid-column:2;grid-row:1 / 4;margin:0;padding-right:0;font-size:clamp(10px,1.2vh,12px);line-height:1.25;white-space:normal;word-break:break-word;text-align:left}.flyer-desc-text.long{font-size:clamp(9px,1.05vh,11px);line-height:1.2}.flyer-energy{position:absolute;left:4.8%;bottom:calc(9.6% + 2px);width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 1px 10px}.energy-box{position:relative;width:100%;aspect-ratio:1 / 1}.energy-box img{width:100%;height:100%;object-fit:contain}.flyer-price-label{position:absolute;left:4.8%;bottom:9.6%;width:80px;text-align:center;font-size:clamp(10px,1.2vh,12px);color:#3fa63f;font-weight:700;margin:0}.energy-arrow{position:absolute;right:-8px;width:16px;height:2px;background:#e11d48}.energy-arrow:after{content:"";position:absolute;left:-2px;top:-3px;border-right:6px solid #e11d48;border-top:4px solid transparent;border-bottom:4px solid transparent}.flyer-price{position:absolute;right:4.8%;bottom:8.1%;text-align:right;font-size:clamp(32px,6.4vh,68px);font-weight:700;margin:0;padding:0}.flyer-desc2{position:absolute;left:var(--content-left);right:var(--content-right);bottom:3.5%;height:6.1%;margin:0;padding:0;font-size:clamp(10px,1.2vh,12px);line-height:1.25;white-space:normal;word-break:break-word;text-align:left}.preview-logo{width:200px;margin-top:16px}@media (max-width: 960px){.app{grid-template-columns:1fr}.preview{display:none}}