.qr-monkey{--qm-primary:#2563eb;--qm-primary-dark:#1d4ed8;--qm-primary-soft:#dbeafe;--qm-primary-muted:#eff6ff;--qm-ink:#0f172a;--qm-muted:#64748b;--qm-border:#e2e8f0;--qm-card:#ffffff;--qm-track:#f1f5f9;max-width:1100px;margin:0 auto;padding:1.25rem 1rem 2.5rem}.qr-monkey-title{text-align:center;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--qm-ink);letter-spacing:-.02em;margin:0 0 .35rem}.qr-monkey-sub{text-align:center;color:var(--qm-muted);font-size:.95rem;max-width:36rem;margin:0 auto 1.25rem;line-height:1.5}.qr-monkey-tabs{display:flex;flex-wrap:wrap;gap:.35rem .75rem;justify-content:center;padding:.75rem .5rem 1rem;border-bottom:1px solid var(--qm-border);background:linear-gradient(180deg,var(--qm-primary-muted),#fff);border-radius:1rem 1rem 0 0}.qr-monkey-tab{appearance:none;background:transparent;color:#475569;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.35rem .15rem;cursor:pointer;border:none;border-bottom:2px solid transparent}.qr-monkey-tab:hover{color:var(--qm-primary)}.qr-monkey-tab.is-active{color:var(--qm-primary);border-bottom-color:var(--qm-primary)}.qr-monkey-card{background:var(--qm-card);border:1px solid var(--qm-border);border-radius:1rem;box-shadow:0 10px 40px rgba(15,23,42,.06);overflow:hidden}.qr-monkey-grid{display:grid;grid-template-columns:1fr}@media (min-width:900px){.qr-monkey-grid{grid-template-columns:1.05fr .95fr}}.qr-monkey-left{border-right:none;padding:0}@media (min-width:900px){.qr-monkey-left{border-right:1px solid var(--qm-border)}}.qr-monkey-right{padding:1.25rem 1.25rem 1.5rem;background:#fafbfc;display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-monkey-acc{border-bottom:1px solid var(--qm-border)}.qr-monkey-acc-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 1.15rem;background:#fff;border:none;cursor:pointer;text-align:left;font-weight:800;font-size:.95rem;color:var(--qm-ink)}.qr-monkey-acc-btn:hover{background:var(--qm-primary-muted)}.qr-monkey-acc-btn .qm-icon{width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;background:var(--qm-primary-soft);color:var(--qm-primary);flex-shrink:0}.qr-monkey-acc-btn .qm-plus{margin-left:auto;color:var(--qm-muted);font-size:1.25rem;line-height:1;font-weight:400}.qr-monkey-acc-body{padding:0 1.15rem 1.15rem;background:#fff}.qr-monkey-preview{width:min(100%,280px);aspect-ratio:1;background:#fff;border:1px solid var(--qm-border);border-radius:.75rem;display:grid;place-items:center;box-shadow:0 4px 20px rgba(15,23,42,.05);overflow:hidden}.qr-monkey-preview.is-transparent{background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 0),linear-gradient(-45deg,#e2e8f0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e2e8f0 0),linear-gradient(-45deg,transparent 75%,#e2e8f0 0);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#f8fafc}.qr-monkey-preview canvas{max-width:100%;max-height:100%}.qr-monkey-slider-wrap{width:min(100%,320px)}.qr-monkey-slider-labels{display:flex;justify-content:space-between;font-size:.7rem;font-weight:700;color:var(--qm-muted);margin-bottom:.35rem}.qr-monkey-slider-center{text-align:center;font-size:.8rem;font-weight:800;color:var(--qm-ink);margin-top:.35rem}.qr-monkey-slider{width:100%;accent-color:var(--qm-primary)}.qr-monkey-actions{width:min(100%,320px);display:grid;grid-template-columns:1fr;gap:.6rem}.qr-monkey-actions:has(.qr-monkey-btn-download){grid-template-columns:1fr 1fr}.qr-monkey-btn-create{width:100%;min-height:48px;border:none;border-radius:.65rem;background:var(--qm-primary);color:#fff;font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:0 6px 16px rgba(37,99,235,.28)}.qr-monkey-btn-create:hover:not(:disabled){background:var(--qm-primary-dark)}.qr-monkey-btn-create:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.qr-monkey-btn-download{width:100%;min-height:48px;border:none;border-radius:.65rem;background:#0ea5e9;color:#fff;font-weight:800;font-size:.95rem;cursor:pointer}.qr-monkey-btn-download:hover:not(:disabled){background:#0284c7}.qr-monkey-btn-download:disabled{opacity:.45;cursor:not-allowed}.qr-monkey-vector-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;width:min(100%,320px)}.qr-monkey-btn-vector{min-height:40px;border:1.5px solid var(--qm-primary);border-radius:.55rem;background:#fff;color:var(--qm-primary);font-weight:800;font-size:.8rem;cursor:pointer}.qr-monkey-btn-vector:hover:not(:disabled){background:var(--qm-primary-muted)}.qr-monkey-btn-vector:disabled{opacity:.4;cursor:not-allowed}.qr-monkey-hint{font-size:.72rem;color:var(--qm-muted);text-align:center;line-height:1.4;max-width:320px}.qr-monkey-field{display:block;margin-bottom:.75rem}.qr-monkey-field>span{display:block;font-size:.75rem;font-weight:700;color:#475569;margin-bottom:.3rem}.qr-monkey-input,.qr-monkey-select,.qr-monkey-textarea{width:100%;border:1px solid var(--qm-border);border-radius:.5rem;padding:.55rem .7rem;font-size:.875rem;color:var(--qm-ink);background:#fff}.qr-monkey-textarea{min-height:5rem;resize:vertical}.qr-monkey-input:focus,.qr-monkey-select:focus,.qr-monkey-textarea:focus{outline:2px solid var(--qm-primary-soft);border-color:var(--qm-primary)}.qr-monkey-color-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.qr-monkey-swatches{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem}.qr-monkey-swatch{width:1.75rem;height:1.75rem;border-radius:.4rem;border:1px solid var(--qm-border);cursor:pointer;padding:0}.qr-monkey-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:.75rem}.qr-monkey-logo-item{border:1px solid var(--qm-border);border-radius:.5rem;background:#fff;padding:.4rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.6rem;font-weight:700;color:#475569}.qr-monkey-logo-item.is-active{border-color:var(--qm-primary);background:var(--qm-primary-muted);box-shadow:0 0 0 1px var(--qm-primary)}.qr-monkey-drop{border:2px dashed var(--qm-border);border-radius:.65rem;padding:1rem;text-align:center;cursor:pointer;background:var(--qm-track);color:#475569;font-size:.8rem;font-weight:600}.qr-monkey-drop:hover{border-color:var(--qm-primary);background:var(--qm-primary-muted)}.qr-monkey-check{display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;color:#475569;margin:.5rem 0}.qr-monkey-error{color:#e11d48;font-size:.8rem;font-weight:600;text-align:center}.qr-monkey-radio-row{display:flex;flex-wrap:wrap;gap:.65rem 1rem;margin-bottom:.85rem}.qr-monkey-radio{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;color:#475569;cursor:pointer}.qr-monkey-shape-label{margin:.85rem 0 .45rem;font-size:.75rem;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.04em}.qr-monkey-shape-label:first-child{margin-top:0}.qr-monkey-shape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:.4rem}.qr-monkey-shape-btn{aspect-ratio:1;border:1.5px solid var(--qm-border);border-radius:.5rem;background:#fff;color:#334155;cursor:pointer;padding:.35rem;display:grid;place-items:center;transition:border-color .15s,background .15s,box-shadow .15s,transform .12s}.qr-monkey-shape-btn:hover{border-color:#93c5fd;transform:translateY(-1px)}.qr-monkey-shape-btn.is-active{border-color:var(--qm-primary);background:var(--qm-primary-muted);box-shadow:0 0 0 1px var(--qm-primary);color:var(--qm-primary-dark)}.qr-monkey-shape-svg{width:100%;height:100%}.qr-monkey-live-badge{position:absolute;top:8px;right:8px;padding:.2rem .45rem;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.02em;animation:qr-monkey-fade .2s ease-out}.qr-monkey-btn-download-in{animation:qr-monkey-pop .35s cubic-bezier(.22,1,.36,1) both}@keyframes qr-monkey-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes qr-monkey-fade{0%{opacity:0}to{opacity:1}}@media (max-width:480px){.qr-monkey-actions:has(.qr-monkey-btn-download){grid-template-columns:1fr}}