@media (min-width:1024px){.qr-generator-mobile{padding:1rem 2rem}.qr-main-container{max-width:100%;padding:2rem}.qr-mobile-form{padding:2rem}.qr-mobile-form-group{margin-bottom:2rem}.qr-mobile-form-label{font-size:1rem;margin-bottom:.75rem}.qr-mobile-form-input,.qr-mobile-form-textarea{padding:1rem 1.5rem;font-size:1rem}.qr-mobile-primary-button,.qr-mobile-secondary-button{padding:1rem 2rem;font-size:1rem}.qr-type-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:1rem}.qr-type-button{min-height:120px;padding:1.5rem;font-size:1rem}}@media (max-width:768px){.qr-generator-mobile{padding:.5rem;overflow-x:hidden}.qr-main-container{max-width:100%;padding:.5rem;margin:0}.qr-step-navigation{display:none}.qr-mobile-step-indicator{display:flex;justify-content:center;align-items:center;padding:1rem;background:white;border-radius:.75rem;margin-bottom:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.qr-mobile-step-dot{width:8px;height:8px;border-radius:50%;margin:0 4px;background:#d1d5db;transition:all .3s ease}.qr-mobile-step-dot.active{background:#3b82f6;transform:scale(1.2)}.qr-mobile-step-dot.completed{background:#10b981}.qr-type-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.5rem}.qr-type-button{min-height:100px;padding:1rem;font-size:.875rem;border-radius:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all .2s ease}.qr-type-button:active{transform:scale(.95)}.qr-mobile-form{background:white;border-radius:.75rem;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.qr-mobile-form-group{margin-bottom:1.5rem}.qr-mobile-form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.qr-mobile-form-input{width:100%;padding:.875rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:16px;background:white;color:#1f2937;transition:border-color .2s ease}.qr-mobile-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);color:#111827}.qr-mobile-form-textarea{width:100%;min-height:120px;padding:.875rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:16px;background:white;color:#1f2937;resize:vertical;transition:border-color .2s ease}.qr-mobile-form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);color:#111827}.qr-form-input{font-size:16px;padding:.75rem;border-radius:.5rem}.qr-action-button{min-height:48px;padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:.5rem;transition:all .2s ease}.qr-action-button:active{transform:scale(.98)}.qr-mobile-nav-button{min-height:48px;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.qr-mobile-nav-button:active{transform:scale(.98)}.qr-mobile-primary-button{background:#3b82f6;color:white;border:none;min-height:48px;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:.5rem;width:100%;transition:all .2s ease}.qr-mobile-primary-button:hover{background:#2563eb}.qr-mobile-primary-button:active{transform:scale(.98)}.qr-mobile-secondary-button{background:white;color:#374151;border:2px solid #e5e7eb;min-height:48px;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:.5rem;width:100%;transition:all .2s ease}.qr-mobile-secondary-button:hover{border-color:#d1d5db;background:#f9fafb}.qr-mobile-secondary-button:active{transform:scale(.98)}.qr-mobile-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.qr-mobile-tabs::-webkit-scrollbar{display:none}.qr-mobile-tab{flex-shrink:0;padding:.75rem 1rem;font-size:.875rem;font-weight:500;border-bottom:2px solid transparent;transition:all .2s ease;min-width:-moz-fit-content;min-width:fit-content}.qr-mobile-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.qr-mobile-tab:not(.active){color:#6b7280}.qr-preview-mobile{order:-1;position:sticky;top:4rem;margin-bottom:1rem}.qr-step-nav{flex-direction:column;gap:.5rem}.qr-step-button{min-height:44px;padding:.75rem;font-size:.875rem}.qr-progress-mobile{font-size:.75rem;margin-bottom:.5rem}.qr-preview-container{max-width:100%;aspect-ratio:1}.qr-color-picker{width:100%;height:44px}.qr-file-upload{min-height:44px;border:2px dashed #d1d5db}.qr-file-upload,.qr-textarea{padding:.75rem;border-radius:.5rem}.qr-textarea{min-height:100px;font-size:16px}.qr-slider{height:44px;padding:.5rem 0}.qr-toggle{min-height:44px;padding:.5rem}.qr-modal-mobile{margin:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.qr-dropdown{min-height:44px;padding:.75rem;font-size:16px}.qr-checkbox,.qr-radio{width:20px;height:20px;margin-right:.75rem}.qr-form-group{margin-bottom:1rem}.qr-button-group{flex-direction:column;gap:.75rem}.qr-label{font-size:.875rem;font-weight:500;margin-bottom:.5rem}.qr-help-text{font-size:.75rem;margin-top:.25rem}.qr-error-message,.qr-success-message{font-size:.875rem;padding:.75rem;border-radius:.5rem}.qr-tooltip{font-size:.75rem;padding:.5rem;border-radius:.375rem}.qr-loading{padding:1rem;text-align:center}.qr-empty-state{padding:2rem 1rem;text-align:center}.qr-card{padding:1rem;margin-bottom:1rem;border-radius:.75rem}.qr-section-header{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.qr-grid-mobile{grid-template-columns:1fr;gap:1rem}.qr-flex-mobile{flex-direction:column;gap:.75rem}.qr-spacing-mobile{padding:1rem;margin:.5rem 0}.qr-scroll-mobile{-webkit-overflow-scrolling:touch;overflow-x:hidden}.qr-focus-mobile:focus{outline:2px solid #3b82f6;outline-offset:2px}.qr-hover-mobile:hover{background-color:#f3f4f6}.qr-active-mobile:active{background-color:#e5e7eb;transform:scale(.98)}}@media (min-width:769px) and (max-width:1024px){.qr-generator-tablet{padding:1.5rem}.qr-type-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.qr-preview-tablet{max-width:300px}}@media (min-width:414px) and (max-width:768px){.qr-generator-large-mobile{padding:1.25rem}.qr-type-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.qr-type-button{min-height:90px}}@media (max-width:768px) and (orientation:landscape){.qr-generator-landscape{padding:.75rem}.qr-preview-landscape{max-width:200px}.qr-type-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.qr-type-button{min-height:60px;padding:.5rem}}