*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.qr-generator{width:100%}.generator-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:2rem}.generator-card h2{color:#333;font-size:1.5rem;font-weight:600}.generator-card h2,.type-selector{margin-bottom:1.5rem}.type-selector label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.type-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.type-button{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem;transition:all .2s ease}.type-button:hover{background:#f8f9ff;border-color:#667eea}.type-button.active{background:#667eea;border-color:#667eea;color:#fff}.input-section{margin-bottom:1.5rem}.input-section label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.input-section textarea{border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:1rem;padding:1rem;resize:vertical;transition:border-color .2s ease;width:100%}.input-section textarea:focus{border-color:#667eea;outline:none}.options-toggle{align-items:center;background:#f8f9ff;border:2px solid #e0e0e0;border-radius:10px;color:#667eea;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.options-toggle:hover{background:#667eea;border-color:#667eea;color:#fff}.options-panel{background:#f8f9ff;border:1px solid #e0e0e0;border-radius:10px;margin-top:1rem;padding:1rem}.option-group{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.option-group:last-child{margin-bottom:0}.option-group label{color:#555;font-size:.9rem;font-weight:500;min-width:120px}.option-group input[type=range]{flex:1 1;margin:0 .5rem}.option-group input[type=color]{border:none;border-radius:8px;cursor:pointer;height:40px;width:40px}.option-group select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;padding:.5rem}.option-group span{color:#666;font-size:.9rem;min-width:40px;text-align:center}.logo-section{align-items:flex-start;flex-direction:column}.logo-section label{margin-bottom:.5rem;min-width:auto}.logo-controls{display:flex;flex-direction:column;gap:1rem;width:100%}.logo-upload-btn{align-items:center;background:#f8f9ff;border:2px solid #e0e0e0;border-radius:10px;color:#667eea;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.logo-upload-btn:hover{background:#667eea;border-color:#667eea;color:#fff}.logo-preview{border:2px solid #e0e0e0;border-radius:10px;display:inline-block;height:80px;overflow:hidden;position:relative;width:80px}.logo-preview img{height:100%;object-fit:contain;width:100%}.remove-logo-btn{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.remove-logo-btn:hover{background:#c0392b}.correction-info,.logo-info{color:#666;display:block;font-size:.8rem;font-style:italic;margin-top:.25rem}.correction-info{color:#667eea}.border-section{align-items:flex-start;flex-direction:column}.border-section label{margin-bottom:.5rem;min-width:auto}.border-controls{display:flex;flex-direction:column;gap:1rem;width:100%}.border-style-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);width:100%}.border-style-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.border-style-btn:hover{background:#f8f9ff;border-color:#667eea;color:#667eea}.border-style-btn.active{background:#667eea;border-color:#667eea;color:#fff}@media (max-width:768px){.generator-card{padding:1.5rem}.type-buttons{grid-template-columns:repeat(2,1fr)}.option-group{align-items:flex-start;flex-direction:column;gap:.5rem}.option-group label{min-width:auto}}.qr-display{width:100%}.display-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:2rem}.display-card h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.qr-container{align-items:center;background:#f8f9ff;border:2px dashed #e0e0e0;border-radius:15px;display:flex;justify-content:center;margin-bottom:1.5rem;min-height:300px;position:relative}.placeholder{color:#999;text-align:center}.placeholder-icon{color:#ccc;margin-bottom:1rem}.placeholder p{font-size:1.1rem;margin:0}.error-message{color:#e74c3c;text-align:center}.error-message p{font-size:1rem;margin-bottom:1rem}.retry-button{align-items:center;background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;transition:background .2s ease}.retry-button:hover{background:#c0392b}.qr-wrapper{display:inline-block;position:relative}.qr-canvas{border-radius:10px;box-shadow:0 10px 30px #0000001a}.loading-overlay{align-items:center;color:#667eea;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.action-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.download-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.action-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.action-button.primary{background:#667eea;color:#fff}.action-button.primary:hover{background:#5a6fd8;transform:translateY(-2px)}.action-button.secondary{background:#f8f9ff;border:2px solid #667eea;color:#667eea}.action-button.secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.qr-info{background:#f8f9ff;border-radius:10px;padding:1rem}.qr-info h3{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.info-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.info-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.5rem 0}.info-item:last-child{border-bottom:none}.info-label{color:#666;font-size:.9rem;font-weight:500}.info-value{color:#333;font-size:.9rem;font-weight:600}@media (max-width:768px){.display-card{padding:1.5rem}.qr-container{min-height:250px}.download-buttons,.info-grid{grid-template-columns:1fr}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;padding:2rem 0;text-align:center}.header-content{margin:0 auto;max-width:1200px;padding:0 2rem}.logo{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem}.logo-icon{color:#fff;height:2.5rem;width:2.5rem}.header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0}.header-subtitle{color:#ffffffe6;font-size:1.1rem;margin:0}@media (max-width:768px){.header{padding:1.5rem 0}.header h1{font-size:2rem}.header-subtitle{font-size:1rem}.logo-icon{height:2rem;width:2rem}}.App{display:flex;flex-direction:column;min-height:100vh}.main-container{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding:2rem}.content-wrapper{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;max-width:1200px;width:100%}@media (max-width:768px){.content-wrapper{gap:2rem;grid-template-columns:1fr}.main-container{padding:1rem}}
/*# sourceMappingURL=main.63e9a445.css.map*/