.QRCodeGenerator{text-align:center;color:#fff;z-index:0;background-color:#303030;border:2rem;border-radius:2rem;flex-direction:column;align-self:center;align-items:center;width:100%;min-width:500px;margin:2rem 0 0;padding:0 0 2rem;display:flex;position:relative}.QRCodeGenerator .main-box{z-index:0;flex-flow:wrap;justify-content:space-around;align-items:flex-start;gap:30px;width:90%;margin-top:20px;display:flex}.QRCodeGenerator .settings-group{background-color:#424242;border-radius:1rem;flex-direction:column;gap:15px;width:80%;max-width:400px;margin:20px 0;padding:20px;display:flex}.QRCodeGenerator .setting-item{text-align:left;flex-direction:column;display:flex}.QRCodeGenerator .color-picker-row{justify-content:space-between;gap:10px;display:flex}.QRCodeGenerator .color-input-wrapper{flex-direction:column;flex:1;display:flex}#inputText{box-sizing:border-box;border:none;border-radius:5px;width:100%;height:100px;padding:10px;font-size:1rem}#qrCaption{box-sizing:border-box;border:none;border-radius:5px;width:100%;padding:10px;font-size:1rem}input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;height:40px}input[type=checkbox]{accent-color:#007bff;width:20px;height:20px}.QRCodeGenerator .checkbox-wrapper{flex-direction:row;align-items:center;gap:10px;margin-top:5px;display:flex}.highlight-label{color:#007bff;margin-bottom:5px;font-weight:700}.file-input-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.QRCodeGenerator .noticeable-file-input{color:#d1d5db;background:#ffffff0a;border:1px solid #94a3b847;border-radius:.75rem;width:100%;padding:.45rem .55rem;font-size:.92rem}.QRCodeGenerator .noticeable-file-input::file-selector-button{color:#f8fafc;cursor:pointer;background:#ffffff14;border:1px solid #94a3b859;border-radius:.6rem;margin-right:.75rem;padding:.55rem .85rem;font-weight:600;transition:background-color .2s,border-color .2s}.QRCodeGenerator .noticeable-file-input:hover::file-selector-button{background:#ffffff1f;border-color:#94a3b880}.qrcode-container{flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000080}.qr-preview-stack{flex-direction:column;align-items:center;gap:12px;display:flex}.QRCodeGenerator .qr-action-buttons{flex-direction:column;gap:10px;width:100%;display:flex}.QRCodeGenerator .generate-btn,.QRCodeGenerator .print-btn{cursor:pointer;border:none;border-radius:999px;width:100%;padding:.9rem 1.25rem;font-size:1rem;font-weight:700;transition:transform .2s,opacity .2s}.QRCodeGenerator .generate-btn{color:#fff;background:#007bff}.QRCodeGenerator .print-btn{color:#111827;background:#f3f4f6}.QRCodeGenerator .generate-btn:hover,.QRCodeGenerator .print-btn:hover{opacity:.95;transform:translateY(-1px)}.qr-bg-layer{border-radius:inherit;z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.QRCodeGenerator .qr-grid{aspect-ratio:1;z-index:1;flex-direction:column;width:400px;height:400px;display:flex;position:relative}.QRCodeGenerator .qr-row{flex:1;width:100%;display:flex}.QRCodeGenerator .qr-cell{shape-rendering:crispedges;flex:1;height:100%;transition:background-color .2s,border-radius .2s}.QRCodeGenerator .qr-logo{object-fit:contain;z-index:10;border-radius:10%;width:25%;height:25%;padding:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.QRCodeGenerator .qr-caption{word-break:break-word;text-align:center;color:#000;max-width:400px;margin:18px 0 0;font-size:1.9rem;font-weight:700;line-height:1.4}@media (max-width:768px){.QRCodeGenerator{min-width:0}.QRCodeGenerator .qr-grid{width:min(80vw,400px);height:min(80vw,400px)}.QRCodeGenerator .qr-action-buttons{width:min(80vw,400px)}}