.customize-preview{width:100%;max-width:520px;font-family:system-ui,-apple-system,SF Pro Text,sans-serif}.customize-preview__card{border-radius:28px;overflow:hidden;background:#15171c;padding:18px;box-shadow:0 12px 32px #2d2b2b38}.customize-preview__panel{border-radius:20px;height:190px;position:relative;overflow:hidden;transition:background-color .6s ease;background-color:#0d0f14}.customize-preview__rail{position:absolute;left:8%;right:8%;height:1px;transition:background-color .6s ease}.customize-preview__rail--top{top:32px}.customize-preview__rail--bottom{bottom:32px}.customize-preview__word-wrap{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:64px}.customize-preview__word{position:absolute;left:33.333%;top:50%;transform:translateY(-50%);white-space:nowrap;line-height:1;transition:color .6s ease}.customize-preview__pivot{position:relative;display:inline-block;transform:translate(-50%);transition:color .6s ease}.customize-preview__prefix,.customize-preview__suffix{position:absolute;top:0;transition:color .6s ease}.customize-preview__prefix{right:100%}.customize-preview__suffix{left:100%}.customize-preview__caption{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:11px;letter-spacing:.02em;transition:color .6s ease}.customize-preview__controls{display:flex;flex-direction:column;gap:20px;padding:22px 6px 6px}.customize-preview__row{display:flex;flex-direction:column;gap:10px}.customize-preview__row--font{gap:12px}.customize-preview__row-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#f2f5fa80}.customize-preview__swatches{display:flex;flex-wrap:wrap}.customize-preview__swatches--bg{gap:12px}.customize-preview__swatches--accent{display:grid;grid-template-columns:repeat(8,22px);gap:12px 10px;justify-content:start}.customize-preview__bg-swatch{width:26px;height:26px;border-radius:13px;box-sizing:border-box;transition:box-shadow .3s ease;flex:none}.customize-preview__accent-swatch{width:22px;height:22px;border-radius:11px;box-sizing:border-box;transition:box-shadow .3s ease}.customize-preview__font-chips{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.customize-preview__size-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:4px}.customize-preview__font-chip{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;white-space:nowrap;transition:background-color .3s ease,color .3s ease}.customize-preview__size-chip{width:34px;height:26px;border-radius:8px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease}@media(max-width:400px){.customize-preview__swatches--accent{grid-template-columns:repeat(8,20px);gap:10px 8px}.customize-preview__accent-swatch{width:20px;height:20px;border-radius:10px}}