.gutter-snap-wrapper{max-width:700px;margin:40px auto;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgb(0 0 0 / .1);padding:30px 40px;font-family:"Helvetica Neue",Arial,sans-serif;color:#333;animation:fadeIn 0.6s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gutter-snap-title{text-align:center;font-size:2rem;margin-bottom:10px;color:#06c}.gutter-snap-subtitle{text-align:center;font-size:1rem;margin-bottom:25px}.gutter-snap-dropzone{border:2px dashed #a0c4ff;background:#f6faff;padding:40px;transition:background 0.3s}.gutter-snap-dropzone.dz-drag-hover{background:#e2f0ff}.gutter-snap-dropzone .dz-message{font-size:.85rem;color:#555}.dz-preview .dz-image img{border-radius:6px}.gutter-snap-label{display:block;margin:25px 0 5px;font-weight:600}.gutter-snap-select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;position:relative;z-index:1001}.gutter-snap-btn{display:block;width:100%;margin-top:30px;padding:12px 15px;background:#06c;color:#fff;border:none;border-radius:4px;font-size:1.1rem;cursor:pointer;transition:background 0.3s}.gutter-snap-btn:hover{background:#004fa3}.gutter-snap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;margin-bottom:25px}.gutter-snap-cell{display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;padding:10px;height:auto}.gutter-snap-cell h3{text-align:center;margin-bottom:8px;font-size:1rem}.gutter-snap-illustration{display:block;width:60px;height:60px;margin:0 auto 10px}.gutter-snap-illustration{max-width:100%;height:auto}.gutter-snap-cell .dropzone{flex:1;width:100%;min-height:200px;padding:20px 15px;display:flex;align-items:center;justify-content:center;height:220px;width:100%}.gutter-snap-cell .dz-message{font-size:14px}.gutter-snap-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:16px 14px;justify-items:center;margin:15px 0 25px}.gutter-snap-option{display:flex;flex-direction:column;align-items:center;width:90px}.gutter-snap-swatch{width:60px;height:60px;border-radius:6px;cursor:pointer;border:2px solid #fff0;transition:transform 0.2s,border 0.2s,box-shadow 0.2s;box-shadow:0 1px 3px rgb(0 0 0 / .15)}.gutter-snap-swatch:hover{transform:scale(1.08);box-shadow:0 2px 6px rgb(0 0 0 / .25)}.gutter-snap-swatch.selected{border-color:#06c;box-shadow:0 0 0 2px #fff,0 0 0 4px #06c}.gutter-snap-swatch-name{margin-top:6px;font-size:13px;text-align:center;line-height:1.2;color:#333}.gutter-client-banner{background:#ffeaba;padding:10px 15px;border:1px solid #ffcf70;border-radius:4px;margin-bottom:20px;font-weight:600;text-align:center;animation:fadeIn 0.4s ease-in-out}.gutter-client-banner{margin:10px 0 25px;font-weight:600;font-size:1.1rem;text-transform:capitalize;background:#f7f7f7;border-left:4px solid #0073aa;padding:8px 12px;border-radius:3px;color:#333}@media (max-width:480px){.gutter-snap-swatches{grid-template-columns:repeat(3,1fr);gap:12px 10px}.gutter-snap-option{width:70px}.gutter-snap-swatch{width:50px;height:50px}.gutter-snap-swatch-name{font-size:12px}}