.pp-qr-wrap{--qr-border:#262a33;--qr-border-hover:#3a3f4d;--qr-teal:rgba(102, 201, 255, 1);--qr-teal-dim:rgba(102, 201, 255, 0.10);--qr-teal-dim2:rgba(102, 201, 255, 0.06);--qr-gradient:linear-gradient(to top, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.03) 100%);--qr-radius:5px;font-family:inherit;padding:0}.pp-qr-container{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start;padding:24px 0}.pp-qr-left{display:flex;flex-direction:column;gap:16px}.pp-qr-panel{background-color:transparent!important;background-image:var(--qr-gradient)!important;border-radius:var(--qr-radius);border-color:var(--qr-border);border-style:solid;border-width:1px;padding:24px 24px 20px}.pp-qr-panel-title{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.pp-qr-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.pp-qr-type-btn{background-color:transparent!important;background-image:var(--qr-gradient)!important;border-radius:var(--qr-radius);border-color:var(--qr-border);border-style:solid;border-width:1px;padding:11px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:inherit;font-size:12px;font-weight:500;letter-spacing:.03em;transition:border-color 0.18s,color 0.18s}.pp-qr-type-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pp-qr-type-btn:hover{border-color:var(--qr-border-hover)}.pp-qr-type-btn.active{background-color:transparent!important;background-image:linear-gradient(to top,rgba(102,201,255,.06) 0%,rgba(102,201,255,.1) 100%)!important;border-color:var(--qr-teal)}.pp-qr-field{margin-bottom:14px}.pp-qr-field:last-child{margin-bottom:0}.pp-qr-field label{display:block;font-size:12px;font-weight:500;margin-bottom:7px;letter-spacing:.03em}.pp-qr-optional{font-weight:400;font-size:11px;opacity:.7}.pp-qr-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pp-qr-input{width:100%;background-color:transparent!important;background-image:var(--qr-gradient)!important;border-radius:var(--qr-radius);border-color:var(--qr-border);border-style:solid;border-width:1px;padding:11px 13px;color:#FFFFFFB3!important;font-family:inherit;font-size:14px;outline:none;transition:border-color 0.18s;resize:vertical;box-sizing:border-box}.pp-qr-input:focus{border-color:var(--qr-teal)}.pp-qr-dropdown{position:relative}.pp-qr-dropdown-trigger{width:100%;background-color:transparent!important;background-image:var(--qr-gradient)!important;border-radius:var(--qr-radius);border-color:var(--qr-border);border-style:solid;border-width:1px;padding:11px 38px 11px 13px;color:#FFFFFFB3!important;font-family:inherit;font-size:14px;outline:none;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;transition:border-color 0.18s}.pp-qr-dropdown-trigger:focus,.pp-qr-dropdown.open .pp-qr-dropdown-trigger{border-color:var(--qr-teal)}.pp-qr-dropdown-trigger svg{width:16px;height:16px;flex-shrink:0;transition:transform 0.2s}.pp-qr-dropdown.open .pp-qr-dropdown-trigger svg{transform:rotate(180deg)}.pp-qr-dropdown-list{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#0b0f18!important;background-image:none!important;border-radius:var(--qr-radius);border-color:var(--qr-border);border-style:solid;border-width:1px;list-style:none;margin:0;padding:4px;z-index:9999}.pp-qr-dropdown.open .pp-qr-dropdown-list{display:block}.pp-qr-dropdown-item{padding:10px 12px;border-radius:calc(var(--qr-radius) - 2px);cursor:pointer;font-size:14px;color:#FFFFFFB3!important;transition:background 0.15s}.pp-qr-dropdown-item:hover{background-color:rgba(255,255,255,.06)}.pp-qr-dropdown-item.active{background-color:rgba(102,201,255,.1);color:rgba(102,201,255,1)!important}.pp-qr-slider-row{display:flex;align-items:center;gap:14px}.pp-qr-range{flex:1;height:4px;border-radius:2px;background:var(--qr-border);outline:none;border:none;cursor:pointer;accent-color:var(--qr-teal);padding:0}.pp-qr-slider-val{font-size:13px;font-weight:600;min-width:52px;text-align:right}.pp-qr-color-field{display:flex;align-items:center;gap:10px;background-color:transparent!important;background-image:var(--qr-gradient)!important;border-radius:var(--qr-radius);border-color:var(--qr-border);border-style:solid;border-width:1px;padding:9px 12px;cursor:pointer;transition:border-color 0.18s}.pp-qr-color-field:hover{border-color:var(--qr-border-hover)}.pp-qr-color-field input[type="color"]{width:26px;height:26px;border:none;background:none;padding:0;cursor:pointer;border-radius:var(--qr-radius);overflow:hidden;flex-shrink:0}.pp-qr-color-field span{font-size:12px;font-weight:500}.pp-qr-color-hex{margin-left:auto;font-size:11px;letter-spacing:.06em;font-family:monospace}.pp-qr-sec-btns{display:flex;gap:8px}.pp-qr-sec-btn{flex:1;background-color:transparent!important;background-image:var(--qr-gradient)!important;border-radius:var(--qr-radius);border-color:var(--qr-border);border-style:solid;border-width:1px;padding:9px 6px;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;text-align:center;transition:border-color 0.15s,color 0.15s}.pp-qr-sec-btn.active{background-color:transparent!important;background-image:linear-gradient(to top,rgba(102,201,255,.06) 0%,rgba(102,201,255,.1) 100%)!important;border-color:var(--qr-teal)}.pp-qr-right{position:sticky;top:24px}.pp-qr-preview-panel{background-color:transparent!important;background-image:var(--qr-gradient)!important;border-radius:var(--qr-radius);border-color:var(--qr-border);border-style:solid;border-width:1px;padding:24px}.pp-qr-status-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:20px;margin-bottom:14px;border-color:var(--qr-border);border-style:solid;border-width:1px;background-color:transparent!important;background-image:var(--qr-gradient)!important;transition:all 0.3s}.pp-qr-status-badge.pp-qr-status-active{background-image:linear-gradient(to top,rgba(102,201,255,.06) 0%,rgba(102,201,255,.1) 100%)!important;border-color:rgba(102,201,255,.3)}.pp-qr-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pp-qr-status-badge.pp-qr-status-active .pp-qr-status-dot{animation:pp-qr-pulse 2s infinite}@keyframes pp-qr-pulse{0%,100%{opacity:1}50%{opacity:.3}}.pp-qr-canvas-wrap{background-color:transparent!important;background-image:var(--qr-gradient)!important;border-radius:var(--qr-radius);border-color:var(--qr-border);border-style:solid;border-width:1px;min-height:260px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden}.pp-qr-output{display:flex;align-items:center;justify-content:center;padding:16px;width:100%}.pp-qr-output canvas,.pp-qr-output img{border-radius:var(--qr-radius);display:block;max-width:100%}.pp-qr-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;text-align:center}.pp-qr-placeholder svg{width:44px;height:44px}.pp-qr-placeholder p{font-size:13px;line-height:1.55;margin:0}.pp-qr-btn-generate{width:100%;background:none!important;background-image:linear-gradient(304deg,#00ffc5 0%,#66c9ff 100%)!important;border:0 none!important;border-radius:5px!important;padding:1.05em 2.15em;font-family:inherit!important;font-size:14px;font-weight:500!important;text-transform:none!important;letter-spacing:normal;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;text-decoration:none;line-height:125%;vertical-align:middle;box-sizing:border-box;user-select:none;margin-bottom:12px;position:relative;z-index:1;overflow:hidden;transition:all .2s ease-in-out;transition-timing-function:cubic-bezier(.2,1,.3,1)}.pp-qr-btn-generate svg{width:16px;height:16px}.pp-qr-btn-generate:hover{background-image:linear-gradient(304deg,#00ffc5 0%,#66c9ff 100%)!important;opacity:.88}.pp-qr-dl-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pp-qr-btn-dl{background-color:transparent!important;background-image:var(--qr-gradient)!important;border-radius:var(--qr-radius);border-color:var(--qr-border);border-style:solid;border-width:1px;padding:10px 14px;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:border-color 0.18s,color 0.18s;display:flex;align-items:center;justify-content:center;gap:6px}.pp-qr-btn-dl svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pp-qr-btn-dl:hover:not(:disabled){border-color:var(--qr-teal)}.pp-qr-btn-dl:disabled{opacity:.3;cursor:default}@media (max-width:820px){.pp-qr-container{grid-template-columns:1fr}.pp-qr-right{position:static}}@media (max-width:480px){.pp-qr-type-grid{grid-template-columns:repeat(3,1fr)}.pp-qr-field-row{grid-template-columns:1fr}.pp-qr-panel{padding:16px 14px}}