.omqrs-v3{--primary:#1992ff;--primary-hover:#0f82e8;--primary-soft:#eef7ff;--ink:#21152d;--muted:#6f6a7d;--line:#e9e9f1;--bg:#f7f7ff;font-family:Inter,Arial,sans-serif;color:var(--ink);}
.omqrs-v3 *{box-sizing:border-box}
.omqrs-shell{max-width:1120px;margin:0 auto;padding:38px 18px 56px;background:linear-gradient(135deg,#fff 0%,#f8f8ff 100%);border-radius:28px}
.omqrs-header{text-align:center;margin-bottom:28px}
.omqrs-kicker{display:inline-flex;padding:8px 14px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-weight:700;font-size:13px}
.omqrs-header h2{font-size:34px;line-height:1.15;margin:14px 0 8px}
.omqrs-header p{margin:0;color:var(--muted);font-size:16px}

/* QR type selector */
.omqrs-typebar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:10px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 40px rgba(30,23,70,.08);border-radius:18px;margin-bottom:14px}
.omqrs-type{border:1px solid rgba(25,146,255,.14);background:#fff;border-radius:14px;padding:15px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--primary);transition:.25s ease;line-height:1;text-decoration:none;user-select:none;-webkit-tap-highlight-color:transparent}
.omqrs-type:hover,.omqrs-type.active{transform:translateY(-3px);background:var(--primary);color:#fff;box-shadow:0 12px 30px rgba(25,146,255,.22)}
.omqrs-type:focus{outline:2px solid rgba(25,146,255,.35);outline-offset:3px}
.omqrs-type:active{transform:translateY(-1px)}
.omqrs-type .omqrs-type-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--primary);border-radius:11px;background:var(--primary);color:#fff !important;flex:0 0 38px;transition:.25s ease}
.omqrs-type:hover .omqrs-type-icon,.omqrs-type.active .omqrs-type-icon,.omqrs-type:focus .omqrs-type-icon,.omqrs-type:active .omqrs-type-icon{background:var(--primary) !important;border-color:var(--primary) !important;color:#fff !important}
.omqrs-type svg,.omqrs-type svg *{width:22px;height:22px;display:block;fill:currentColor !important;stroke:currentColor !important;color:inherit !important}
.omqrs-type strong{font-weight:800;color:inherit}

/* Builder layout */
.omqrs-builder{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;border:10px solid #eeeef4;background:#fff;border-radius:20px;padding:26px}
.omqrs-left{display:flex;flex-direction:column;gap:22px}
.omqrs-step{background:#fff}
.omqrs-step-title{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.omqrs-step-title span{width:28px;height:32px;border-radius:7px;display:grid;place-items:center;background:#25102d;color:#fff;font-weight:800}
.omqrs-step-title h3{font-size:18px;margin:0}
.omqrs-form-section{display:none}
.omqrs-form-section.active{display:block}

/* Form fields */
.omqrs-v3 label{display:block;font-weight:700;font-size:13px;margin:12px 0 8px}
.omqrs-v3 input,.omqrs-v3 textarea,.omqrs-v3 select{width:100%;border:1px solid #dddfea;border-radius:10px;padding:14px 15px;font-size:15px;outline:none;background:#fff;color:var(--ink)}
.omqrs-v3 textarea{min-height:92px;resize:vertical}
.omqrs-v3 input:focus,.omqrs-v3 textarea:focus,.omqrs-v3 select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(25,146,255,.12)}
.omqrs-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.omqrs-grid2 p,.omqrs-grid3 p{margin:0}
.omqrs-grid3{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px}

/* Design controls */
.omqrs-design-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.omqrs-design-tabs button{border:0;background:#fff;border-radius:10px;padding:12px 20px;font-weight:700;color:var(--muted);cursor:pointer;transition:.2s ease}
.omqrs-design-tabs button:hover,.omqrs-design-tabs button.active{background:var(--primary-soft);color:var(--primary)}
.omqrs-design-panel{display:none;border:1px solid var(--line);border-radius:14px;padding:16px}
.omqrs-design-panel.active{display:block}
.omqrs-choice-row{display:flex;gap:10px;flex-wrap:wrap}
.omqrs-choice{border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px 18px;cursor:pointer;font-weight:700;color:var(--ink);transition:.2s ease}
.omqrs-choice:hover,.omqrs-choice.active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}

/* Preview */
.omqrs-preview-wrap{position:relative}
.omqrs-preview-card{position:sticky;top:100px;background:#f5f5f6;border-radius:16px;padding:24px;text-align:center;min-height:420px}
.omqrs-preview-box{width:190px;min-height:190px;background:#fff;border-radius:14px;margin:22px auto 18px;display:grid;place-items:center;box-shadow:0 14px 28px rgba(0,0,0,.08);padding:16px}
.omqrs-preview-box canvas,.omqrs-preview-box svg{max-width:100%;height:auto}
.omqrs-downloads{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.omqrs-downloads button{border:1px solid #d9d9df;background:#fff;color:#555;min-height:42px;border-radius:999px;padding:0 18px;font-weight:800;cursor:pointer;transition:.25s ease}
.omqrs-downloads button:first-child{background:var(--primary);color:#fff;border-color:var(--primary)}
.omqrs-downloads button:first-child:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.omqrs-downloads button:not(:first-child):hover{border-color:var(--primary);color:var(--primary)}
.omqrs-hint{color:var(--muted);font-size:13px;margin-top:18px}
.omqrs-logo-message{display:block;margin-top:8px;font-size:12px;line-height:1.4;color:#697089}
.omqrs-logo-message.success{color:#12805c}
.omqrs-logo-message.error{color:#c93434}
.omqrs-logo-message.info{color:#1992ff}

@media(max-width:900px){.omqrs-builder{grid-template-columns:1fr}.omqrs-preview-card{position:static}.omqrs-typebar{grid-template-columns:repeat(2,1fr)}.omqrs-grid2,.omqrs-grid3{grid-template-columns:1fr}}
@media(max-width:520px){.omqrs-header h2{font-size:26px}.omqrs-builder{padding:16px;border-width:6px}.omqrs-type{padding:12px 10px}.omqrs-type strong{font-size:13px}.omqrs-typebar{grid-template-columns:1fr}}