.joy-visualizer-container{margin:25px 0;font-family:inherit;color:#fff}.joy-preview-window{position:relative;width:100%;margin-bottom:30px;background:transparent;border-radius:12px;overflow:hidden}.joy-base-img{width:100%;display:block;height:auto;position:relative;z-index:1}.joy-overlay-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;display:none;transition:opacity .15s ease-in-out}.joy-overlay-layer.active{display:block}.joy-step-section{margin-bottom:25px;border-bottom:1px solid #333;padding-bottom:20px}.joy-step-section:last-child{border-bottom:none}.joy-swatch-heading{font-size:1.1rem;font-weight:700;margin-bottom:12px;letter-spacing:.03rem;text-transform:uppercase;color:#f7f7f7}.joy-swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;justify-items:center}.joy-swatch-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer}.joy-swatch-item{width:58px;height:55px;border-radius:50%;border:2px solid #444;overflow:hidden;transition:transform .2s,border-color .2s;background-color:#1a1a1a;position:relative;margin-bottom:6px}.joy-swatch-item img{width:100%;height:100%;object-fit:cover;display:block}.joy-swatch-wrapper:hover .joy-swatch-item{border-color:#888;transform:scale(1.05)}.joy-swatch-wrapper.selected .joy-swatch-item{border-color:#fff;transform:scale(1.1)}.joy-swatch-label{font-size:.75rem;color:#aaa;text-align:center;line-height:1.2;word-break:break-word;max-width:100%}.joy-swatch-wrapper.selected .joy-swatch-label{color:#fff;font-weight:600}.joy-size-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.joy-size-pill{padding:12px 20px;background:#1a1a1a;border:2px solid #444;color:#aaa;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;flex-grow:1;min-width:calc(33.33% - 10px)}.joy-size-pill:hover{border-color:#888;color:#fff}.joy-size-pill.selected{background:#fff;border-color:#fff;color:#000}
.joy-size-up-display {margin-top:15px;font-size:1rem;font-weight:700;color:#f876b5;text-align:left;height:20px;transition:opacity .2s ease-in-out;}
.joy-choice-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}
.joy-choice-pill{padding:12px 20px;background:#1a1a1a;border:2px solid #444;color:#aaa;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;flex-grow:1;min-width:calc(33.33% - 10px)}
.joy-choice-pill:hover{border-color:#888;color:#fff}
.joy-choice-pill.selected{background:#fff;border-color:#fff;color:#000}