/* OptimizeGIF - GIF Enhancer tool-specific styles */
/* Most UI styling lives in /css/tool-shared.css */

.enhancer-preview {
    padding: 20px;
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-alt);
    text-align: center;
}
.enhancer-preview__wrap {
    display: inline-block;
    max-width: 100%;
    background:
        linear-gradient(45deg, var(--border-color) 25%, transparent 25%),
        linear-gradient(-45deg, var(--border-color) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, var(--border-color) 75%),
        linear-gradient(-45deg, transparent 75%, var(--border-color) 75%);
    background-size: 16px 16px;
    background-position: 0 0, 0 8px, 8px -8px, -8px 0;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 10px;
    line-height: 0;
}
.enhancer-preview__wrap img {
    max-width: 100%;
    max-height: 360px;
    height: auto;
    display: inline-block;
    border-radius: var(--radius-sm);
    transition: filter 0.15s;
}
.enhancer-preview__meta {
    margin-top: 10px;
    font-family: var(--font-mono);
    font-size: 0.78rem;
    color: var(--text-muted);
}