*{box-sizing:border-box}.coupon-generator-app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-width:1200px;margin:0 auto;padding:1rem}.generator-grid{display:grid;grid-template-columns:400px 1fr;gap:2rem;margin-top:2rem;align-items:start}@media (max-width: 1024px){.generator-grid{grid-template-columns:1fr}}.controls-panel{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;position:sticky;top:1rem}.output-panel{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;min-height:600px}.generator-controls h3{margin-top:0;margin-bottom:1.25rem;color:#1a202c;font-size:1.25rem;font-weight:700;border-bottom:2px solid #e2e8f0;padding-bottom:.75rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.8125rem;text-transform:uppercase;letter-spacing:.025em}.form-control{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9375rem;transition:all .15s;background:#fff}.form-control:hover{border-color:#9ca3af}.form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-range{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none}.form-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer}.form-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label span{line-height:18px;vertical-align:middle;margin-left:2pt}.form-help{display:block;margin-top:.25rem;font-size:.75rem;color:#718096}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;text-align:center}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f64d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f666}.btn-large{width:100%;padding:.875rem 1rem;font-size:1rem;font-weight:700}.btn-outline{background:#fff;color:#3b82f6;border:2px solid #3b82f6}.btn-outline:hover:not(:disabled){background:#eff6ff}.btn-shopify{background:#008060;color:#fff}.btn-shopify:hover{background:#006b4f}.button-group{display:flex;gap:0;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.btn-toggle{flex:1;padding:.625rem 1rem;background:#fff;border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:#4a5568;transition:all .2s;border-right:1px solid #e2e8f0}.btn-toggle:last-child{border-right:none}.btn-toggle:hover{background:#f7fafc}.btn-toggle.active{background:#3b82f6;color:#fff}.pattern-preview{margin-bottom:1.25rem;padding:.875rem 1rem;background:linear-gradient(to right,#eff6ff,#f0f9ff);border-radius:6px;font-size:.8125rem;border:1px solid #bfdbfe}.pattern-preview strong{color:#374151;font-weight:600}.pattern-preview code{font-family:Courier New,monospace;color:#1e40af;font-weight:700;font-size:1.125rem;letter-spacing:.05em}.codes-output{margin-bottom:2rem}.codes-output h3{margin-top:0;margin-bottom:1rem;color:#1a202c;font-size:1.25rem;font-weight:700;border-bottom:2px solid #e2e8f0;padding-bottom:.75rem}.codes-count{margin-bottom:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;text-align:center;color:#fff;font-size:1rem;font-weight:600;box-shadow:0 2px 4px #10b98133}.codes-count strong{font-size:1.5rem;font-weight:700}.codes-textarea{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:6px;font-family:Courier New,Consolas,Monaco,monospace;font-size:.875rem;line-height:1.6;resize:vertical;background:#fafafa;color:#1f2937;min-height:400px}.codes-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.codes-textarea::placeholder{color:#a0aec0}.error-message{padding:.75rem;background:#fee;border-left:4px solid #f56565;border-radius:4px;color:#c53030;margin-bottom:1rem;font-size:.875rem}.export-section{padding-top:1.5rem;margin-top:1.5rem;border-top:2px solid #e2e8f0}.export-section h3{margin-top:0;margin-bottom:1rem;color:#1a202c;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.export-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media (max-width: 768px){.export-buttons{grid-template-columns:1fr}}