.ecommerce-suite-page{max-width:800px;margin:0 auto;padding:2rem 1rem}.ecommerce-suite-page h1{font-size:1.75rem;margin-bottom:.5rem}.ecommerce-suite-page .subtitle{color:#888;margin-bottom:2rem}.form-section{gap:1.5rem}.form-group,.form-section{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-weight:500;color:#ddd}.form-group textarea{padding:.75rem;border-radius:8px;border:1px solid #444;background:#1a1a1a;color:#fff;resize:vertical}.form-group small{color:#666}.image-upload{border:2px dashed #444;border-radius:12px;padding:1.5rem;text-align:center}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;color:#888}.upload-placeholder span{font-size:1.25rem}.upload-placeholder .hint{color:#5a9;font-size:.8rem}.preview-wrapper{position:relative;display:inline-block}.preview-wrapper img{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover}.preview-wrapper .remove-btn{position:absolute;top:-8px;right:-8px;background:#c44;color:white;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:.8rem}.style-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:.75rem;gap:.75rem}.style-btn{padding:.75rem;border:1px solid #444;border-radius:8px;background:#1a1a1a;color:#888;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:all .2s}.style-btn.active{border-color:#5a9;background:rgba(85,170,153,.1);color:#fff}.style-btn strong{font-size:.9rem}.style-btn small{font-size:.7rem;color:#666}.resolution-options{display:flex;gap:.75rem;flex-wrap:wrap}.res-btn{padding:.75rem 1.25rem;border:1px solid #444;border-radius:8px;background:#1a1a1a;color:#888;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:all .2s}.res-btn.active{border-color:#5a9;background:rgba(85,170,153,.1);color:#fff}.res-btn small{font-size:.75rem;color:#666}.slots-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:1rem;gap:1rem}.slot-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1rem;text-align:center;position:relative}.slot-number{position:absolute;top:-10px;left:-10px;background:#5a9;color:white;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.slot-card strong{display:block;margin-bottom:.5rem;color:#ddd}.slot-card small{display:block;color:#666;font-size:.75rem}.slot-card .desc{margin-top:.5rem;color:#888}.submit-section{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem;text-align:center}.price-info{margin-bottom:1rem}.price-info .total{font-size:1.5rem;font-weight:700;color:#5a9}.price-info .saved{margin-left:.5rem;color:#c85;font-size:.9rem}.error{color:#c44;margin-bottom:1rem;padding:.5rem;background:rgba(204,68,68,.1);border-radius:6px}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#5a9,#3a7);color:white;border:none;border-radius:8px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:opacity .2s}.submit-btn:hover:not(:disabled){opacity:.9}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.result-section{text-align:center;padding:2rem}.result-section h2{color:#5a9;margin-bottom:1rem}.result-slots{display:flex;justify-content:center;gap:1rem;margin:2rem 0;flex-wrap:wrap}.result-slot{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.result-slot .status{color:#888;font-size:.85rem}.again-btn{padding:.75rem 1.5rem;background:#333;color:#ddd;border:1px solid #444;border-radius:6px;cursor:pointer}.again-btn:hover{background:#3a3a3a}.slots-config{display:flex;flex-direction:column;gap:1rem}.slot-config-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1rem}.slot-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.slot-header .slot-number{background:#5a9;color:white;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.slot-header strong{color:#ddd}.slot-header .slot-desc{color:#888;font-size:.8rem;margin-left:auto}.slot-controls{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:1rem;gap:1rem;align-items:end}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{font-size:.85rem;color:#888}.control-group select{padding:.5rem;border:1px solid #444;border-radius:6px;background:#222;color:#ddd;font-size:.9rem}.slot-price{background:rgba(85,170,153,.1);color:#5a9;padding:.5rem 1rem;border-radius:6px;font-weight:500;text-align:center}@media (max-width:600px){.slot-controls{grid-template-columns:1fr;gap:.75rem}.slot-header .slot-desc{display:none}}