.gif-preview[data-v-c7b2fed4]{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--card-shadow);width:100%;max-width:560px;overflow:hidden}.preview-area[data-v-c7b2fed4]{background:var(--navy);justify-content:center;align-items:center;min-height:200px;padding:24px;display:flex;position:relative}.preview-canvas[data-v-c7b2fed4]{object-fit:contain;max-width:100%;max-height:400px;image-rendering:pixelated;display:block}.frame-counter[data-v-c7b2fed4]{color:#ffffffd9;font-family:var(--font-display);border-radius:var(--radius-sm);letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:12px;right:12px}.controls[data-v-c7b2fed4]{justify-content:center;align-items:center;padding:16px 20px;display:flex}.control-buttons[data-v-c7b2fed4]{align-items:center;gap:12px;display:flex}.control-btn[data-v-c7b2fed4]{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.control-btn[data-v-c7b2fed4]:hover{color:var(--navy);background:#0000000a}.control-btn[data-v-c7b2fed4]:active{transform:scale(.92)}.play-btn[data-v-c7b2fed4]{background:var(--accent-blue);width:44px;height:44px;color:var(--navy);border-radius:50%}.play-btn[data-v-c7b2fed4]:hover{background:var(--duck-yellow)}@media (width<=768px){.gif-preview[data-v-c7b2fed4]{max-width:100%}.preview-area[data-v-c7b2fed4]{min-height:160px;padding:16px}.preview-canvas[data-v-c7b2fed4]{max-height:280px}.controls[data-v-c7b2fed4]{padding:12px 16px}}