.qr-maker{grid-template-columns:minmax(0,1.1fr) minmax(0,390px);align-items:start;gap:24px;display:grid}.qr-maker-form-panel,.qr-maker-preview{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:14px;padding:24px;transition:border-color .15s,box-shadow .15s}.qr-maker-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.qr-maker-heading h2{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:600}.privacy-badge{background:var(--surface-soft);border:1px solid var(--line);color:var(--ink-secondary);border-radius:9999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:500;display:inline-flex}.field-row-split{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=600px){.field-row-split{grid-template-columns:1fr}}.field{gap:6px;margin-bottom:16px;display:grid}.field label{color:var(--ink);font-size:13px;font-weight:500}.field-hint{color:var(--mute);font-size:12px;line-height:16px}.input-with-icon,.select-with-icon{align-items:center;width:100%;display:flex;position:relative}.field-icon{color:var(--mute);pointer-events:none;z-index:1;position:absolute;left:12px}.input-with-icon input,.select-with-icon select{border:1px solid var(--line-strong);background:var(--surface);width:100%;height:42px;color:var(--ink);font:inherit;border-radius:8px;padding:8px 12px 8px 36px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input-with-icon input:focus,.select-with-icon select:focus{border-color:var(--focus);outline:none;box-shadow:0 0 0 3px #0070f326}.password-input-wrap input{padding-right:40px}.password-toggle-btn{width:28px;height:28px;color:var(--mute);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--ink);background:var(--surface-soft)}.password-toggle-btn:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.toggle-control{border:1px solid var(--line);background:var(--surface-soft);cursor:pointer;user-select:none;border-radius:10px;align-items:flex-start;gap:12px;margin:18px 0;padding:12px 14px;transition:border-color .15s,background-color .15s;display:flex}.toggle-control:hover{border-color:var(--line-strong)}.toggle-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.toggle-switch{background-color:#d1d5db;border-radius:9999px;flex-shrink:0;width:38px;height:22px;margin-top:1px;transition:background-color .2s;position:relative}.toggle-knob{background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-input:checked+.toggle-switch{background-color:var(--primary)}.toggle-input:checked+.toggle-switch .toggle-knob{transform:translate(16px)}.toggle-input:focus-visible+.toggle-switch{outline:2px solid var(--focus);outline-offset:2px}.toggle-label-wrap{flex-direction:column;gap:2px;display:flex}.toggle-title{color:var(--ink);font-size:13px;font-weight:500}.toggle-description{color:var(--ink-secondary);font-size:12px;line-height:1.4}.form-submit-row{gap:14px;margin-top:20px;display:grid}.qr-submit-btn{border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-size:14px;font-weight:500;display:inline-flex}.privacy-note{background:var(--surface-soft);border:1px solid var(--line);color:var(--ink-secondary);border-radius:8px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:12px;line-height:17px;display:flex}.privacy-note svg{color:#10b981;flex-shrink:0;margin-top:1px}.preview-mode-switch{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;gap:4px;margin-bottom:16px;padding:3px;display:flex}.mode-tab{color:var(--ink-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.mode-tab:hover{color:var(--ink)}.mode-tab.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000014}.scan-pill{background:var(--surface-soft);color:var(--mute);border:1px solid var(--line);border-radius:9999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.scan-dot{background:var(--mute);border-radius:50%;width:6px;height:6px}.scan-pill[data-checked=true]{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.scan-pill[data-checked=true] .scan-dot{background:#10b981}.scan-pill[data-checked=false]{color:#991b1b;background:#fef2f2;border-color:#fecaca}.scan-pill[data-checked=false] .scan-dot{background:#ef4444}.qr-maker-card{justify-items:center;gap:16px;display:grid}.qr-maker-box-wrapper{justify-content:center;width:100%;display:flex}.qr-maker-box{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:12px;place-items:center;width:100%;max-width:260px;padding:12px;display:grid;overflow:hidden;box-shadow:0 2px 8px #0000000a}.qr-maker-card[data-state=empty] .qr-maker-box{display:none}.qr-maker-box img{object-fit:contain;width:100%;height:100%;display:block}.qr-maker-empty-state{aspect-ratio:1;border:2px dashed var(--line);background:var(--surface-soft);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:260px;padding:24px;display:flex}.qr-maker-card[data-state=ready] .qr-maker-empty-state{display:none}.empty-qr-placeholder{color:var(--mute);opacity:.6;margin-bottom:12px}.qr-maker-empty{color:var(--ink-secondary);margin:0;font-size:13px;line-height:18px}.qr-standee-card{border:1px solid var(--line-strong);text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;width:100%;max-width:280px;padding:20px 18px;animation:.2s fadeIn;display:flex;box-shadow:0 4px 16px #00000014}.standee-header{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.standee-header svg{color:var(--blue)}.standee-qr-frame{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;align-items:center;width:170px;height:170px;padding:6px;display:flex}.standee-qr-frame img{width:100%;height:100%;display:block}.standee-details{background:var(--surface-soft);text-align:left;border-radius:8px;gap:6px;width:100%;margin-top:14px;padding:10px 12px;display:grid}.standee-row{justify-content:space-between;gap:8px;font-size:12px;display:flex}.standee-label{color:var(--mute)}.standee-value{color:var(--ink);word-break:break-all;font-weight:600}.standee-footer{color:var(--mute);margin-top:12px;font-size:11px;font-style:italic}.qr-maker-actions{gap:12px;width:100%;display:grid}.action-controls-row{gap:6px;display:grid}.qr-maker-size{color:var(--ink-secondary);gap:4px;font-size:12px;font-weight:500;display:grid}.qr-maker-size select{border:1px solid var(--line-strong);background:var(--surface);height:38px;color:var(--ink);font:inherit;border-radius:6px;padding:6px 10px;font-size:13px}.action-buttons-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.download-btn,.copy-btn,.print-btn{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.qr-maker-hint{color:var(--mute);text-align:center;margin:0;font-size:11px;line-height:16px}.qr-maker-payload{width:100%}.qr-maker-payload summary{color:var(--ink-secondary);cursor:pointer;user-select:none;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.qr-maker-payload summary:hover{color:var(--ink)}.qr-maker-payload pre{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);white-space:pre-wrap;word-break:break-all;border-radius:8px;margin:8px 0 0;padding:12px;font-family:Geist Mono Variable,ui-monospace,monospace;font-size:11px;line-height:16px}.qr-maker-section{background:var(--canvas);padding:0 0 64px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.qr-maker{grid-template-columns:minmax(0,1fr)}}@media print{body *{visibility:hidden}.qr-standee-card,.qr-standee-card *{visibility:visible}.qr-standee-card{width:320px;max-width:100%;box-shadow:none;border:2px solid #000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}