/* First stylesheet: still artwork is the baseline; movement is suppressed until Full Experience. */
[hidden]{display:none!important}
html:not([data-visual-motion="on"]) *,html:not([data-visual-motion="on"]) *::before,html:not([data-visual-motion="on"]) *::after{animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}
.visual-region-wrap{display:contents}
.visual-notice{background:#e5eddb;color:#17241c;border-bottom:1px solid #b5c7b5;padding:25px 0}
.visual-notice-inner{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:center}
.visual-notice h2{font-family:inherit;font-size:24px;line-height:1.18;letter-spacing:-.5px;margin:4px 0 10px}
.visual-notice p:not(.eyebrow){max-width:790px;font-size:14px;line-height:1.6;margin:0}
.visual-choices{display:grid;gap:9px}
.visual-choices a,.visual-choices .text-link{font-size:12px;text-align:center;justify-content:center}
.visual-toolbar{background:#ecede6;border-bottom:1px solid #cecec6;color:#304233;font-size:11px;line-height:1.4;padding:9px 0;position:sticky;top:0;z-index:70}
.visual-toolbar>.container{display:flex;justify-content:space-between;align-items:center;gap:15px}.visual-toolbar>.container>div{display:flex;flex-wrap:wrap;gap:12px}
.visual-toolbar button{font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid #82927e;padding:4px;cursor:pointer}
.visual-placeholder{font:12px/1.6 ui-monospace,monospace;color:#7e8f84;text-align:center;padding:70px 25px}
.visual-notice [data-visual-grant]{min-height:46px;justify-content:center}
.asset-gate{font:16px/1.7 system-ui,sans-serif;background:#f0f0e9;color:#1b2820;margin:0}.asset-gate main{max-width:680px;margin:10vh auto;padding:32px}.asset-gate h1{font-size:44px;line-height:1.12}.asset-gate button{padding:14px 20px;background:#203f30;color:white;border:0;border-radius:4px;font:inherit;cursor:pointer}.asset-gate a{display:block;margin:20px 0;color:#203f30}
.machine-campaign{padding-top:85px!important;padding-bottom:70px!important}.machine-campaign h1{max-width:1100px;font-size:clamp(48px,7.9vw,116px);line-height:.95;margin:24px 0 42px;letter-spacing:-.055em}.machine-campaign-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;margin-bottom:24px}.machine-campaign-bottom p{max-width:460px}.machine-campaign-reply{border-left:1px solid #afb7a9;padding:12px 40px}.machine-campaign-reply>p{font:italic 29px/1.4 Georgia,serif}
@media(max-width:760px){.visual-notice-inner{grid-template-columns:1fr;gap:18px}.visual-notice{padding:22px 0}.visual-choices{grid-template-columns:1fr 1fr}.visual-choices>.text-link,.visual-choices>a{grid-column:1/-1}.visual-choices .button{padding:10px;font-size:12px}.visual-toolbar>.container{align-items:flex-start;flex-direction:column}.machine-campaign{padding-top:48px!important}.machine-campaign-bottom{grid-template-columns:1fr;gap:25px}.machine-campaign-reply{padding-left:20px}.machine-campaign h1{font-size:clamp(42px,11.5vw,80px)}}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.asset-gate img{max-width:100%;height:auto;display:block;margin:28px auto}.asset-gate button{margin:4px 0}
/* Compact, user-opened Still / Full Experience settings. The panel never blocks the still artwork. */
body .visual-toolbar,body.play-site .visual-toolbar{position:fixed;top:auto;bottom:14px;right:18px;left:auto;width:auto;max-width:calc(100vw - 32px);padding:0;border:1px solid #46485d;border-radius:14px;background:#151724f5;color:#e5e6f2;box-shadow:0 5px 25px #0003;font:12px/1.4 system-ui,sans-serif;z-index:90}
body .visual-toolbar>.container,body.play-site .visual-toolbar>.container{width:auto;max-width:none;margin:0;padding:5px;display:flex;flex-direction:row;gap:0}
body .visual-toolbar .visual-toolbar-actions{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
body .visual-toolbar button,body.play-site .visual-toolbar button{border:0;border-radius:9px;background:transparent;color:#e5e6f2;font:12px/1.4 system-ui,sans-serif;padding:10px 11px;min-height:40px;cursor:pointer;white-space:nowrap}
body .visual-toolbar button:hover{background:#303348}
body .visual-toolbar button:focus-visible,body .visual-notice button:focus-visible,body .visual-notice a:focus-visible{outline:2px solid #d6ff6b;outline-offset:2px}
body .visual-toolbar .visual-settings-trigger{display:flex;align-items:center;gap:9px;font-weight:650}
.visual-setting-icon{color:#b9a5ef;font-size:17px}.visual-mode-label{font-size:10px;text-transform:uppercase;letter-spacing:.03em;border-radius:5px;background:#35384d;color:#e0e3f2;padding:3px 6px}
html[data-visual-motion=on] .visual-mode-label{background:#d6ff6b;color:#17210c}
body .visual-notice,body.play-site .visual-notice{display:block;position:fixed;top:90px;bottom:auto;left:auto;right:22px;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 180px);overflow:auto;z-index:100;margin:0;padding:24px;border:1px solid #66607d;border-radius:18px;background:#171a29;color:#f0f1fa;box-shadow:0 15px 55px #0006;font:14px/1.6 system-ui,sans-serif}
body .visual-notice .container,body.play-site .visual-notice .container{width:100%;margin:0;padding:0;display:block}
body .visual-notice .visual-notice-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 7px}
body .visual-notice .eyebrow{font:10px/1.4 ui-monospace,monospace;letter-spacing:.12em;color:#c0b5df;margin:0}
body .visual-notice .visual-close{background:transparent;border:0;border-radius:7px;color:#d5d6e4;font-size:24px;line-height:1;width:38px;height:38px;min-height:38px;cursor:pointer;padding:0}
body .visual-notice .visual-close:hover{background:#303348}
body .visual-notice h2,body.play-site .visual-notice h2{font:700 26px/1.2 system-ui,sans-serif;letter-spacing:-.7px;margin:0 0 12px;color:#fafaff;max-width:410px}
body .visual-notice p:not(.eyebrow),body.play-site .visual-notice p:not(.eyebrow){font:13px/1.6 system-ui,sans-serif;color:#bfc3d7;margin:0 0 18px;max-width:none}
body .visual-notice .visual-choices,body.play-site .visual-notice .visual-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0 14px}
body .visual-choices button,body.play-site .visual-choices button{padding:14px 10px;border:1px solid #5c5a75;border-radius:10px;background:#25283b;color:#eceff9;min-height:82px;display:block;text-align:left;cursor:pointer;font:12px/1.5 system-ui,sans-serif}
body .visual-choices button:hover{background:#363850}body .visual-choices button:disabled{opacity:.5;cursor:not-allowed}
body .visual-choices button[aria-pressed=true]{border-color:#d6ff6b;box-shadow:inset 0 0 0 1px #d6ff6b}
body .visual-choices button strong{display:block;font-size:17px;font-weight:650;margin-bottom:5px}body .visual-choices button span{font-size:10px;line-height:1.45;display:block}
body .visual-choices [data-visual-grant=motion],body.play-site .visual-choices [data-visual-grant=motion]{background:#d6ff6b;color:#17220d;border-color:#d6ff6b}
body .visual-notice p.visual-smallprint,body.play-site .visual-notice p.visual-smallprint{margin:0;font-size:11px;color:#9da5bc}body .visual-notice a{color:#d4cfec;font-size:inherit;text-underline-offset:3px}
body .visual-notice[hidden],body.play-site .visual-notice[hidden]{display:none!important}
body:not(.play-site){padding-bottom:82px}
@media(max-width:760px){body .visual-notice,body.play-site .visual-notice{top:72px;right:16px;padding:20px;max-height:calc(100dvh - 170px)}body .visual-notice h2,body.play-site .visual-notice h2{font-size:24px}body .visual-toolbar,body.play-site .visual-toolbar{bottom:calc(10px + env(safe-area-inset-bottom,0px));right:12px;max-width:calc(100vw - 24px)}body .visual-toolbar button,body.play-site .visual-toolbar button{font-size:11px;padding:9px 8px}.visual-setting-icon{display:none}body .visual-choices button,body.play-site .visual-choices button{padding:12px 9px}}

/* Keep the compact control away from the right-hand creator's edit buttons. */
body .visual-toolbar,body.play-site .visual-toolbar{left:18px;right:auto}
body .visual-notice h2,body.play-site .visual-notice h2{max-width:350px}
@media(max-width:760px){body .visual-toolbar,body.play-site .visual-toolbar{left:12px;right:auto}}

.asset-gate .visual-notice a{display:inline;margin:0}