/* Shared published host only; authored template artwork keeps its own colors. */
.l4u-viewer-hide-create-own #viewerCreateOwnButton{display:none!important;visibility:hidden!important}
.l4u-viewer-layered-mode{overflow:hidden;background:#f9eee8}
.l4u-viewer-layered-mode [data-l4u-nav],.l4u-viewer-layered-mode [data-l4u-footer],.l4u-viewer-layered-mode .l4u-background{display:none!important}
.l4u-viewer-layered-mode main,.l4u-layered-viewer,#viewerLayeredFrame{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;padding:0;border:0;overflow:hidden}
#viewerLayeredFrame{display:block;background:#f9eee8}
#viewerLayeredFrame[hidden],.l4u-layered-viewer.hidden,.l4u-layered-error[hidden],.l4u-layered-sound[hidden]{display:none}
.l4u-layered-error{position:absolute;inset:0;display:grid;place-content:center;padding:2rem;text-align:center;color:#754958;background:#fff7f3;font:500 1rem/1.7 system-ui,sans-serif}
.l4u-layered-sound{position:fixed;z-index:80;bottom:calc(max(1rem,env(safe-area-inset-bottom)) + 3.25rem);left:1rem;border:1px solid #b88b9b55;border-radius:2rem;background:#fff8f0eb;color:#754958;padding:.65rem .9rem;min-height:44px;font:600 12px/1.4 system-ui,sans-serif;box-shadow:0 2px 12px #38203016}
.l4u-layered-volume-gate{max-width:min(26rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;border:1px solid #ead0d8;border-radius:1.8rem;background:#fff9f5;color:#694651;padding:2rem;box-shadow:0 18px 70px #29132240;text-align:center}
.l4u-layered-volume-gate::backdrop{background:#33222c80;backdrop-filter:blur(4px)}
.l4u-layered-volume-gate .material-symbols-outlined{font-size:2.3rem;color:#b5577a}
.l4u-layered-volume-gate h2{margin:1rem 0 .7rem;font-size:1.6rem;line-height:1.25;font-weight:700}
.l4u-layered-volume-gate p{font-size:.88rem;line-height:1.7;color:#816c73}
.l4u-layered-volume-gate label{display:block;font-size:.75rem;margin:1rem 0 .3rem}
.l4u-layered-volume-gate input{width:100%;accent-color:#a7587b;min-height:32px}
.l4u-layered-volume-gate>div{display:grid;gap:.6rem;margin-top:1rem}
.l4u-layered-volume-gate button{min-height:46px;border-radius:2rem;border:1px solid #d7b7c3;background:#fffaf7;color:#7c4a60;padding:.7rem 1rem;font-size:.85rem;font-weight:600}
.l4u-layered-volume-gate button:first-child{background:#8d536b;color:white;border-color:transparent}
.l4u-layered-volume-gate button:focus-visible,.l4u-layered-sound:focus-visible{outline:2px solid #aa557d;outline-offset:3px}
@media(max-width:380px){.l4u-layered-volume-gate{padding:1.3rem}.l4u-layered-volume-gate h2{font-size:1.35rem}.l4u-layered-sound{bottom:calc(max(.65rem,env(safe-area-inset-bottom)) + 3.25rem);left:.65rem;padding:.55rem .75rem}}