#demo-bar{position:fixed;z-index:99999;bottom:30px;right:18px;display:flex;gap:12px;align-items:center;padding:10px 14px;background:#11141a;border:1px solid #555b68;border-radius:6px;color:#c5c8d0;font:12px Segoe UI,sans-serif;box-shadow:0 8px 30px #0008}#demo-bar button{cursor:pointer;padding:7px 10px;border:1px solid #555b68;border-radius:4px;background:#252a34;color:#fff}#demo-notice{position:fixed;z-index:100000;top:68px;left:50%;transform:translate(-50%);max-width:min(540px,90vw);padding:16px 22px;background:#181c23;border:1px solid #b79c71;border-radius:6px;box-shadow:0 12px 50px #0008;color:#eee;font:14px/1.5 Segoe UI;display:none}#demo-notice.show{display:block}#demo-mobile-nav{display:none}#demo-bar select,#demo-mobile-nav select{min-height:36px;max-width:185px;background:#20252e;border:1px solid #555b68;border-radius:4px;color:#fff;padding:6px 10px}#demo-bar>span{max-width:130px}#demo-hud-scene{display:none}body[data-demo-route=perf-overlay] #demo-hud-scene{display:block;max-width:1100px;margin:60px auto;padding:24px;color:#ddd}#demo-hud-scene h1{font-size:24px}#demo-hud-scene p{color:#a5acbd;font-size:14px}#demo-hud-scene a{display:inline-block;margin:16px 0;color:#b2c1ff}#demo-hud-scene img{width:100%;border-radius:8px}body[data-demo-route=perf-overlay] #root{position:absolute;top:250px;right:8%;z-index:2}@media(max-width:700px){body[data-demo-route=settings] div:has(>nav [role=tab]){flex-direction:column}body[data-demo-route=settings] nav:has([role=tab]){width:100%!important;display:flex;flex-wrap:wrap;gap:5px}body[data-demo-route=settings] nav:has([role=tab])>div:first-child{width:100%;margin-bottom:6px}body[data-demo-route=settings] nav:has([role=tab])>div:not(:first-child),body[data-demo-route=settings] [role=tablist]{display:contents}body[data-demo-route=settings] nav:has([role=tab])>div>p{display:none}body[data-demo-route=settings] [role=tab]{min-height:36px;width:auto!important;border:1px solid #333a49;border-radius:4px}body[data-demo-route=carnet] main div:has(>aside){flex-direction:column;overflow:auto!important}body[data-demo-route=carnet] main aside{width:100%!important;max-height:235px;flex-shrink:0;border-bottom:1px solid #373c48}body[data-demo-route=carnet] main aside+section{min-height:600px;flex-shrink:0}body[data-demo-route=carnet] section header{flex-wrap:wrap}body[data-demo-route=carnet] section header input{flex-basis:55%}body>div[style*="position: fixed"][style*="z-index: 9999"]:has(button[title=Play]),body>div[style*="position: fixed"][style*="z-index: 9999"]:has(button[title="Open in the Reviewer"]){transform:scale(1)!important;left:16px!important;width:calc(100% - 32px)!important;max-height:calc(100dvh - 140px);overflow-y:auto!important}:root{--spacing-6:16px;--spacing-5:16px;--spacing-4:12px;--spacing-3:8px;--spacing-2:6px}#demo-mobile-nav{display:flex;position:fixed;top:0;left:0;right:0;height:56px;padding:6px 16px;z-index:100001;background:#12161f;border-bottom:1px solid #343946;align-items:center;justify-content:space-between}#demo-mobile-nav a{font-size:20px;color:#e1e4ec;text-decoration:none}#demo-mobile-nav select{min-height:44px}#root>.momento-grain{padding-top:56px;padding-bottom:52px}#root>.momento-grain>header{display:none}nav[aria-label=Tools]{display:none!important}#root footer{display:none}#demo-bar{bottom:0;left:0;right:0;height:52px;border-radius:0;justify-content:flex-end;padding:4px 12px}#demo-bar select,#demo-bar>span{display:none}#demo-bar button{min-height:40px}#demo-notice{top:64px}[class*=overflow-x-auto]>.shrink-0[style*="width: calc"]{width:100%!important}main{min-width:0!important}main [class*=grid-cols-]{grid-template-columns:minmax(0,1fr)!important}main [class*=px-]{padding-left:16px!important;padding-right:16px!important}main [style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}}@media(max-width:700px){main [class*=grid]:has(>button[title="Small cross"]){grid-template-columns:repeat(3,minmax(0,1fr))!important}main [class*=grid]:has(>button[title="Point or"]),main [class*=grid]:has(>button[title="Dot gold"]){grid-template-columns:repeat(6,minmax(0,1fr))!important}main button[class*=px-]{padding-left:8px!important;padding-right:8px!important}button[title=Dark],button[title=Light]{min-width:56px!important;width:auto!important}}a[href="#/debug"],a[href="#/stress"],a[href^="#/__dev"],a[href="#/stress-mire"]{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}#demo-bar{gap:12px;max-width:calc(100vw - 24px);font-size:11px}#demo-soon{color:#b0b4ba}#demo-route{max-width:180px}#demo-bar button{display:none}[data-demo-blocked=true]{cursor:not-allowed!important}#demo-notice{display:none!important}@media(max-width:650px){#demo-soon{display:none}#demo-route{max-width:145px}}@media(max-width:700px){#demo-bar select,#demo-bar>span#demo-readonly{display:block}#demo-bar{justify-content:space-between}#root>.momento-grain{padding-top:0}}