*{box-sizing:border-box;margin:0;padding:0}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--success-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--warning-gradient:linear-gradient(135deg,#43e97b,#38f9d7);--text-primary:#2d3748;--text-secondary:#4a5568;--text-muted:#718096;--bg-primary:#fff;--bg-secondary:#f7fafc;--bg-tertiary:#edf2f7;--border-light:#e2e8f0;--border-medium:#cbd5e0;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #0000001a;--shadow-xl:0 20px 40px #0000001a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px}.app--dark{--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-muted:#a0aec0;--bg-primary:#1a202c;--bg-secondary:#2d3748;--bg-tertiary:#4a5568;--border-light:#4a5568;--border-medium:#718096}.app--ocean{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#89f7fe,#66a6ff)}.app--forest{--primary-gradient:linear-gradient(135deg,#134e5e,#71b280);--secondary-gradient:linear-gradient(135deg,#a8edea,#fed6e3)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#2d3748;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.app{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px;padding:var(--spacing-lg)}.app,.app__container{transition:all .3s ease}.app__container{background:#fff;background:var(--bg-primary);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 20px 40px #0000001a;box-shadow:var(--shadow-xl);max-width:900px;padding:48px;padding:var(--spacing-2xl);width:100%}.header{margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.header__content{flex-wrap:wrap;justify-content:space-between}.header__brand,.header__content{align-items:center;display:flex;gap:24px;gap:var(--spacing-lg)}.header__icon{align-items:center;border-radius:10px;border-radius:var(--radius-md);color:#fff;display:flex;height:48px;justify-content:center;width:48px}.header__icon,.header__title{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}.header__title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.header__subtitle{color:#4a5568;color:var(--text-secondary);font-size:1.1rem}.theme-selector{background:#f7fafc;background:var(--bg-secondary);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:8px;gap:var(--spacing-sm);padding:4px;padding:var(--spacing-xs)}.theme-btn{background:none;border:none;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;font-size:1.2rem;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.theme-btn:hover{background:#edf2f7;background:var(--bg-tertiary);transform:scale(1.1)}.theme-btn--active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff}.qr-generator{margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.preset-buttons{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.preset-buttons__grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.preset-btn{align-items:center;background:#f7fafc;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);color:#4a5568;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;gap:8px;gap:var(--spacing-sm);padding:24px;padding:var(--spacing-lg);transition:all .3s ease}.preset-btn:hover{border-color:#cbd5e0;border-color:var(--border-medium);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.preset-btn--active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#0000;color:#fff}.preset-btn__icon{font-size:1.5rem}.input-section{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.input-group{position:relative}.input-group__label{color:#2d3748;color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.input-group__field{background:#f7fafc;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);color:#2d3748;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:24px;padding:var(--spacing-lg);resize:vertical;transition:all .3s ease;width:100%}.input-group__field:focus{background:#fff;background:var(--bg-primary);border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-group__hint{color:#718096;color:var(--text-muted);font-size:.85rem;margin-top:8px;margin-top:var(--spacing-sm)}.options-panel{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.options-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.option-group{display:flex;flex-direction:column}.option-group--color{grid-column:span 2}.option-group__label{color:#2d3748;color:var(--text-primary);font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.option-group__select{background:#f7fafc;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);color:#2d3748;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:16px;padding:var(--spacing-md);transition:all .3s ease}.option-group__select:focus{background:#fff;background:var(--bg-primary);border-color:#667eea;outline:none}.color-picker{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.color-picker__input{border:none;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;height:40px;width:60px}.color-presets{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.color-preset{border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;height:32px;transition:all .2s ease;width:32px}.color-preset:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:scale(1.1)}.color-preset--active{border-color:#667eea;box-shadow:0 0 0 2px #667eea4d}.qr-generator__actions{display:flex;justify-content:center;margin-bottom:32px;margin-bottom:var(--spacing-xl)}.generate-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:50px;box-shadow:0 10px 20px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:8px;gap:var(--spacing-sm);padding:24px 48px;padding:var(--spacing-lg) var(--spacing-2xl);transition:all .3s ease}.generate-btn:hover:not(:disabled){box-shadow:0 15px 30px #667eea66;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.generate-btn__loading{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.qr-display{background:#f7fafc;background:var(--bg-secondary);border-radius:16px;border-radius:var(--radius-lg);padding:32px;padding:var(--spacing-xl);text-align:center}.qr-display__canvas,.qr-display__container{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.qr-display__canvas canvas{border-radius:10px;border-radius:var(--radius-md);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);height:auto;max-width:100%}.qr-display__actions{display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);justify-content:center}.download-btn{align-items:center;border:none;border-radius:25px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;gap:var(--spacing-sm);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.download-btn--primary{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient);color:#fff}.download-btn--secondary{background:#edf2f7;background:var(--bg-tertiary);border:2px solid #e2e8f0;border:2px solid var(--border-light);color:#2d3748;color:var(--text-primary)}.download-btn:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.qr-display__info{margin-top:24px;margin-top:var(--spacing-lg)}.qr-display__tip{font-size:.9rem}.footer,.qr-display__tip{color:#718096;color:var(--text-muted)}.footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);margin-top:32px;margin-top:var(--spacing-xl);padding-top:24px;padding-top:var(--spacing-lg);text-align:center}.footer__content{align-items:center;display:flex;flex-wrap:wrap;gap:24px;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md)}.footer__heart{animation:pulse 2s infinite;color:#e74c3c}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.footer__links{display:flex;gap:24px;gap:var(--spacing-lg)}.footer__link{align-items:center;color:#718096;color:var(--text-muted);display:inline-flex;gap:8px;gap:var(--spacing-sm);text-decoration:none;transition:color .2s ease}.footer__link:hover{color:#667eea}.footer__copyright{color:#718096;color:var(--text-muted);font-size:.85rem}@media (max-width:768px){.app{padding:16px;padding:var(--spacing-md)}.app__container{padding:24px;padding:var(--spacing-lg)}.header__content{flex-direction:column;text-align:center}.header__title{font-size:2rem}.preset-buttons__grid{grid-template-columns:repeat(2,1fr)}.options-grid{grid-template-columns:1fr}.option-group--color{grid-column:span 1}.footer__content{flex-direction:column;text-align:center}}
/*# sourceMappingURL=main.b1475f31.css.map*/