/* Custom sections render normally for visitors. Editor controls only exist for authorized users. */
.mra-live-custom { position:relative; padding:90px 32px; background:#f4f1ed; color:#111; }
.mra-live-custom__inner { max-width:1280px; margin:auto; display:flex; flex-direction:column; align-items:center; gap:24px; text-align:center; }
.mra-phe .mra-live-custom :is(h2,h3,p,figure) { margin:0; max-width:100%; color:inherit; }
.mra-live-custom p { white-space:pre-line; line-height:1.6; }
.mra-live-custom figure { width:100%; overflow:hidden; min-height:60px; }
.mra-live-custom img { width:100%; height:auto; display:block; object-fit:cover; }
.mra-live-custom__button { display:inline-flex; padding:16px 30px; text-decoration:none; font:700 15px/1.4 Arial,sans-serif; background:#f31622; color:#fff; }
.mra-live-custom--split .mra-live-custom__inner { display:grid; grid-template-columns:1fr 1fr; align-items:center; }
.mra-live-custom--split figure { grid-column:2; grid-row:1 / span 4; }
.mra-live-custom--split :is(h2,p,a) { grid-column:1; }
.mra-live-custom--cards .mra-live-custom__inner,.mra-live-custom--gallery .mra-live-custom__inner { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; }
.mra-live-custom--cards .mra-live-custom__inner>h2,.mra-live-custom--gallery .mra-live-custom__inner>h2 { grid-column:1/-1; }
.mra-live-custom__card { padding:24px; display:flex; flex-direction:column; gap:18px; box-shadow:0 20px 50px #0001; }
.mra-live-custom__card img { aspect-ratio:4/3; }
.mra-live-custom__card h3 { font-size:inherit!important; }
.mra-live-custom__card p,.mra-live-custom__card a { font-size:18px; }
.mra-live-custom--banner { background:#c90d1b; color:#fff; }
@media(max-width:767px) { .mra-live-custom { padding:60px 20px; } .mra-live-custom--split .mra-live-custom__inner,.mra-live-custom--cards .mra-live-custom__inner,.mra-live-custom--gallery .mra-live-custom__inner { display:flex;flex-direction:column; } .mra-live-custom__inner>* { width:100%; } }

/* All studio UI is isolated from theme typography and the public page. */
.mra-live-ui { box-sizing:border-box; font:14px/1.45 system-ui,-apple-system,Arial,sans-serif; letter-spacing:normal; text-transform:none; color:#191919; }
.mra-live-ui * { box-sizing:border-box; }
.mra-live-ui[hidden] { display:none!important; }
.mra-live-ui :is(button,input,select,textarea) { font:inherit!important; letter-spacing:normal!important;text-transform:none!important; }
.mra-live-ui button,.mra-live-ui a.mra-live-action { cursor:pointer; background:#fff; border:1px solid #d4d4d4; border-radius:9px; color:#191919!important; -webkit-text-fill-color:#191919!important; min-height:36px; padding:7px 12px; text-decoration:none; box-shadow:none; }
.mra-live-ui button:hover { background:#f0eded; }
.mra-live-ui .mra-live-primary { background:#ed1526!important;border-color:#ed1526!important; color:#fff!important;-webkit-text-fill-color:#fff!important; }
.mra-live-ui button:disabled { opacity:.4; cursor:not-allowed; }
.mra-live-ui :is(button,input,select,textarea):focus-visible { outline:2px solid #eb1627;outline-offset:2px; }
.mra-live-toolbar { position:fixed; z-index:2147482000; bottom:16px; left:20px; right:20px; max-width:1450px; margin:auto; border-radius:16px; padding:12px; display:flex; flex-wrap:wrap; align-items:center; gap:8px; background:#101013; border:1px solid #fff3; box-shadow:0 12px 50px #0008; color:#fff; }
.mra-live-toolbar strong { padding:0 6px; white-space:nowrap; color:#fff!important; }
.mra-live-toolbar [data-live-status] { margin-left:auto; font-size:12px; color:#eee; max-width:250px; }
.mra-live-launch { position:fixed; z-index:2147481900; bottom:20px; left:20px; box-shadow:0 8px 35px #0006; }
.mra-live-launch button { background:#ed1526;color:#fff!important;-webkit-text-fill-color:#fff!important;border:0;border-radius:30px;padding:12px 22px; }
body.mra-live-active { padding-bottom:90px; }
body.mra-live-active .mra-phe-builder,body.mra-live-active .mra-phe__inline-edit-card { display:none!important; }
body.mra-live-active .mra-phe__observe { opacity:1!important;visibility:visible!important;transform:none!important; }
body.mra-live-active [data-mra-live-section] { outline:1px dashed #ef263f88;outline-offset:-1px; position:relative; }
body.mra-live-active [data-mra-live-section]:hover { outline:2px solid #ef263f; }
body.mra-live-active .mra-phe :is([data-mra-live-path], [data-mra-live-link], [data-mra-live-image]) { cursor:pointer; }
body.mra-live-active [data-mra-live-path]:hover,body.mra-live-active [data-mra-live-image]:hover { outline:2px dashed #ed1526;outline-offset:5px; }
body.mra-live-active [contenteditable=true] { outline:2px solid #ed1526!important; background:#ed15261a; min-width:24px; }
body.mra-live-active .mra-phe :is(.mra-phe__hero-painting-frame,.mra-phe__reviews-track,.mra-phe__art-drop-track) { animation-play-state:paused!important; }
body.mra-live-active .mra-phe__hero-painting-frame { opacity:0!important; }
body.mra-live-active .mra-phe__hero-painting-frame:first-child { opacity:.6!important; }
body.mra-live-active .mra-phe__reviews-track,body.mra-live-active .mra-phe__art-drop-track { transform:none!important; display:block!important; width:100%!important; }
body.mra-live-active .mra-phe__reviews-set,body.mra-live-active .mra-phe__art-drop-set { width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px; }
body.mra-live-active :is(.mra-phe__reviews-set,.mra-phe__art-drop-set)~:is(.mra-phe__reviews-set,.mra-phe__art-drop-set) { display:none!important; }
body.mra-live-active .mra-phe__review-card,body.mra-live-active .mra-phe__art-drop-card-shell { width:auto!important;min-width:0!important; }
.mra-live-section-tools { position:absolute;z-index:1100;right:12px;top:8px;display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:6px;background:#fff;box-shadow:0 5px 25px #0004;border-radius:12px;border:1px solid #ddd;max-width:calc(100% - 24px); }
.mra-live-section-tools strong { color:#191919!important; font:700 12px/1.3 system-ui!important; padding:0 7px; }
[data-mra-live-section=hero]>.mra-live-section-tools { top:195px; }
.mra-live-placeholder { min-height:120px; background:repeating-linear-gradient(135deg,#f8f5f5,#f8f5f5 14px,#eee9e9 14px,#eee9e9 28px);color:#222!important; padding:64px 25px 25px; text-align:center; }
.mra-live-placeholder p { color:#222!important;font:14px/1.5 system-ui!important; }
.mra-live-popover { position:fixed; z-index:2147482100; right:28px; bottom:102px; max-height:calc(100svh - 155px); overflow:auto; width:390px; max-width:calc(100vw - 32px); background:#fff; padding:20px; border:1px solid #ddd;border-radius:16px;box-shadow:0 20px 90px #0006; }
.mra-live-popover h2 { color:#111!important;-webkit-text-fill-color:#111!important;font:750 20px/1.3 system-ui!important;letter-spacing:normal!important;margin:0 35px 14px 0!important; }
.mra-live-popover p { color:#555!important;font:13px/1.5 system-ui!important; margin:8px 0!important; }
.mra-live-popover [data-live-close] { position:absolute;right:12px;top:12px; }
.mra-live-popover label { display:block; font:600 12px/1.5 system-ui; color:#222; margin:12px 0; }
.mra-live-popover :is(input,textarea,select) { width:100%;margin:5px 0 0;padding:9px;border:1px solid #bbb;background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;border-radius:7px;min-height:38px; }
.mra-live-popover textarea { resize:vertical; min-height:75px; }
.mra-live-popover input[type=color] { padding:3px;height:40px; }
.mra-live-popover .mra-live-row { display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:10px 0; }
.mra-live-popover .mra-live-section-row { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0;padding:10px;border:1px solid #eee;border-radius:10px; }
.mra-live-popover .mra-live-section-row span { color:#111; }
.mra-live-popover .mra-live-template { display:block;width:100%;text-align:left;margin:8px 0;padding:13px; }
.mra-live-card-tools { display:flex;align-items:center;gap:6px;padding:6px;background:#fff;color:#111;margin-bottom:8px;border-radius:8px; }
.mra-live-card-tools span { color:#111!important;font:600 12px system-ui; }
.mra-live-preview .mra-live-section-tools,.mra-live-preview .mra-live-placeholder,.mra-live-preview .mra-live-card-tools { display:none!important; }
@media(max-width:767px) {
 .mra-live-toolbar { left:8px;right:8px;bottom:8px;flex-wrap:wrap;padding:8px;gap:5px; }
 .mra-live-toolbar strong { font-size:12px; }
 .mra-live-toolbar [data-live-status] { flex-basis:100%;max-width:none; }
 .mra-live-toolbar button { font-size:11px!important;min-height:32px;padding:5px 8px; }
 .mra-live-popover { left:12px;right:12px;width:auto;bottom:145px;max-height:calc(100svh - 200px); }
 .mra-live-section-tools { position:relative;top:auto!important;right:auto; margin:0 0 15px;max-width:100%; }
 body.mra-live-active .mra-phe__reviews-set,body.mra-live-active .mra-phe__art-drop-set { grid-template-columns:1fr; }
}