.manual-slider{--slider-gap:20px;--peek-left:0px;--peek-right:0px;--card-radius:28px;--control-size:58px;--dot-size:12px;--dot-gap:15px;--card-aspect-ratio:12/15;position:relative;width:100%}.manual-slider *{box-sizing:border-box}.manual-slider__viewport{overflow:hidden;position:relative;touch-action:pan-y;width:100%}.manual-slider__track{align-items:stretch;display:flex;gap:var(--slider-gap);transform:translateZ(0);will-change:transform}.manual-slider__slide{flex:0 0 auto;min-width:0;transition:width .45s ease}.manual-slider__slide--emphasis .manual-slider__media{box-shadow:0 10px 30px rgba(0,0,0,.14)}.manual-slider__media{animation:manual-slider-shimmer 1.4s linear infinite;aspect-ratio:var(--card-aspect-ratio);background-color:#e9e3d8;background-image:linear-gradient(110deg,#e9e3d8 8%,#f5f1e6 18%,#e9e3d8 33%);background-size:200% 100%;border-radius:var(--card-radius);overflow:hidden;position:relative;transition:box-shadow .45s ease;width:100%}.manual-slider__media.is-loaded{animation:none;background-image:none}.manual-slider__image{display:block;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease;width:100%}.manual-slider__image.is-loaded{opacity:1}@keyframes manual-slider-shimmer{to{background-position-x:-200%}}.manual-slider__footer{align-items:center;display:flex;gap:20px;justify-content:space-around;margin-top:18px}.manual-slider__dots{align-items:center;display:flex;flex-wrap:wrap;gap:var(--dot-gap)}.manual-slider__dot{background:#d0d0d0;border:0;border-radius:999px;cursor:pointer;height:var(--dot-size);padding:0;transition:transform .15s ease,opacity .15s ease,background .15s ease;width:var(--dot-size)}.manual-slider__dot.is-active{background:#000}.manual-slider__controls{align-items:center;display:flex;flex-shrink:0;gap:10px}.manual-slider__arrow{align-items:center;background:transparent;border:1.2px solid #222;border-radius:999px;color:#000;cursor:pointer;display:inline-flex;height:var(--control-size);justify-content:center;padding:0;transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease;width:var(--control-size)}.manual-slider__arrow:hover{background:rgba(0,0,0,.08);border-color:#000;color:#000}.manual-slider__arrow:active{transform:scale(.95)}.manual-slider__arrow:disabled{cursor:not-allowed;opacity:.45;transform:none}.manual-slider__arrow svg{display:block;height:18px;width:18px}.manual-slider__placeholder{background:#f8fafc;border:1px dashed #b9c3cf;border-radius:8px;color:#334155;font-size:14px;line-height:1.5;padding:16px}.manual-slider__placeholder code{font-family:monospace;font-size:13px}.manual-slider__debug{background:#fafafa;border:1px dashed #d1d5db;border-radius:8px;color:#374151;font-size:12px;line-height:1.45;margin-bottom:12px;padding:12px}.manual-slider--empty{min-height:1px}@media (max-width:767px){.manual-slider{--card-radius:20px;--control-size:50px;--dot-size:11px}.manual-slider__footer{gap:16px;margin-top:16px}.manual-slider__slide--emphasis .manual-slider__media{box-shadow:none}}@media (max-width:520px){.manual-slider{--card-radius:18px;--control-size:46px}.manual-slider__controls{gap:10px}}@media (prefers-reduced-motion:reduce){.manual-slider__media{animation:none;transition:none}.manual-slider__image,.manual-slider__slide{transition:none}}