*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overscroll-behavior:none;background:#000;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.app{position:fixed;inset:0}.canvas-shell{cursor:none;width:100%;height:100%;position:absolute;inset:0}.demo-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.css-stage{cursor:none;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.css-lens{-webkit-backdrop-filter:saturate(1.1)url(#liquid-glass);backdrop-filter:saturate(1.1)url(#liquid-glass);pointer-events:none;width:0;height:0;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #ffffff47,inset 0 12px 32px #ffffff24,inset 0 -16px 36px #00000059,0 18px 50px #00000080}.css-lens:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(42% 34% at 34% 26%,#ffffff6b,#0000 60%);position:absolute;inset:0}.svg-filters{pointer-events:none;width:0;height:0;position:absolute}.layer{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;inset:0}.nav-zone{cursor:default;z-index:10;align-items:center;width:130px;display:flex;position:absolute;top:0;bottom:0}.nav-zone-left{justify-content:flex-start;padding-left:18px;left:0}.nav-zone-right{justify-content:flex-end;padding-right:18px;right:0}.nav{color:#ffffffd9;cursor:pointer;-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%);background:#00000059;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:56px;height:56px;font-size:30px;line-height:1;transition:background .2s,transform .15s;display:grid}.nav:hover{background:#0000008c}.nav:active{transform:scale(.93)}.label{color:#ffffffd9;letter-spacing:.02em;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;text-align:center;background:#00000059;border:1px solid #ffffff1f;border-radius:999px;max-width:90vw;margin:0;padding:8px 18px;font-size:13px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.hint{color:#ffffffbf;letter-spacing:.01em;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;text-align:center;background:#0006;border:1px solid #ffffff1f;border-radius:999px;max-width:90vw;margin:0;padding:9px 18px;font-size:13px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}@media (width<=640px){.nav-zone{width:86px}.nav{width:46px;height:46px;font-size:26px}.label{padding:7px 14px;font-size:12px;top:14px}.hint{padding:8px 14px;font-size:12px;bottom:18px}}.fallback{color:#dcdcdc;max-width:640px;margin:18vh auto 0;padding:0 28px;line-height:1.6}.fallback code{background:#1c1c1c;border-radius:5px;padding:2px 7px;font-size:.92em}