.wifi-workspace{width:min(1440px,100% - 44px);color:var(--foreground);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:24px;margin:0 auto 48px;font-size:16px;display:grid}.wifi-input-column,.wifi-preview-column{min-width:0}.wifi-editor{border:0;gap:18px;min-width:0;margin:0;padding:0;display:grid}.wifi-panel{border:1px solid var(--border);background:var(--card);border-radius:16px;min-width:0;padding:22px}.wifi-section-title{align-items:center;gap:10px;margin:0 0 20px;font-size:20px;font-weight:650;line-height:1.3;display:flex}.wifi-section-title>span:first-child{background:color-mix(in srgb, var(--primary) 12%, var(--card));width:30px;height:30px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;display:grid}.wifi-section-title-copy{overflow-wrap:anywhere;min-width:0}.wifi-workspace [data-slot=tabs-list]{flex-wrap:wrap;height:auto;margin-bottom:16px}.wifi-workspace [data-slot=tabs-trigger]{height:auto;min-height:42px;padding:9px 14px;font-size:14px}.wifi-fields{gap:16px;display:grid}.wifi-two{grid-template-columns:repeat(2,minmax(0,1fr))}.wifi-field{gap:7px;min-width:0;display:grid}.wifi-field>label{font-size:14px;font-weight:600;line-height:1.4}.wifi-field input:not([type=checkbox]):not([type=range]):not([type=color]),.wifi-field select{width:100%;height:44px;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:9px;padding:10px 12px;font-size:16px}.wifi-field [data-slot=native-select-wrapper]{width:100%}.wifi-field select{padding-right:32px}.wifi-field input::placeholder{color:var(--muted-foreground)}.wifi-field small,.wifi-hint{color:var(--muted-foreground);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.55}.wifi-hint{margin:12px 0}.wifi-password{display:flex;position:relative}.wifi-password input{padding-right:48px!important}.wifi-password button{width:42px;height:40px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:2px;right:2px}.wifi-checkbox{cursor:pointer;align-items:flex-start;gap:8px;font-size:14px;line-height:1.5;display:flex}.wifi-checkbox input{accent-color:var(--primary);flex-shrink:0;margin-top:4px}.wifi-error{overflow-wrap:anywhere;font-size:14px;line-height:1.5;color:#ef6262!important}html[data-theme=light] .wifi-error{color:#b42323!important}.wifi-workspace [data-slot=accordion-trigger]{padding:15px 0;font-size:16px}.wifi-workspace [data-slot=accordion-content]{padding:0 0 16px;height:auto!important}.wifi-visual-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:16px;display:grid}.wifi-visual-options button,.wifi-logo-presets button{background:var(--background);color:var(--foreground);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;padding:12px 5px;font-size:14px;display:flex}.wifi-visual-options svg{width:40px;height:40px}.wifi-visual-options button[aria-pressed=true],.wifi-logo-presets button[aria-pressed=true],.wifi-csv-list .is-selected{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--background))}.wifi-palette{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.wifi-palette button{border:1px solid var(--border);background:var(--background);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px;font-size:14px;display:flex}.wifi-palette button span{border-radius:50%;width:16px;height:16px}.wifi-color{align-items:center;gap:10px;display:flex}.wifi-color input{border:1px solid var(--border);background:var(--background);cursor:pointer;border-radius:6px;width:44px;height:40px;padding:3px}.wifi-color span{font-size:14px}.wifi-logo-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.wifi-logo-presets img{object-fit:contain;max-width:100%;height:24px}.wifi-logo-upload{border:1px dashed var(--border);border-radius:10px;margin:16px 0;padding:16px}.wifi-logo-upload button{white-space:normal;width:100%;height:auto;min-height:42px}.wifi-csv-upload{flex-wrap:wrap;gap:10px;display:flex}.wifi-file-button{border:1px solid var(--border);background:var(--background);cursor:pointer;border-radius:8px;align-items:center;gap:7px;min-height:42px;padding:9px 12px;font-size:14px;display:flex;position:relative}.wifi-file-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.wifi-file-button:focus-within{outline:2px solid var(--primary);outline-offset:2px}.wifi-csv-errors{border:1px solid #ef626266;border-radius:8px;margin:14px 0;padding:12px;font-size:14px}.wifi-csv-errors ul{max-height:220px;margin:8px 0 0;padding-left:20px;overflow:auto}.wifi-csv-list{gap:6px;max-height:250px;margin-top:16px;display:grid;overflow:auto}.wifi-csv-list button{border:1px solid var(--border);background:var(--background);text-align:left;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:14px;display:flex}.wifi-csv-list span{overflow-wrap:anywhere;min-width:0}.wifi-a4-options{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.wifi-preview-column{position:sticky;top:96px}.wifi-preview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.wifi-preview-heading h2{margin:0;font-size:20px;font-weight:650;line-height:1.3}.wifi-artwork{background:var(--muted);border:1px solid var(--border);border-radius:12px;place-items:center;min-height:280px;padding:18px;display:grid}.wifi-artwork img{width:100%;max-width:440px;height:auto;display:block}.wifi-empty{text-align:center;color:var(--muted-foreground);justify-items:center;gap:14px;padding:24px 8px;display:grid}.wifi-empty strong{color:var(--foreground);font-size:16px}.wifi-empty p{margin:0;font-size:16px;line-height:1.5}.wifi-check{align-items:center;gap:6px;min-height:24px;margin-top:14px;font-size:14px;display:flex}.wifi-check>svg{color:var(--primary);flex-shrink:0}.wifi-contrast-warning{color:#a16207;align-items:flex-start;gap:7px;margin-top:6px;font-size:14px;line-height:1.4;display:flex}.wifi-contrast-warning svg{color:#eab308;flex:none;margin-top:1px}html[data-theme=dark] .wifi-contrast-warning{color:#fde68a}.wifi-pagination{align-items:center;gap:8px;font-size:14px;display:flex}.wifi-pagination button{background:var(--background);border:1px solid var(--border);cursor:pointer;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.wifi-pagination button:disabled{opacity:.4;cursor:default}.wifi-export{border-top:1px solid var(--border);gap:12px;margin-top:16px;padding-top:16px;display:grid}.wifi-export [data-slot=button]{white-space:normal;height:auto;min-height:44px;font-size:14px}.wifi-export-message{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}.wifi-workspace button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.wifi-workspace input[type=checkbox]:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (max-width:1000px){.wifi-workspace{grid-template-columns:minmax(0,1fr);max-width:760px}.wifi-preview-column{position:static}}@media (max-width:560px){.wifi-workspace{gap:18px;width:calc(100% - 30px)}.wifi-panel{padding:16px}.wifi-two{grid-template-columns:minmax(0,1fr)}.wifi-logo-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.wifi-artwork{min-height:240px;padding:12px}}@media (prefers-reduced-motion:reduce){.wifi-workspace *{transition:none!important;animation:none!important}}.wifi-workspace{--workspace-height:max(580px, calc(100dvh - 300px));grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.wifi-editor{height:100%;display:block}.wifi-input-column,.wifi-preview-column{height:var(--workspace-height)}.wifi-preview-column{position:static}.wifi-editor>.wifi-panel,.wifi-preview-panel{flex-direction:column;height:100%;display:flex}.wifi-editor>.wifi-panel>[data-slot=tabs]{flex:1;min-height:0;overflow:auto}.wifi-design-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.wifi-design-heading button,.wifi-preview-heading button{white-space:normal;height:auto;min-height:32px}.wifi-design-tabs>[data-slot=tabs-list]{flex-shrink:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;width:100%;display:grid}.wifi-design-tabs>[data-slot=tabs-list] [data-slot=tabs-trigger]{white-space:normal;text-align:center;padding:9px 4px;font-size:14px;line-height:1.3}.wifi-design-tabs{flex-direction:column;display:flex}.wifi-design-tabs>[data-slot=tabs-content]{min-height:0;overflow:auto}.wifi-artwork{flex:1;min-height:0;position:relative;overflow:hidden}.wifi-artwork img{object-fit:contain;width:calc(100% - 36px);max-width:none;height:calc(100% - 36px);max-height:none;position:absolute;inset:18px}.wifi-artwork.is-a4 img{max-width:none;box-shadow:none}.wifi-empty{padding:16px 8px}.wifi-next{justify-content:flex-end;margin-top:auto;padding-top:16px;display:flex}.wifi-next button{min-width:140px;height:44px;font-size:14px}.wifi-export{gap:8px;margin-top:8px;padding-top:12px}.wifi-preview-panel>.wifi-hint{margin:6px 0}.wifi-check{margin-top:9px}.wifi-preview-heading{gap:8px}.wifi-stage{animation:.24s ease-out wifi-slide-in}.wifi-slide-forward{--slide-from:22px}.wifi-slide-back{--slide-from:-22px}@keyframes wifi-slide-in{0%{transform:translateX(var(--slide-from));opacity:.55}to{opacity:1;transform:translate(0)}}@media (max-width:1000px){.wifi-workspace{grid-template-columns:minmax(0,1fr)}.wifi-input-column,.wifi-preview-column{height:auto;min-height:0}.wifi-editor>.wifi-panel{min-height:480px}.wifi-preview-panel{min-height:560px}.wifi-artwork{min-height:240px}.wifi-artwork img,.wifi-design-tabs>[data-slot=tabs-content]{max-height:none}}@media (prefers-reduced-motion:reduce){.wifi-stage{animation:none}}.wifi-workspace .wifi-field input:not([type=checkbox]):not([type=range]):not([type=color]):focus,.wifi-workspace .wifi-field select:focus{border-color:var(--primary);box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 20%, transparent);outline:none}.wifi-next-button{min-width:90px;padding-inline:12px}@media (max-width:767px){.qr-app-shell .wifi-design-heading:has(>.wifi-next-button){flex-wrap:nowrap;grid-template-columns:minmax(0,1fr) fit-content(45%);align-items:start;display:grid}.qr-app-shell .wifi-design-heading:has(>.wifi-next-button)>.wifi-section-title{grid-template-columns:30px minmax(0,1fr);align-items:center;min-width:0;display:grid}.qr-app-shell .wifi-design-heading:has(>.wifi-next-button)>.wifi-next-button{place-self:start end;min-width:min-content;max-width:100%}}.wifi-workspace .wifi-back-button{color:var(--muted-foreground);background:var(--background);border-color:var(--border)}.wifi-workspace .wifi-back-button:hover{color:var(--foreground);background:var(--muted)}.wifi-artwork.is-transparent{background:conic-gradient(#e5e9ec 25%, #fff 0 50%, #e5e9ec 0 75%, #fff 0) 0 0 / 20px 20px}