:root.admin-preview-mode{--admin-preview-banner-height:26px}
:root.admin-preview-mode body{padding-top:var(--admin-preview-banner-height)}
.admin-preview-banner{position:fixed!important;top:0;right:0;left:0;z-index:10000;display:flex;width:100%;height:var(--admin-preview-banner-height);min-height:var(--admin-preview-banner-height);box-sizing:border-box;align-items:center;justify-content:center;gap:7px;margin:0;padding:2px 8px;border:0;border-bottom:1px solid #efc4c8;border-radius:0;background:#fff8f8;color:#8f2632;font-size:10px;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 1px 5px rgba(114,31,42,.06);transform:none!important;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.admin-preview-mode .app{min-height:calc(100dvh - var(--admin-preview-banner-height))}
.admin-preview-mode .app .sidebar{top:var(--admin-preview-banner-height)}
.admin-preview-banner strong{font-size:10px;font-weight:700;white-space:nowrap}.admin-preview-banner span{color:#9e4d56}.admin-preview-banner button{min-height:20px;padding:0 7px;border:1px solid #e8b3b8;border-radius:999px;background:#fff;color:#84232e;font:inherit;font-size:9px;font-weight:650;line-height:18px;white-space:nowrap;cursor:pointer}.admin-preview-banner button:hover{border-color:#d97f89;background:#ffe8ea}.admin-preview-banner button:focus-visible{outline:2px solid rgba(238,63,77,.28);outline-offset:1px}:root.dark-mode .admin-preview-banner{border-color:#7b454b;background:#3b2529;color:#ffcbd0;box-shadow:0 1px 5px rgba(0,0,0,.22)}:root.dark-mode .admin-preview-banner span{color:#e8aab0}:root.dark-mode .admin-preview-banner button{border-color:#89525a;background:#241a1c;color:#ffd7da}:root.dark-mode .admin-preview-banner button:hover{background:#4a2c31}
@media(display-mode:standalone){.admin-preview-banner{top:env(safe-area-inset-top,0px)}}
@media(max-width:600px){:root.admin-preview-mode{--admin-preview-banner-height:26px}.admin-preview-banner{gap:6px;padding-inline:6px}.admin-preview-banner strong{font-size:9.5px}.admin-preview-banner button{min-height:20px;padding-inline:6px;font-size:8.5px}}
@media print{:root.admin-preview-mode body{padding-top:0}.admin-preview-banner{display:none}.admin-preview-mode .app{min-height:100vh}.admin-preview-mode .app .sidebar{top:0}}