body{background:0 0;margin:0;padding:0}.wrapper.s-548es3{box-sizing:border-box;border-radius:inherit;background:0 0;align-items:stretch;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.container.s-548es3{border-radius:inherit;box-sizing:border-box;background:#fff;flex-direction:column;align-items:stretch;width:100%;height:100%;display:flex;position:relative;overflow-y:auto;box-shadow:0 2px 16px #23272f0d}.header.s-548es3{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 1.5rem .75rem;display:flex}.titlebar.s-548es3{text-align:center;color:#9e9e9e;flex-shrink:0;width:100%;padding:.75rem 1rem;font-size:max(.7rem,min(2.5vw,.8rem));font-weight:500;position:relative}.header-icon.s-548es3{background:#eef2ff;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;padding:.75rem;display:flex}.header-icon.s-548es3 svg:where(.s-548es3){width:1.5rem;height:1.5rem}.header-title.s-548es3{color:#23272f;font-size:1.25rem;font-weight:600}.header-desc.s-548es3{color:#6b7280;margin-bottom:1.5rem;padding:0 1.5rem;font-size:max(.8rem,min(2.8vw,.93rem))}.section-title.s-548es3{color:#23272f;text-align:left;width:100%;margin-bottom:.75rem;padding:0 1.5rem;font-size:max(.8rem,min(2.8vw,.93rem));font-weight:600}.template-row.s-548es3{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:0 1.5rem;display:flex}.template-btn.s-548es3{color:#23272f;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.75rem;outline:none;flex-direction:column;flex:1;align-items:center;gap:.375rem;min-width:4.5rem;padding:.75rem 0;font-size:max(.8rem,min(2.8vw,.93rem));font-weight:500;transition:border .2s,background .2s;display:flex;box-shadow:0 1px 2px #23272f08}.template-btn.selected.s-548es3{color:#6366f1;background:#eef2ff;border:1px solid #6366f1}.input-label.s-548es3{color:#6b7280;margin-bottom:6px;padding:0 24px;font-size:1rem;font-weight:500}textarea.s-548es3{resize:none;color:#23272f;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.75rem;outline:none;width:calc(100% - 3rem);height:4rem;min-height:4rem;max-height:4rem;margin:0 1.5rem 2rem;padding:1rem;font-size:max(.8rem,min(2.8vw,.93rem));transition:border .2s;box-shadow:0 1px 2px #23272f08}textarea.s-548es3:focus{border:2px solid #6366f1}.qr-section.s-548es3{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:1.5rem;padding:0 1.5rem 2rem;display:flex}.qr-canvas.s-548es3{box-sizing:border-box;background:#fff;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:300px;height:300px;padding:1.5rem;display:flex;box-shadow:0 1px 3px #23272f0d}.download-btn.s-548es3{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:.75rem;width:300px;padding:1rem 2rem;font-size:max(.8rem,min(2.8vw,.93rem));font-weight:600;transition:background .2s}.download-btn.s-548es3:hover{background:#4f46e5}.wifi-form.s-548es3{flex-direction:column;gap:.75rem;width:calc(100% - 3rem);margin:0 1.5rem 1.5rem;display:flex}.wifi-input.s-548es3{color:#23272f;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.75rem;outline:none;width:100%;padding:1rem;font-size:max(.8rem,min(2.8vw,.93rem));transition:border .2s}.wifi-input.s-548es3:focus{border-color:#6366f1}select.wifi-input.s-548es3{cursor:pointer}.qr-placeholder.s-548es3{color:#9e9e9e;box-sizing:border-box;text-align:center;background:#f8fafc;border:1px dashed #e5e7eb;border-radius:.75rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:300px;height:300px;padding:1.5rem;font-size:max(.8rem,min(2.8vw,.93rem));display:flex}.qr-placeholder.s-548es3 svg:where(.s-548es3){opacity:.5;width:2.5rem;height:2.5rem;margin-bottom:1rem}