.fendix-meta-preferences {
    position: fixed; z-index: 10000; right: 12px; bottom: 12px;
    box-sizing: border-box; width: 280px; max-width: calc(100% - 24px);
    padding: 10px; border: 1px solid #d8d8d8; border-radius: 8px;
    background: #fff; color: #202020; box-shadow: 0 3px 14px #0002;
    font: 12px/1.4 system-ui, sans-serif;
}
.fendix-meta-preferences[hidden] { display: none !important; }
.fendix-meta-preferences p { margin: 0 0 8px; color: #202020; }
.fendix-meta-preferences a { color: #b4201d; text-decoration: underline; }
.fendix-meta-actions { display: flex; gap: 6px; }
.fendix-meta-actions button {
    flex: 1; min-height: 32px; margin: 0; padding: 5px 10px;
    border: 1px solid #888; border-radius: 4px; background: #fff;
    color: #202020; font: inherit; font-weight: 600; cursor: pointer;
}
.fendix-meta-actions button:hover { background: #f4f4f4; border-color: #DA2E29; }
.fendix-meta-settings {
    position: fixed; z-index: 9999; right: 12px; bottom: 12px;
    min-height: 28px; margin: 0; padding: 4px 8px;
    border: 1px solid #bbb; border-radius: 5px; background: #fff;
    color: #303030; font: 11px/1.4 system-ui, sans-serif; cursor: pointer;
}
.fendix-meta-preferences:not([hidden]) ~ .fendix-meta-settings { display: none; }
.fendix-meta-actions button:focus-visible,
.fendix-meta-settings:focus-visible,
.fendix-meta-preferences a:focus-visible { outline: 2px solid #DA2E29; outline-offset: 2px; }
@media (max-width: 640px) {
    .fendix-meta-settings,
    .fendix-meta-preferences { bottom: calc(70px + env(safe-area-inset-bottom, 0px)); }
    .fendix-meta-actions button { min-height: 36px; }
}