/* AI Watermark frontend styles */
.ai-watermark-wrapper {
    position: relative;
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

.ai-watermark-wrapper > img,
.ai-watermark-wrapper > picture,
.ai-watermark-wrapper > picture > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.ai-watermark-background-host {
    position: relative;
}

.ai-watermark-badge {
    position: absolute;
    z-index: 20;
    background: var(--ai-wm-bg, rgba(240, 238, 233, 0.92));
    color: var(--ai-wm-color, #2c2c2c);
    padding: 5px 12px;
    border-radius: var(--ai-wm-radius, 4px);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: var(--ai-wm-font-size, 13px);
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 1.3;
    pointer-events: none;
    white-space: nowrap;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08);
}

.ai-watermark-pos-top-right .ai-watermark-badge { top: 12px; right: 12px; }
.ai-watermark-pos-top-left .ai-watermark-badge { top: 12px; left: 12px; }
.ai-watermark-pos-bottom-right .ai-watermark-badge { right: 12px; bottom: 12px; }
.ai-watermark-pos-bottom-left .ai-watermark-badge { bottom: 12px; left: 12px; }

@media (max-width: 480px) {
    .ai-watermark-badge {
        padding: 3px 8px;
        font-size: 11px;
    }

    .ai-watermark-pos-top-right .ai-watermark-badge { top: 8px; right: 8px; }
    .ai-watermark-pos-top-left .ai-watermark-badge { top: 8px; left: 8px; }
    .ai-watermark-pos-bottom-right .ai-watermark-badge { right: 8px; bottom: 8px; }
    .ai-watermark-pos-bottom-left .ai-watermark-badge { bottom: 8px; left: 8px; }
}