.smooth-carousel-container[data-v-020ba185]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:1200px;margin:0 auto;padding:20px;background-color:#1a1a2e;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}.carousel-header[data-v-020ba185]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:#fff;flex-wrap:wrap;gap:15px}.carousel-header h2[data-v-020ba185]{margin:0;font-weight:600;color:#4cc9f0;font-size:1.5rem}.controls[data-v-020ba185]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.controls button[data-v-020ba185]{padding:8px 16px;background-color:#16213e;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.9rem;touch-action:manipulation;min-width:70px;white-space:nowrap}.controls button[data-v-020ba185]:hover{background-color:#0f3460;transform:translateY(-1px)}.controls button.active[data-v-020ba185]{background-color:#4cc9f0;color:#16213e}.speed-control[data-v-020ba185]{display:flex;align-items:center;gap:8px;color:#fff;font-size:.9rem}.speed-control input[type=range][data-v-020ba185]{width:70px;cursor:pointer;-webkit-appearance:none;height:4px;border-radius:2px;background:linear-gradient(90deg,#4cc9f0,#4cc9f0);outline:none}.speed-control input[type=range][data-v-020ba185]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}.carousel-wrapper[data-v-020ba185]{overflow:hidden;position:relative;border-radius:8px;padding:15px 0;min-height:220px;-webkit-overflow-scrolling:touch;touch-action:pan-y;transform:translateZ(0);backface-visibility:hidden}.carousel-track[data-v-020ba185]{display:flex;align-items:center;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;perspective:1000px;gap:15px;padding:0 10px}.carousel-track[data-v-020ba185]:active{cursor:grabbing}.carousel-item[data-v-020ba185]{flex:0 0 auto;border-radius:8px;overflow:hidden;background-color:#16213e;position:relative;transform:translateZ(0);will-change:transform;transition:transform .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.2)}.carousel-item[data-v-020ba185]:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px rgba(0,0,0,.3);z-index:10}.carousel-item img[data-v-020ba185]{display:block;-o-object-fit:cover;object-fit:cover;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.image-overlay[data-v-020ba185]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);color:#fff;padding:12px 10px;pointer-events:none;opacity:.9;backdrop-filter:blur(2px)}.image-title[data-v-020ba185]{font-weight:600;font-size:14px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-size[data-v-020ba185]{font-size:11px;opacity:.8}.scroll-indicator[data-v-020ba185]{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.6);padding:6px 12px;border-radius:20px;color:#fff;font-size:12px;opacity:.7;animation:pulse-020ba185 2s infinite;pointer-events:none}@keyframes pulse-020ba185{0%,to{opacity:.7}50%{opacity:.4}}.indicator-dot[data-v-020ba185]{width:6px;height:6px;background:#4cc9f0;border-radius:50%;animation:bounce-020ba185 1.5s infinite}@keyframes bounce-020ba185{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}.carousel-footer[data-v-020ba185]{margin-top:20px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;color:#8a8da0;font-size:14px}.position-info[data-v-020ba185]{display:flex;flex-direction:column;gap:8px;min-width:200px}.performance-info[data-v-020ba185],.position-indicator[data-v-020ba185]{background-color:#16213e;padding:8px 15px;border-radius:20px}.fps-counter[data-v-020ba185]{color:#4cc9f0;font-weight:600}.optimization-controls[data-v-020ba185]{display:flex;flex-direction:column;gap:10px;background-color:#16213e;padding:15px;border-radius:8px;min-width:200px}.control-item[data-v-020ba185]{display:flex;align-items:center;gap:10px}.control-item label[data-v-020ba185]{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.control-item input[type=checkbox][data-v-020ba185]{width:16px;height:16px;cursor:pointer}.performance-panel[data-v-020ba185]{margin-top:20px;background:rgba(22,33,62,.9);border-radius:8px;padding:15px;color:#fff;font-size:12px}.performance-panel h4[data-v-020ba185]{margin:0 0 10px 0;color:#4cc9f0;font-size:14px}.metrics[data-v-020ba185]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:15px}.metric[data-v-020ba185]{background:rgba(0,0,0,.3);padding:8px;border-radius:4px;text-align:center}.performance-chart[data-v-020ba185]{display:flex;align-items:flex-end;height:60px;gap:2px;background:rgba(0,0,0,.2);border-radius:4px;padding:5px}.chart-bar[data-v-020ba185]{flex:1;background:#4cc9f0;border-radius:2px;min-height:2px;transition:height .3s ease}.chart-bar.low[data-v-020ba185]{background:#ff6b6b}@media (max-width:768px){.smooth-carousel-container[data-v-020ba185]{padding:15px;border-radius:8px}.carousel-header[data-v-020ba185]{flex-direction:column;align-items:stretch;gap:15px}.carousel-header h2[data-v-020ba185]{text-align:center;font-size:1.3rem}.controls[data-v-020ba185]{justify-content:center}.controls button[data-v-020ba185]{padding:8px 12px;font-size:.85rem;min-width:65px}.carousel-wrapper[data-v-020ba185]{padding:10px 0;border-radius:6px}.carousel-track[data-v-020ba185]{gap:10px;padding:0 8px}.carousel-item[data-v-020ba185]{border-radius:6px}.carousel-footer[data-v-020ba185]{flex-direction:column;align-items:stretch;gap:15px}.optimization-controls[data-v-020ba185],.position-info[data-v-020ba185]{min-width:100%}.carousel-track[data-v-020ba185]{-webkit-overflow-scrolling:touch}.carousel-item img[data-v-020ba185]{transform:translateZ(0)}.carousel-item[data-v-020ba185]{box-shadow:0 2px 8px rgba(0,0,0,.15)}.carousel-item[data-v-020ba185]:hover{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.15)}}@media (max-width:480px){.smooth-carousel-container[data-v-020ba185]{padding:12px}.carousel-header h2[data-v-020ba185]{font-size:1.2rem}.controls[data-v-020ba185]{gap:8px}.controls button[data-v-020ba185]{padding:6px 10px;font-size:.8rem;min-width:60px}.carousel-track[data-v-020ba185]{gap:8px}.image-overlay[data-v-020ba185]{padding:8px}.image-title[data-v-020ba185]{font-size:12px}.scroll-indicator[data-v-020ba185]{font-size:11px;padding:5px 10px}}@media (prefers-reduced-motion:reduce){.carousel-item[data-v-020ba185],.carousel-track[data-v-020ba185]{transition:none!important}.carousel-item[data-v-020ba185]:hover{transform:none!important}.indicator-dot[data-v-020ba185],.scroll-indicator[data-v-020ba185]{animation:none}}@media (hover:none) and (pointer:coarse){.carousel-item[data-v-020ba185]:hover{transform:none}.carousel-track[data-v-020ba185],.carousel-track[data-v-020ba185]:active{cursor:default}}.performance-mode .carousel-item[data-v-020ba185]{box-shadow:none}.performance-mode .carousel-item[data-v-020ba185]:hover{transform:none}.performance-mode .image-overlay[data-v-020ba185]{display:none}