.qr-studio{--navy:#101b2d;--blue:#315cff;--mint:#35c99a;background:#f7f9f8;color:var(--navy);border:1px solid #e4e4e7;border-radius:14px;overflow:hidden}.qr-studio__topbar{background:var(--navy);color:#fff;padding:28px 32px;display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.qr-kicker{font:700 11px/1.2 Inter,sans-serif;letter-spacing:.12em;color:#9fb3ff}.qr-studio h2{font:700 25px/1.2 Plus Jakarta Sans,sans-serif;margin:7px 0}.qr-studio p{margin:0;color:#c8d0df}.qr-local-badge{color:#bff5e4;border:1px solid #397b6b;border-radius:99px;padding:8px 12px;font:600 12px Inter,sans-serif;white-space:nowrap}.qr-tabs{display:flex;gap:4px;background:#fff;padding:10px 18px;border-bottom:1px solid #e4e4e7}.qr-tabs button,.qr-type,.qr-actions button,.qr-copy{border:0;background:transparent;padding:11px 16px;border-radius:8px;color:#667085;font:600 13px Inter,sans-serif;cursor:pointer}.qr-tabs button.is-active,.qr-type.is-active{background:#eff6ff;color:#315cff}.qr-workspace{padding:30px}.qr-type-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:26px}.qr-type{border:1px solid #e4e4e7;background:#fff;display:flex;flex-direction:column;align-items:center;gap:6px}.qr-type .material-symbols-outlined{font-size:22px}.qr-type:hover,.qr-type.is-active{border-color:#315cff}.qr-fields label,.qr-design-grid label{display:flex;flex-direction:column;gap:7px;font:600 13px Inter,sans-serif}.qr-fields input,.qr-fields textarea,.qr-fields select,.qr-design-grid input,.qr-design-grid select{width:100%;border:1px solid #d5d9e2;border-radius:8px;padding:11px;background:#fff;color:var(--navy);font:400 14px Inter,sans-serif}.qr-field-grid,.qr-design-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.qr-field-wide{grid-column:1/-1}.qr-check{display:flex!important;flex-direction:row!important;align-items:center;margin-top:28px}.qr-check input{width:auto}.qr-dynamic{margin-top:24px;border:1px solid #d5d9e2;background:#fff;border-radius:10px;padding:15px;display:flex;gap:12px;align-items:flex-start}.qr-dynamic input{margin-top:3px}.qr-dynamic span{display:flex;flex-direction:column;gap:4px}.qr-dynamic small{font-weight:400;color:#667085}.qr-dynamic em{margin-left:auto;color:#667085;font-size:11px;font-style:normal;white-space:nowrap}.qr-scan-status{display:inline-block;margin-top:22px;padding:10px 12px;border-radius:8px;font:600 12px Inter,sans-serif}.qr-scan-status--good{color:#087653;background:#e7fbf4}.qr-scan-status--caution{color:#99600b;background:#fff5df}.qr-scan-status--blocked{color:#a52323;background:#ffebeb}.qr-preview-card{display:grid;grid-template-columns:minmax(280px,1fr) 280px;gap:32px;align-items:center}.qr-canvas-wrap{position:relative;max-width:520px;margin:auto;background:#fff;padding:20px;border:1px solid #e4e4e7;border-radius:12px}.qr-canvas-wrap canvas{display:block;width:100%;height:auto}.qr-preview-empty{position:absolute;inset:0;display:grid;place-items:center;color:#667085;font:600 13px Inter,sans-serif}.qr-preview-meta{display:flex;flex-direction:column;gap:12px}.qr-preview-meta p{color:#667085}.qr-actions{display:flex;flex-direction:column;gap:8px}.qr-actions button,.qr-copy{border:1px solid #d5d9e2;text-align:left}.qr-actions .qr-primary{background:#315cff;color:#fff;border-color:#315cff}.qr-copy{background:#fff;text-align:center}.qr-studio__footer{padding:14px 30px;border-top:1px solid #e4e4e7;display:flex;justify-content:space-between;color:#667085;font:12px Inter,sans-serif}.qr-studio__footer strong{color:#087653}@media(max-width:700px){.qr-studio__topbar{padding:22px;flex-direction:column}.qr-workspace{padding:20px}.qr-type-grid{grid-template-columns:repeat(4,1fr)}.qr-field-grid,.qr-design-grid,.qr-preview-card{grid-template-columns:1fr}.qr-studio__footer{flex-direction:column;gap:8px}.qr-dynamic em{display:none}}