.qr-header{color:var(--botolaba-white);padding:1rem 3rem;display:flex;justify-content:space-between;align-items:center}.qr-header .logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.5rem}.qr-header .logo img{width:32px;height:32px}.qr-header .cta-button{background-color:var(--screen-yellow);color:var(--botolaba-black);padding:.5rem 1.25rem;border-radius:12px;text-decoration:none;font-weight:700;transition:background-color .3s ease}.qr-header .cta-button:hover{background-color:#e0a841}:root{--botolaba-white: #faf4e3;--form-white: #eae4d3;--botolaba-dark-gray: #24252a;--botolaba-black: #17171b;--botolaba-dark-white: #bab4aa;--screen-black: #242121;--screen-yellow: #f2c174}body{background-color:var(--botolaba-black);font-family:Inter,sans-serif;margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.qr-generator{color:var(--botolaba-white);padding:1.25rem;display:flex;align-items:center;justify-content:center}.qr-generator .generator-container{display:flex;flex-direction:column;gap:2rem;border-radius:20px;width:100%;max-width:1024px}@media (min-width: 768px){.qr-generator .generator-container{flex-direction:row;justify-content:space-between}}.qr-generator .generator-form,.qr-generator .generator-preview{flex:1;background-color:var(--botolaba-white);padding:1.5rem;border-radius:2rem;display:flex;flex-direction:column;gap:.75rem;color:var(--botolaba-black)}.qr-generator h2,.qr-generator h3{margin-bottom:.5rem;font-size:.9rem;color:var(--botolaba-dark-gray)}.qr-generator input{padding:.75rem 1rem;border-radius:10px;border:none;font-size:.65rem;background-color:var(--form-white);color:var(--botolaba-black)}.qr-generator .options-group{display:flex;justify-content:flex-start}.qr-generator .options-group button{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%;background-color:var(--botolaba-dark-gray);color:var(--botolaba-white);font-weight:medium;border:none;padding:.75rem 1.25rem;border-radius:12px;cursor:pointer;transition:all .3s ease}.qr-generator .options-group button:hover{background-color:var(--screen-black);color:var(--screen-yellow)}.qr-generator .generator-preview{align-items:center;text-align:center}.qr-generator .generator-preview .qr-preview{margin:0 auto 1rem;width:256px;height:256px}.qr-generator .generator-preview .qr-preview svg{width:256px;height:256px}.qr-generator .generator-preview button{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%;background-color:var(--botolaba-dark-gray);color:var(--botolaba-white);padding:.5rem 1rem;margin:.25rem 0;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.qr-generator .generator-preview button:hover{background-color:var(--screen-black);color:var(--screen-yellow)}.qr-generator .generator-preview .advertisingBanner{width:100%;height:auto;border-radius:1.25rem}.config-block{display:flex;flex-direction:column;gap:.5rem}.config-block .custom-color-picker button{display:flex;align-items:center;gap:.5rem;background-color:var(--botolaba-dark-gray);border:none;padding:.5rem 1rem;border-radius:10px;cursor:pointer;color:var(--botolaba-white);font-size:.85rem;transition:background-color .2s}.config-block .custom-color-picker button:hover{background-color:var(--screen-black);color:var(--screen-yellow)}.config-block .custom-color-picker{display:flex}.config-block .custom-color-picker .color-picker-button{display:flex;align-items:center;gap:.5rem;position:relative;background-color:var(--botolaba-dark-gray);border:none;padding:.5rem 1rem;border-radius:10px;cursor:pointer;color:var(--botolaba-white);font-size:.85rem;transition:background-color .2s}.config-block .custom-color-picker .color-picker-button:hover{background-color:var(--screen-black);color:var(--screen-yellow)}.config-block .custom-color-picker .color-picker-button .color-box{width:1rem;height:1rem;border-radius:4px;border:1px solid #ccc}.config-block .custom-color-picker .color-picker-button input[type=color]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.config-block label{font-size:.65rem;font-weight:medium;color:var(--botolaba-dark-gray);margin-top:.75rem}.config-block .button-group{display:flex;flex-wrap:wrap;gap:.5rem}.config-block .button-group button{padding:.5rem .75rem;border-radius:10px;border:none;cursor:pointer;background-color:var(--form-white);color:var(--botolaba-dark-gray);transition:all .2s}.config-block .button-group button.active,.config-block .button-group button:hover{background-color:var(--screen-black);color:var(--screen-yellow)}.config-block input[type=color]{width:100%;height:40px;border:none;border-radius:8px;padding:0;cursor:pointer}.config-block input[type=file]{margin-top:.5rem}.color-buttons{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:.5rem}.gradient-config{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.gradient-config label{font-size:.65rem;font-weight:medium;color:var(--botolaba-dark-gray);margin-top:.75rem}.gradient-config input[type=color],.gradient-config select,.gradient-config input[type=number]{height:40px;border-radius:8px;padding:0 .5rem;border:1px solid var(--botolaba-dark-white);font-size:.9rem;background-color:var(--form-white);color:var(--botolaba-black)}.qr-footer{background-color:var(--botolaba-black);padding:1.25rem 0;display:flex;justify-content:center;align-items:center}.qr-footer img{max-width:180px;height:auto;opacity:.8;transition:opacity .3s ease}.qr-footer img:hover{opacity:1}