:root{--wall-top:#0e0c0b;--wall-mid:#12100e;--paper-tile:340px;--room-half:1200px;--lamp:#d9d2c2;--lamp-rgb:217, 210, 194;--ink:rgba(var(--lamp-rgb), .92);--ink-2:rgba(var(--lamp-rgb), .74);--dim:rgba(var(--lamp-rgb), .66);--faint:rgba(var(--lamp-rgb), .56);--line:rgba(var(--lamp-rgb), .14);--line-strong:rgba(var(--lamp-rgb), .28);--spill-h:38;--spill-s:18%;--screen-h:clamp(220px, 450px, 540px);--binding:#000;--binding-w:3px;--fabric:linear-gradient(180deg, #0b0b0b 0%, #070707 46%, #020202 100%);--mask:7px;--mask-bottom:9px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#fit{zoom:var(--fit,1);position:fixed;inset:0}:root{--fit:1;--vh:900}*{box-sizing:border-box}[hidden]{display:none!important}html{overscroll-behavior-y:contain;height:100%}body{min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;background:#080706;margin:0;font:16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}.room{z-index:0;pointer-events:none;perspective:1000px;perspective-origin:50%;background:#080706;position:fixed;inset:0;overflow:hidden}.camera{transform-style:preserve-3d;transform:rotateX(var(--cam-tilt,0deg)) translate3d(0, var(--cam-y,0px), var(--cam-z,0px));transition:transform 1.25s cubic-bezier(.33,.02,.2,1);position:absolute;inset:0}.wall,.floor,.ceiling,.projector{margin:0;position:absolute;top:50%;left:50%}.wall{width:calc(220vw / var(--fit,1));height:1281px;margin-left:calc(-110vw / var(--fit,1));background:linear-gradient(180deg, #000000d1 0%, #000000e0 52%, #000 100%), url(/wallpaper.svg), linear-gradient(180deg, var(--wall-top) 0%, var(--wall-mid) 60%, #0d0b0a 100%);background-size:auto, var(--paper-tile) auto, auto;background-position:50%,bottom,50%;background-repeat:no-repeat,repeat,no-repeat;margin-top:-640px;transform:translateY(-298px)translateZ(-900px)}.wall-dim{opacity:1;pointer-events:none;background:linear-gradient(#00000063 0%,#00000094 52%,#0009 100%);transition:opacity 1.1s;position:absolute;inset:0}body.lit .wall-dim{opacity:0;transition:opacity 2s cubic-bezier(.16,.84,.36,1)}.wall-spill{background:radial-gradient(52% 50% at 50% 60%, hsl(var(--spill-h) var(--spill-s) 54% / .22), hsl(var(--spill-h) var(--spill-s) 54% / .07) 56%, transparent 82%);pointer-events:none;position:absolute;inset:0}.sidewall{--room-depth:1200px;width:var(--room-depth);height:1281px;margin-left:calc(var(--room-depth) / -2);background:  linear-gradient(90deg, #000000f6 0%, #000000f1 42%, #000000e6 100%), url(/wallpaper.svg) center bottom / var(--paper-tile) auto repeat, linear-gradient(180deg, var(--wall-top) 0%, var(--wall-mid) 60%, #0d0b0a 100%);margin-top:-640px;position:absolute;top:50%;left:50%}.sidewall-left{transform:translate3d(calc(var(--room-half) * -1), -298px, calc(var(--room-depth) / 2 - 900px)) rotateY(90deg)}.sidewall-right{transform:translate3d(var(--room-half), -298px, calc(var(--room-depth) / 2 - 900px)) rotateY(-90deg)}.wall:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.06'/%3E%3C/svg%3E");position:absolute;inset:0}.cornice{background:linear-gradient(#fff2e04d 0%,#fff2e030 34%,#fff0dc0f 66%,#0000006b 100%);height:26px;position:absolute;top:0;left:0;right:0}.skirting{background:linear-gradient(#ffeed612 0%,#ffeed606 60%,#0000004d 100%);height:16px;position:absolute;bottom:0;left:0;right:0}.ceiling{width:calc(var(--room-half) * 2);height:1000px;margin-left:calc(var(--room-half) * -1);background:radial-gradient(56% 46% at 50% 88%, hsl(var(--spill-h) var(--spill-s) 62% / .17), transparent 72%), linear-gradient(0deg, #534c40 0%, #423b32 28%, #2e2924 62%, #1c1a16 100%);margin-top:-500px;transform:rotateX(90deg)translateZ(939px)translateY(-400px)}.ceiling:after{content:"";opacity:.34;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)' opacity='.5'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)' opacity='.5'/%3E%3C/svg%3E");background-position:0 0,1px 1px;background-size:150px 150px,150px 150px;position:absolute;inset:0}.floor{width:calc(var(--room-half) * 2);height:1270px;margin-left:calc(var(--room-half) * -1);background:url(/wood.png) 50% 0/420px,#0a0807;margin-top:-635px;transform:rotateX(90deg)translateZ(-342px)translateY(-265px)}.floor-light{background:radial-gradient(44% 30% at 50% 10%, hsl(var(--spill-h) var(--spill-s) 54% / .18), hsl(var(--spill-h) var(--spill-s) 54% / .04) 52%, transparent 78%), linear-gradient(0deg, #040303c7 0%, #0403037a 26%, #03020229 60%, #02020200 100%);position:absolute;inset:0}.wall.textured,.floor.textured{background:0 0}.wall.textured:after{content:none}.wall.textured>:not(canvas),.floor.textured>:not(canvas){display:none}.wall-tex,.wall-over,.floor-tex{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}canvas.wall-dim{background:0 0;width:100%;height:100%}:root{--pj-z:-140px;--pj-k:1}body:not(.parked){--pj-z:-20px}.table,.projector{transition:transform 1.25s cubic-bezier(.33,.02,.2,1)}.table{width:0;height:0;transform-style:preserve-3d;transform:translate3d(0, 342px, var(--pj-z)) scale3d(var(--pj-k), var(--pj-k), var(--pj-k));--tbw:244px;--tbd:210px;--tbh:120px;--tbshell:74px;--tbslab:15px;--tbpanel:15px;--tbfloor:13px;--tb-y-top:calc(var(--tbh) * -1);--tb-y-under:calc(var(--tbh) * -1 + var(--tbshell));--tb-y-ceil:calc(var(--tbh) * -1 + var(--tbslab));--tb-y-shelf:calc(var(--tbh) * -1 + var(--tbshell) - var(--tbfloor));--tb-open:calc(var(--tbshell) - var(--tbslab) - var(--tbfloor));--tb-inw:calc(var(--tbw) - var(--tbpanel) * 2);--oak-lit:linear-gradient(168deg, #6d5335 0%, #5d472d 52%, #4a3823 100%);--oak-side:linear-gradient(180deg, #55402a 0%, #46341f 62%, #33261629 100%);--oak-dark:#241a10;position:absolute;top:50%;left:50%}.table div,.table i{position:absolute;top:0;left:0}.tb-top{width:var(--tbw);height:var(--tbd);margin-left:calc(var(--tbw) / -2);margin-top:calc(var(--tbd) / -2);transform:translate3d(0, var(--tb-y-top), 0) rotateX(90deg);background:var(--oak-lit);border-radius:30px;box-shadow:inset 0 0 30px #00000059}.tb-side{width:var(--tbd);height:var(--tbshell);margin-left:calc(var(--tbd) / -2);background:var(--oak-side);border-radius:30px;margin-top:0}.tb-left{transform:translate3d(calc(var(--tbw) / -2), var(--tb-y-top), 0) rotateY(-90deg)}.tb-right{transform:translate3d(calc(var(--tbw) / 2), var(--tb-y-top), 0) rotateY(90deg)}.tb-in{width:var(--tbd);height:var(--tb-open);margin-left:calc(var(--tbd) / -2);background:linear-gradient(#2a1e13 0%,#1d150c 100%)}.tb-in-left{transform:translate3d(calc(var(--tbw) / -2 + var(--tbpanel)), var(--tb-y-ceil), 0) rotateY(90deg)}.tb-in-right{transform:translate3d(calc(var(--tbw) / 2 - var(--tbpanel)), var(--tb-y-ceil), 0) rotateY(-90deg)}.tb-shelf{width:var(--tb-inw);height:var(--tbd);margin-left:calc(var(--tb-inw) / -2);margin-top:calc(var(--tbd) / -2);transform:translate3d(0, var(--tb-y-shelf), 0) rotateX(90deg);background:linear-gradient(#3a2b1a 0%,#2a1e13 70%,#1d150c 100%)}.tb-rim{width:var(--tbw);height:var(--tbshell);margin-left:calc(var(--tbw) / -2);border-style:solid;border-color:#5d472d;border-top-width:var(--tbslab);border-bottom-width:var(--tbfloor);border-left-width:var(--tbpanel);border-right-width:var(--tbpanel);background:0 0;border-radius:30px;box-shadow:inset 0 2px #ffe8c60f}.tb-rim-back{transform:translate3d(0, var(--tb-y-top), calc(var(--tbd) / 2))}.tb-rim-front{transform:translate3d(0, var(--tb-y-top), calc(var(--tbd) / -2))}.tb-leg{width:11px;height:calc(var(--tbh) - var(--tbshell) + 6px);transform-style:preserve-3d;transform-origin:50% 0;margin-left:-5.5px}.tb-leg,.tb-leg b{clip-path:polygon(0 0,100% 0,74% 100%,26% 100%);background:linear-gradient(#6b4f31 0%,#543d25 62%,#3a2a19 100%);display:block}.tb-leg b{filter:brightness(.82);position:absolute;inset:0;transform:rotateY(90deg)}.tb-leg-bl{transform:translate3d(calc(var(--tbw) / -2 + 30px), var(--tb-y-under), calc(var(--tbd) / 2 - 30px)) rotateZ(7deg) rotateX(7deg)}.tb-leg-br{transform:translate3d(calc(var(--tbw) / 2 - 30px), var(--tb-y-under), calc(var(--tbd) / 2 - 30px)) rotateZ(-7deg) rotateX(7deg)}.tb-leg-fl{transform:translate3d(calc(var(--tbw) / -2 + 30px), var(--tb-y-under), calc(var(--tbd) / -2 + 30px)) rotateZ(7deg) rotateX(-7deg)}.tb-leg-fr{transform:translate3d(calc(var(--tbw) / 2 - 30px), var(--tb-y-under), calc(var(--tbd) / -2 + 30px)) rotateZ(-7deg) rotateX(-7deg)}.projector{width:0;height:0;transform-style:preserve-3d;transform:translate3d(0, 342px, var(--pj-z)) scale3d(var(--pj-k), var(--pj-k), var(--pj-k)) translateY(-120px)}.mk,.mk *{visibility:hidden}body.machine-css .mk,body.machine-css .mk *{visibility:visible}body.machine-css .mk .mk-power{opacity:1}.mk .mk-power{visibility:visible;opacity:0}body.lean .bd-fine,body.lean .bd-mid,body.lean .bd-near,body.lean .beam-glow,body.lean .grain,body.lean .wall-spill,body.lean .floor-light{display:none!important}#fps{z-index:99;color:#cfe8ff;pointer-events:none;background:#0009;border-radius:4px;padding:2px 6px;font:600 12px/1.4 ui-monospace,Menlo,Consolas,monospace;position:fixed;top:8px;left:8px}.mk-card{transform-style:preserve-3d;transform:rotateX(calc(-1 * var(--cam-tilt,0deg)));pointer-events:none;transition:transform 1.25s cubic-bezier(.33,.02,.2,1);position:absolute;top:0;left:0}.mk-canvas{pointer-events:none;will-change:transform;position:absolute}.mk{width:0;height:0;transform-style:preserve-3d;position:absolute;top:0;left:0}.mk .f{transform-origin:0 0;backface-visibility:hidden;position:absolute;top:0;left:0}.mk .deck>*{display:block;position:absolute}.mk .slat{background:#14120f;box-shadow:inset 0 .5px #fffaee1a}.mk .key{background:linear-gradient(168deg,#d6d4cd 0%,#a8a69f 44%,#7d7b75 72%,#56554f 100%);border-radius:50%;box-shadow:0 0 0 .5px #000000b3,0 1px 1px #0000008c}.mk .plate{background:linear-gradient(#d8d5cc 0%,#b4b1a8 55%,#8f8c84 100%);border-radius:1px;box-shadow:inset 0 .5px #fffaee40,0 1px 1px #00000080}.mk .sticker{background:#d8cdb2;box-shadow:0 .5px 1px #0006}.mk .panel{background:repeating-linear-gradient(45deg,#fff0dc09 0 .7px,#0000 .7px 1.6px),linear-gradient(#2e2622 0%,#211b18 100%);border-radius:2px;box-shadow:inset 0 .5px #fff0dc29,inset 0 0 0 .5px #000000b3,0 .5px 1px #00000080}.mk .strip{background:#0d0b0a;box-shadow:inset 0 .5px #fffaee1a}.mk .strip>b{background:#d4691a;border-radius:.5px;width:24%;height:60%;position:absolute;top:20%;left:5%}.mk .strip>u{background:#e2dcca80;width:50%;height:16%;position:absolute;top:42%;left:36%}.mk .label{background:linear-gradient(#a8322a 0 22%,#e6dabc 22%);box-shadow:0 .5px 1px #00000073,inset 0 -.5px #0000001f}.mk .dot{background:radial-gradient(circle at 40% 35%,#e3d59a 0 55%,#b9a862 56%);border-radius:50%;box-shadow:0 0 0 .5px #00000059,0 .5px 1px #0006}.mk .lamp{background:#3a2412;border-radius:50%;transition:background .5s .5s,box-shadow .5s .5s;box-shadow:inset 0 0 0 .5px #0009}body.running .mk .lamp{background:#ffb14a;box-shadow:0 0 6px 1.5px #ffaa46a6}.mk-power{cursor:pointer;pointer-events:auto;background:#080807;border:0;border-radius:1.5px;padding:0;box-shadow:inset 0 .5px 1px #000000e6,0 .5px #fffaee1f}.mk-power-rocker{background:linear-gradient(#57554e 0%,#38352f 52%,#26231f 100%);border-radius:1px;transition:background .35s,box-shadow .35s;position:absolute;inset:15% 12%;box-shadow:inset 0 .5px #f0e8d642,0 .5px .5px #0009}body.running .mk-power-rocker{background:linear-gradient(#26231f 0%,#38352f 48%,#57554e 100%);box-shadow:inset 0 -.5px #f0e8d638,inset 0 1px 2px #000000b3}.mk-reel{transform-style:preserve-3d;position:absolute;top:0;left:0}.mk-reel>i{backface-visibility:hidden;--mask:radial-gradient(circle closest-side at 50% 50%, #000 0 26%, transparent 26.5%), repeating-conic-gradient(from -10deg, #000 0deg 20deg, transparent 20deg 45deg), radial-gradient(circle closest-side at 50% 50%, transparent 0 calc(100% - 8px), #000 calc(100% - 7.5px));-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-image:var(--mask);border-radius:50%;position:absolute;inset:0}.mk-reel .rl-up{background:radial-gradient(circle closest-side,#0000 0 calc(100% - 9.5px),#0000008c calc(100% - 9px),#0000 calc(100% - 7.5px)),radial-gradient(circle closest-side,#ffffff47 0 25%,#fff0 26.5%),conic-gradient(from 20deg,#d3d0c6 0%,#8e8b83 11%,#eae8e0 24%,#7f7c75 37%,#d8d5cc 50%,#8a8780 62%,#f0eee7 74%,#85827b 87%,#d3d0c6 100%);box-shadow:inset 0 0 0 1px #ffffff73,inset 0 0 0 2px #0000002e}.mk-reel .rl-lo{--mask:radial-gradient(circle closest-side at 50% 50%, #000 0 26%, transparent 26.5%), repeating-conic-gradient(from 12deg, #000 0deg 20deg, transparent 20deg 45deg), radial-gradient(circle closest-side at 50% 50%, transparent 0 calc(100% - 8px), #000 calc(100% - 7.5px));background:radial-gradient(circle closest-side,#0000 0 calc(100% - 9.5px),#0000008c calc(100% - 9px),#0000 calc(100% - 7.5px)),conic-gradient(from 20deg,#555349 0%,#34322e 11%,#615f58 24%,#2f2d2a 37%,#58564f 50%,#33312d 62%,#66645c 74%,#302e2a 87%,#555349 100%);box-shadow:inset 0 0 0 1px #ffffff2e}.mk-reel .rl-edge{background:#4a4740;box-shadow:inset 0 0 0 1px #00000059}.mk-reel .rl-edge-lo{--mask:radial-gradient(circle closest-side at 50% 50%, #000 0 26%, transparent 26.5%), repeating-conic-gradient(from 12deg, #000 0deg 20deg, transparent 20deg 45deg), radial-gradient(circle closest-side at 50% 50%, transparent 0 calc(100% - 8px), #000 calc(100% - 7.5px));background:#2e2c28}body.clip-playing .mk-reel>i{animation:6s linear infinite spool}body.clip-playing .mk-reel-b>i{animation-duration:4.4s}@keyframes spool{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){body.clip-playing .mk-reel>i{animation:none}}.mk .pj-barrel{width:2px;height:1px;position:absolute;top:-.5px;left:-1px}.mk-socket{background:linear-gradient(#2a2521,#15120f);border-radius:1px;width:10px;height:7px;position:absolute;top:0;left:0;box-shadow:inset 0 .5px #fff0dc24,0 0 0 .5px #0009}.mk-cord{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.mk-cord svg{display:block;overflow:visible}.mk-cord path{fill:none;stroke-linecap:round}.mk-cord .cord-core{stroke:#221c18;stroke-width:2.6px}.mk-cord .cord-sheen{stroke:#d6bea029;stroke-width:.8px;stroke-dasharray:1.2 1.3}.mk-cord.cord-d .cord-core{stroke-width:3px}@media (width<=900px){.mk-cord.cord-front{display:none}}@media (width>=900.02px){.mk-cord.cord-side{display:none}}.mk-shadow{opacity:.4;backface-visibility:hidden;pointer-events:none;border-radius:30px;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(-.6px)rotateX(90deg)}.mk-shadow-turn{width:0;height:0;position:absolute;top:50%;left:50%}.mk-shadow-turn>i{background:#000;display:block;position:absolute}@property --cam-z-n{syntax:"<number>";inherits:true;initial-value:375}@property --cam-y{syntax:"<length>";inherits:true;initial-value:4.5px}@property --app-anchor{syntax:"<number>";inherits:true;initial-value:560.5}@property --app-tilt{syntax:"<angle>";inherits:true;initial-value:5deg}body{--cam-tilt:5deg;--cam-y:4.5px;--cam-z-n:375;--cam-z:calc(var(--cam-z-n) * 1px)}body.parked{--cam-tilt:0deg;--cam-y:196px;--cam-z-n:60;--app-anchor:795.5;--app-tilt:0deg}@media (width<=700px){:root{--pj-k:.8;--screen-h:clamp(220px, 540px, 620px)}}body.parked #app{justify-content:flex-start;padding-top:86.5px;padding-bottom:27px}@media (width<=700px){body.parked #app{padding-top:68.5px}}body.parked,body.camera-moving{overflow:hidden}html:has(body.parked){overflow:hidden}html:has(body.camera-moving){overflow:hidden}body.camera-moving .camera,body.camera-moving #app{will-change:transform}@media (prefers-reduced-motion:reduce){.camera,#app,.table,.projector{transition:none;animation:none}}.room-app{z-index:1;background:0 0}body.parked:not(.camera-moving) .room-app{perspective:none}body.parked:not(.camera-moving) .room-app .camera{transform-style:flat;transition:none;transform:none}body.parked:not(.camera-moving) #app{transform:translate(-50%,-352.39px)scale(.84788)}#app{transform-origin:50% 0;transform-style:flat;pointer-events:none;min-height:calc(var(--vh) * 1px);width:calc(100vw / var(--fit,1));padding:117px clamp(10px, 1.6vw, 24px) calc(232px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:center;gap:clamp(14px,1.4vw,18px);display:flex;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-844.4px,-900px)scale(1.5601)}h1{z-index:2;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);flex-shrink:0;margin:0;font-size:10.5px;font-weight:500;position:fixed;top:clamp(14px,1.6vw,22px);left:clamp(14px,1.6vw,24px)}.screen{width:fit-content;max-width:min(100%,620px);box-shadow:0 0 0 var(--binding-w) var(--binding), 0 0 0 4px rgba(var(--lamp-rgb), .05), 0 18px 40px #0009, 0 0 46px 8px hsl(var(--spill-h) var(--spill-s) 54% / .14);flex-shrink:0;margin:4px auto 0;position:relative}.screen:before{content:"";height:16px;box-shadow:inset 0 1px 0 rgba(var(--lamp-rgb), .22), 0 6px 14px #0009, 0 2px 3px #0006;background:radial-gradient(circle at 9px,#3a362e 0 2px,#1c1915 2.5px 6.5px,#0000 7px),radial-gradient(circle at calc(100% - 9px),#3a362e 0 2px,#1c1915 2.5px 6.5px,#0000 7px),linear-gradient(#0000 0 57%,#00000073 57% calc(57% + 1px),#0000 calc(57% + 1px)),linear-gradient(#3d3a33 0%,#8a8472 14%,#9a9481 24%,#6f6a5b 42%,#4a463c 66%,#2a2722 86%,#16140f 100%);border-radius:8px;position:absolute;top:-16px;left:-10px;right:-10px}.screen:after{content:"";border:1.5px solid rgba(var(--lamp-rgb), .18);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.screen canvas,.screen video,.screen #gifimg{width:auto;max-width:100%;height:auto;max-height:var(--screen-h);border:var(--mask) solid transparent;border-bottom-width:var(--mask-bottom);background:var(--fabric);background-origin:border-box;background-clip:border-box;border-radius:0;display:block}.gate{width:min(86vw, calc(var(--screen-h) * 1.5), 620px);height:var(--screen-h);cursor:pointer;color:#4b4133;border:var(--mask) solid #000;border-bottom-width:var(--mask-bottom);background:radial-gradient(58% 62% at 50% 46%,#fbf4e4 0%,#f2e8d2 46%,#e2d4b8 78%,#d2c2a4 100%) padding-box padding-box;flex-direction:column;order:1;justify-content:center;align-items:center;gap:6px;padding:0;transition:box-shadow .3s,color .3s;display:flex;box-shadow:0 0 46px 12px #ffe2b021,inset 0 0 22px #96806029}.gate.loading{width:min(100%, 620px, calc(var(--screen-h) * var(--gate-ar,1.5)));height:auto;aspect-ratio:var(--gate-ar,1.5);max-height:var(--screen-h);background-image:var(--gate-photo);color:#0000;background-position:50%;background-size:cover}.gate.loading .gate-title,.gate.loading .gate-hint{display:none}.gate-title{letter-spacing:.01em;font-size:clamp(17px,1.5vw,22px);font-weight:600}.gate-hint{letter-spacing:.08em;text-transform:uppercase;color:#6d6047;font-size:clamp(11px,.95vw,13px)}.gate:hover,.gate:focus-visible,.gate.over{box-shadow:0 0 60px 16px #ffe2b033,inset 0 0 22px #9680601f}#app>*{pointer-events:auto}.stage{order:1}.result{flex-direction:column;flex:auto;order:1;align-items:center;gap:10px;width:100%;display:flex}.result .screen{margin:4px 0 0}.result .filesize{order:5}.actions{flex-wrap:wrap;flex-shrink:0;order:4;justify-content:center;align-items:center;gap:10px;width:100%;max-width:min(100%,900px);margin-top:12px;margin-bottom:auto;display:flex}button{color:var(--ink-2);font:inherit;cursor:pointer;background:linear-gradient(#2a251e 0%,#1b1713 62%,#131010 100%);border:1px solid #cec8ba33;border-radius:5px;padding:12px 18px;font-size:14px;transition:border-color .15s,background .15s;box-shadow:inset 0 1px #f0e8d624}button:hover{background:linear-gradient(#332c24 0%,#221d18 62%,#171313 100%);border-color:#e2dcca70}button:disabled{opacity:.5;cursor:default}button.primary{color:#17140f;background:linear-gradient(#f0e9da 0%,#ddd4c0 100%);border-color:#cec8ba80;padding:15px 22px;font-weight:600;box-shadow:inset 0 1px #fffdf6cc,0 1px 2px #00000080}button.primary:hover{background:linear-gradient(#fbf5e8 0%,#e8dfcb 100%);border-color:#e2dccab8}button.ghost{box-shadow:none;color:var(--dim);background:0 0;border-color:#0000}button.ghost:hover{color:var(--ink-2);background:rgba(var(--lamp-rgb), .06);border-color:#cec8ba2e}#generate{margin-bottom:0}@keyframes waiting{0%{opacity:0}2%{opacity:.003}4%{opacity:.013}6%{opacity:.029}8%{opacity:.052}10%{opacity:.082}12%{opacity:.119}14%{opacity:.163}16%{opacity:.214}18%{opacity:.27}20%{opacity:.332}22%{opacity:.397}24%{opacity:.466}26%{opacity:.534}28%{opacity:.603}30%{opacity:.668}32%{opacity:.73}34%{opacity:.786}36%{opacity:.837}38%{opacity:.881}40%{opacity:.918}42%{opacity:.948}44%{opacity:.971}46%{opacity:.987}48%{opacity:.997}50%{opacity:1}52%{opacity:.997}54%{opacity:.987}56%{opacity:.971}58%{opacity:.948}60%{opacity:.918}62%{opacity:.881}64%{opacity:.837}66%{opacity:.786}68%{opacity:.73}70%{opacity:.668}72%{opacity:.603}74%{opacity:.534}76%{opacity:.466}78%{opacity:.397}80%{opacity:.332}82%{opacity:.27}84%{opacity:.214}86%{opacity:.163}88%{opacity:.119}90%{opacity:.082}92%{opacity:.052}94%{opacity:.029}96%{opacity:.013}98%{opacity:.003}to{opacity:0}}button.waiting{position:relative}button.waiting:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;animation:2.4s step-end infinite waiting;position:absolute;inset:0;box-shadow:0 0 18px 3px #ffd08c61}@media (prefers-reduced-motion:reduce){button.waiting:after{opacity:.8;animation:none}}#compare{color:#ece5d8;border-color:#e2dcca80;font-weight:600}button.held{color:#17140f;background:linear-gradient(#f0e9da 0%,#ddd4c0 100%);border-color:#e2dccab3}#actions button,#actions .length,#actions .length .len{height:48px;padding-top:0;padding-bottom:0}.length{background:linear-gradient(#2a251e 0%,#1b1713 62%,#131010 100%);border:1px solid #cec8ba33;border-radius:5px;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #f0e8d624}.length .len{box-shadow:none;color:var(--dim);font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:0;padding:12px 16px}.length .len+.len{border-left:1px solid #cec8ba29}.length .len:hover{color:var(--ink);background:rgba(var(--lamp-rgb), .05)}.length .len.on{color:#17140f;background:linear-gradient(#f0e9da 0%,#ddd4c0 100%);font-weight:600}.mute-toggle{min-width:92px}.mute-toggle.off{color:var(--dim)}.filesize{color:var(--faint);text-align:center;font-variant-numeric:tabular-nums;margin:0;font-size:12px}.working{flex-shrink:0;order:3;align-items:center;gap:12px;width:min(100%,720px);min-height:34px;display:flex}.working #working-label{color:var(--ink);white-space:nowrap;margin:0;font-size:14px}.working #working-bar{border-radius:3px;flex:1;height:5px}.working #working-pct{font-variant-numeric:tabular-nums;color:var(--dim);text-align:right;min-width:44px;font-size:14px}progress{appearance:none;background:rgba(var(--lamp-rgb), .11);width:100%;height:5px;accent-color:var(--lamp);border:none;border-radius:3px;overflow:hidden}progress::-webkit-progress-bar{background:rgba(var(--lamp-rgb), .11)}progress::-webkit-progress-value{background:var(--lamp);transition:width .12s linear}progress::-moz-progress-bar{background:var(--lamp)}.error{color:#e8a08a;text-align:center;order:5;max-width:44ch;margin:0}.diag{color:var(--faint);text-align:center;white-space:pre-line;font-variant-numeric:tabular-nums;order:6;margin:0;font-size:12px;line-height:1.7}.tune{z-index:5;width:340px;max-width:92vw;height:calc(var(--vh) * 1px);border-left:1px solid var(--line);background:#14110c;padding:14px 16px 32px;font-size:13px;position:fixed;top:0;right:0;overflow-y:auto}.tune.collapsed .tune-body,.tune.collapsed .tune-tools,.tune.collapsed .tune-chips,.tune.collapsed .tune-actions{display:none}.tune.collapsed{width:auto;height:auto}.tune header{background:#14110c;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex;position:sticky;top:0}.tune h2{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:0;font-size:14px}.tune h3{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:18px 0 6px;font-size:12px}.tune button{padding:7px 11px;font-size:12px}.tune .param{border-bottom:1px solid rgba(var(--lamp-rgb), .08);padding:9px 0 11px}.tune .param:last-child{border-bottom:none}.tune .param-top{grid-template-columns:1fr auto auto;align-items:baseline;gap:8px;display:grid}.tune .param label{font-weight:500}.tune output{color:var(--ink);font-variant-numeric:tabular-nums}.tune input[type=range]{width:100%;accent-color:var(--lamp);margin:6px 0 0}.tune .hint{color:var(--dim);margin:5px 0 0;font-size:11.5px;line-height:1.45}.tune .reset{border-radius:6px;align-self:center;width:20px;height:20px;padding:0;font-size:13px;line-height:1}.tune .reset.is-default{opacity:.22;cursor:default;background:0 0;border-color:#0000}.tune-actions .wide{flex:100%}.tune-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-top:20px;padding-top:14px;display:flex}.tune{flex-direction:column;padding-top:0;padding-bottom:0;display:flex}.tune>*{flex:none}.tune header{z-index:3;padding:14px 0 6px}.tune h2{align-items:center;gap:8px;display:flex}.tune-badge{background:var(--lamp);color:#14110c;letter-spacing:0;text-align:center;text-transform:none;border-radius:999px;min-width:18px;padding:1px 6px;font-size:10.5px;font-weight:600;display:inline-block}.tune-badge[hidden]{display:none}.tune-tools{flex-direction:column;gap:8px;padding:2px 0 8px;display:flex}.tune-tools input[type=search]{border:1px solid var(--line);background:rgba(var(--lamp-rgb), .05);width:100%;color:var(--ink);font:inherit;border-radius:8px;padding:7px 10px;font-size:13px}.tune-tools input[type=search]:focus{border-color:rgba(var(--lamp-rgb), .5);outline:none}.tune-switches{gap:6px;display:flex}.tune-switch{border:1px solid var(--line);color:var(--dim);background:0 0;border-radius:999px;padding:4px 9px;font-size:11.5px}.tune-switch.on{background:rgba(var(--lamp-rgb), .16);border-color:rgba(var(--lamp-rgb), .45);color:var(--ink)}.tune-legend{color:var(--dim);align-items:center;gap:6px;margin:0;font-size:11px;display:flex}.tune-legend i{background:#c9463d;border-radius:3px;width:10px;height:10px;display:inline-block}.tune-chips{scrollbar-width:none;border-bottom:1px solid var(--line);gap:5px;margin:0 -4px;padding:0 0 10px;display:flex;overflow-x:auto}.tune-chips::-webkit-scrollbar{display:none}.tune-chip{border:1px solid var(--line);color:var(--dim);background:0 0;border-radius:999px;flex:none;padding:3px 9px;font-size:11px;position:relative}.tune-chip:hover{color:var(--ink);border-color:rgba(var(--lamp-rgb), .4)}.tune-chip.has-changes:after{content:"";background:var(--lamp);border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:-2px}.tune-chip.empty{opacity:.3}.tune .tune-body{flex:auto}.tune section[hidden]{display:none}.tune section{scroll-margin-top:50px}.tune h3{cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1;background:#14110c;align-items:center;gap:8px;margin:14px 0 4px;padding:6px 0;display:flex;position:sticky;top:46px}.tune h3:hover{color:var(--ink)}.tune h3 .chev{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid;width:0;height:0;transition:transform .15s;transform:rotate(90deg)}.tune section.folded h3 .chev{transform:none}.tune section.folded .param{display:none}.tune.filtering section.folded .param{display:block}.tune.filtering section.folded .param[hidden]{display:none}.tune h3 .tune-note{text-transform:none;letter-spacing:0;color:var(--dim);opacity:.8;margin-left:auto;font-size:10.5px;font-style:normal}.tune.measuring section[data-group=Cut] h3 .tune-note{color:var(--lamp);opacity:1}.tune.measuring section[data-group=Cut] h3 .tune-note:before{content:"● ";animation:.9s ease-in-out infinite tune-pulse}@keyframes tune-pulse{50%{opacity:.25}}.tune .param[hidden]{display:none}.tune .param.changed label{color:var(--lamp)}.tune .risk{color:#e0776e;margin:4px 0 0;font-size:11px;line-height:1.4}.tune .risk:before{content:"⚠ "}.tune .param.risky label{color:#e58c84}.tune .param.risky.changed label{color:#ff9d94}.tune .param.risky input[type=range]{accent-color:#c9463d}.tune .param.risky{margin-left:-10px;padding-left:10px;box-shadow:inset 3px 0 #c9463d8c}.tune.no-hints .hint{display:none}.tune .hint{-webkit-line-clamp:2;cursor:pointer;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tune .hint.open{-webkit-line-clamp:unset}.tune .hint:hover{color:var(--ink)}.tune .param.engine{display:none}.tune.show-engine .param.engine:not([hidden]){display:block}.tune input.swatch{border:1px solid var(--line);background:0 0;border-radius:6px;width:100%;height:28px;margin:6px 0 0;padding:0}.tune-actions{gap:5px;margin-top:12px;padding:8px 0 10px;position:sticky;bottom:0}.tune-actions button{padding:6px 9px;font-size:11.5px}.tune-actions .wide{padding:7px}.tune-actions{border-top:1px solid var(--line);z-index:2;background:#14110c}body.tuning #app{padding-right:clamp(10px,1.6vw,24px)}@media (width<=900px){body.tuning #app{padding-bottom:450px;padding-right:clamp(10px,1.6vw,24px)}.tune{border-left:none;border-top:1px solid var(--line);width:100%;height:414px;top:auto;bottom:0}.tune-actions{position:static}.tune .hint{-webkit-line-clamp:1}}.grain{opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");width:116%;height:116%;animation:.9s steps(5,end) infinite grain;position:fixed;top:-8%;left:-8%}@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,-4%)}40%{transform:translate(2%,-2%)}60%{transform:translate(-2%,3%)}80%{transform:translate(3%,1%)}}.screen>*{animation:.62s cubic-bezier(.22,.61,.36,1) both unroll}.screen.seamless>*,.screen.seamless:after{animation:none}@keyframes unroll{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.screen:after{transform-origin:50% -14px;animation:1.5s cubic-bezier(.22,.61,.36,1) .45s both settle}@keyframes settle{0%{opacity:0;transform:translate(-50%)rotate(0)}30%{opacity:1;transform:translate(-50%)rotate(7deg)}55%{transform:translate(-50%)rotate(-4deg)}78%{transform:translate(-50%)rotate(2deg)}to{opacity:1;transform:translate(-50%)rotate(0)}}button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:border-color .15s,background .15s,color .15s,translate 80ms}button:active{translate:0 1px}button.primary{transition:background .15s,translate 80ms,box-shadow .2s}button.primary:hover{box-shadow:0 6px 20px rgba(var(--lamp-rgb), .14)}@media (prefers-reduced-motion:reduce){.grain{display:none}.screen>*,.screen:after{animation:none}button,button.primary{transition:none}button:active{translate:none}}.houselight{opacity:0;pointer-events:none;background:radial-gradient(118% 86% at 50% -16%,#f0f0f057,#e8e8e824 44%,#e2e2e20d 72%,#0000 92%),#ececec08;transition:opacity 1.1s;position:absolute;inset:0}body.lit .houselight{opacity:1;transition:opacity 2s cubic-bezier(.16,.84,.36,1)}.vignette{pointer-events:none;background:radial-gradient(126% 84% at 50% 40%,#0000 46%,#03020280 100%);transition:opacity 1.1s;position:absolute;inset:0}body.lit .vignette{opacity:.3;transition:opacity 2s cubic-bezier(.16,.84,.36,1)}.gallery{flex-shrink:0;order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(13px,1.6vw,24px);width:min(100%,1166px);transition:opacity .75s,transform .75s;display:grid}.gallery figure{transform-style:preserve-3d;box-shadow:var(--sx,0px) var(--sy,6px) var(--blur,9px) -1px #0000009e, 0 1px 2px #00000073;background:0 0;margin:0;padding:0}.gallery .fr-face{border:12px solid;border-color:var(--b-top,#3d3226) var(--b-right,#1e1912) var(--b-bottom,#151009) var(--b-left,#2f2619);background:#0a0807;position:relative}.gallery .fr-face:before{content:"";pointer-events:none;box-shadow:inset 0 1px 0 rgba(var(--lamp-rgb), .22), inset 1px 0 0 rgba(var(--lamp-rgb), .08), inset 0 -1px 0 #0009, inset 0 0 0 3px #0000002e, inset 0 0 0 4px rgba(var(--lamp-rgb), .05);position:absolute;inset:-12px}.gallery .fr-face:after{content:"";pointer-events:none;box-shadow:inset 0 8px 9px -5px #000000bd,  inset 7px 0 8px -6px #000000bd, inset -7px 0 8px -6px #000000bd, inset 0 -5px 6px -4px #0000004d, inset 0 -1px 0 rgba(var(--lamp-rgb), .07);position:absolute;inset:0}.gallery video{aspect-ratio:3/2;object-fit:cover;background:#0a0807;width:100%;max-height:189px;display:block}body:not(.parked) .gallery{opacity:0;pointer-events:none;visibility:hidden;position:absolute;transform:translateY(6px)}@media (width>=701px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.gallery .wide-only{display:none}body.parked #app{padding-left:4px;padding-right:4px}.gallery{gap:9px}.gallery figure{padding:9px}.gallery figure:after{inset:9px}.gallery figure{box-shadow:none}.gallery .fr-face{box-shadow:var(--sx,0px) var(--sy,6px) var(--blur,9px) -1px #0000009e, 0 1px 2px #00000073}}.drop{--blind:var(--screen-h);z-index:2;width:min(86vw, calc(var(--screen-h) * 1.5), 620px);cursor:pointer;font:inherit;color:var(--ink);background:0 0;border:none;flex-direction:column;flex-shrink:0;order:2;align-items:center;gap:0;padding:0;display:flex;position:relative}.drop-fabric{height:var(--blind);transform-origin:50% 0;border:var(--mask) solid #000;border-bottom-width:var(--mask-bottom);transform:scaleY(0);transform:scaleY(var(--pull,0));background-color:#0000;background-image:linear-gradient(#00000038 0%,#0000 9%),linear-gradient(#b3aa97 0%,#a49b88 62%,#938b79 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:padding-box;border-radius:0 0 1px 1px;transition:transform .72s cubic-bezier(.22,.61,.28,1);position:absolute;top:11px;left:0;right:0;box-shadow:inset 0 0 0 1px #00000029,0 4px 9px #00000073}body.blind-dragging .drop-fabric,body.blind-dragging .drop-pull{will-change:transform}.drop-pull{transform:translateY(calc(var(--blind) * var(--pull,0)));transition:height .22s,transform .72s cubic-bezier(.22,.61,.28,1)}.drop{pointer-events:none}body.parked .drop{pointer-events:auto;touch-action:none}body.parked .gallery{opacity:calc(1 - var(--pull,0) / .9);transition:opacity .72s cubic-bezier(.22,.61,.28,1)}.drop:before{content:"";height:20px;box-shadow:var(--sx,0px) calc(var(--sy,3px) + 4px) 12px #0009, var(--sx,0px) 2px 3px #00000059;pointer-events:none;border-radius:10px;position:absolute;top:-2px;left:2px;right:2px}.drop-roller{width:100%;height:20px;box-shadow:inset 0 1px 0 rgba(var(--lamp-rgb), .28), inset 0 -1px 0 #000000b3;background:linear-gradient(#0000 0 57%,#00000073 57% calc(57% + 1px),#fff0dc14 calc(57% + 1px) calc(57% + 2px),#0000 calc(57% + 2px)),repeating-linear-gradient(#fff5e609 0 1px,#00000009 1px 3px),linear-gradient(#3d3a33 0%,#8a8472 14%,#9a9481 24%,#6f6a5b 42%,#4a463c 66%,#2a2722 86%,#16140f 100%);border-radius:10px;margin-top:-8px;transition:box-shadow .2s;position:relative}.drop-roller:after{content:"";background:linear-gradient(#050403,#1a1712);border-radius:0 0 2px 2px;height:3px;position:absolute;bottom:-2px;left:14px;right:14px;box-shadow:0 1px #fff0dc0f}.drop-roller .rl-cap{width:24px;height:24px;box-shadow:0 0 0 1px #000000bf, inset 0 1px 0 rgba(var(--lamp-rgb), .2), inset 0 -2px 3px #0009, var(--sx,0px) 3px 4px #00000080;background:radial-gradient(circle,#7a7364 0 2.5px,#2c2822 3px 4px,#0000 4.5px),radial-gradient(circle at 38% 32%,#5c574c 0%,#33302a 40%,#1a1814 75%,#0c0b09 100%);border-radius:50%;position:absolute;top:-2px}.drop-roller .rl-cap-l{left:-6px}.drop-roller .rl-cap-r{right:-6px}.drop-roller .rl-cap:before{content:"";width:8px;height:18px;box-shadow:var(--sx,0px) 2px 3px #00000080, inset 0 1px 0 rgba(var(--lamp-rgb), .18);z-index:-1;background:linear-gradient(90deg,#14120e 0%,#3b372f 45%,#2a2721 70%,#0f0e0b 100%);border-radius:1.5px 1.5px 0 0;position:absolute;top:-13px;left:8px}.drop-roller .rl-cap:after{content:"";background:radial-gradient(circle at 40% 35%,#8a8372,#3a362e 70%);border-radius:50%;width:4px;height:4px;position:absolute;top:-10px;left:10px;box-shadow:0 0 0 .5px #000c}.drop-pull{background:linear-gradient(180deg, rgba(var(--lamp-rgb), .3), rgba(var(--lamp-rgb), .14));width:1px;height:22px;transition:height .22s;position:relative}.drop-pull:before{content:"";width:min(86vw, calc(var(--screen-h) * 1.5), 620px);height:5px;box-shadow:inset 0 1px 0 rgba(var(--lamp-rgb), .22), var(--sx,0px) 2px 3px #00000080;background:linear-gradient(#6a6457 0%,#45403a 40%,#23201b 100%);border-radius:1px;position:absolute;top:1px;left:50%;transform:translate(-50%)}.drop-pull:after{content:"";border:1.5px solid rgba(var(--lamp-rgb), .4);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.drop:hover .drop-pull{height:30px}.drop:hover .drop-roller{box-shadow:inset 0 1px 0 rgba(var(--lamp-rgb), .26), 0 8px 20px #0009}.beam-layer{--apex-y:calc(50% + 168px)}@media (width<=700px){.beam-layer{--apex-y:calc(50% + 213px)}}.beam-layer{z-index:6;pointer-events:none;position:fixed;inset:0;overflow:hidden}.room-over{z-index:7;visibility:hidden;background:0 0;transition:visibility linear}body.beam-over .room-over{visibility:visible}.room:not(.room-over)>.camera .projector{transition:transform 1.25s cubic-bezier(.33,.02,.2,1),visibility linear}body.beam-over .room:not(.room-over)>.camera .projector{visibility:hidden}.beam-glow{width:192px;left:calc(50% - 96px);top:calc(var(--apex-y) - 96px);pointer-events:none;opacity:0;background:radial-gradient(circle,#fff3de8c 0,#ffeccd38 18px,#ffe6c312 44px,#0000 80px);height:192px;transition:opacity 1.6s .35s;position:absolute}body.running .beam-glow{opacity:1}.beam-cone{pointer-events:none;opacity:0;clip-path:polygon(calc(50% - var(--beam-lens,0px)) var(--apex-y), calc(50% + var(--beam-lens,0px)) var(--apex-y), calc(50% + var(--beam-half-width,300px)) var(--beam-clip,0px), calc(50% - var(--beam-half-width,300px)) var(--beam-clip,0px));--beam-wedge:conic-gradient(from calc(var(--beam-vhalf-deg,var(--beam-half-deg,54deg)) * -1) at 50% var(--beam-vapex,var(--apex-y)), transparent 0deg, #0000009e var(--beam-vfeather,var(--beam-feather,1deg)), #000 var(--beam-vhalf-deg,var(--beam-half-deg,54deg)), #0000009e calc(var(--beam-vhalf-deg,var(--beam-half-deg,54deg)) * 2 - var(--beam-vfeather,var(--beam-feather,1deg))), transparent calc(var(--beam-vhalf-deg,var(--beam-half-deg,54deg)) * 2), transparent 360deg);-webkit-mask-image:var(--beam-wedge), linear-gradient(#000, #000);-webkit-mask-image:var(--beam-wedge), linear-gradient(#000, #000);mask-image:var(--beam-wedge), linear-gradient(#000, #000);-webkit-mask-size:100% 100%, calc(var(--occl-r,0px) - var(--occl-l,0px)) calc(var(--occl-b,0px) - var(--occl-t,0px));mask-size:100% 100%, calc(var(--occl-r,0px) - var(--occl-l,0px)) calc(var(--occl-b,0px) - var(--occl-t,0px));-webkit-mask-size:100% 100%, calc(var(--occl-r,0px) - var(--occl-l,0px)) calc(var(--occl-b,0px) - var(--occl-t,0px));-webkit-mask-position:0 0, var(--occl-l,0px) var(--occl-t,0px);mask-position:0 0, var(--occl-l,0px) var(--occl-t,0px);-webkit-mask-position:0 0, var(--occl-l,0px) var(--occl-t,0px);-webkit-mask-composite:source-out;transition:opacity 1.6s .35s;position:absolute;inset:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-out;mask-composite:subtract}body.running .beam-cone{opacity:1}.beam-tint{--tint-pad:48px;--tint-top:calc(round(down, var(--beam-clip,0px), 64px) - var(--tint-pad));--tint-half:calc(round(up, var(--beam-half-width,300px), 64px) + var(--tint-pad));left:calc(50% - var(--tint-half));width:calc(var(--tint-half) * 2);top:var(--tint-top);height:calc(round(up, var(--apex-y), 64px) + var(--tint-pad) - var(--tint-top));--tint-apex:calc(var(--apex-y) - var(--tint-top));background:var(--beam-bands,linear-gradient(#d2e4ff, #d2e4ff));--beam-fall:radial-gradient(circle at 50% var(--tint-apex), transparent 0px, #00000042 var(--beam-mouth,34px), #00000026 calc(var(--beam-far,287px) * .38), #00000024 var(--beam-far,287px), transparent var(--beam-reach,445px));-webkit-mask-image:var(--beam-fall);-webkit-mask-image:var(--beam-fall);mask-image:var(--beam-fall);position:absolute}body.running .beam-tint{animation:.25s steps(3,jump-none) infinite shutter}@keyframes shutter{0%{opacity:1}50%{opacity:.955}to{opacity:.985}}@media (prefers-reduced-motion:reduce){body.running .beam-tint{animation:none}}.beam-dust{pointer-events:none;opacity:0;clip-path:polygon(50% var(--apex-y), calc(50% - var(--beam-half-width,300px)) var(--beam-clip,0px), calc(50% + var(--beam-half-width,300px)) var(--beam-clip,0px));-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-size:100% 100%, calc(var(--occl-r,0px) - var(--occl-l,0px)) calc(var(--occl-b,0px) - var(--occl-t,0px));mask-size:100% 100%, calc(var(--occl-r,0px) - var(--occl-l,0px)) calc(var(--occl-b,0px) - var(--occl-t,0px));-webkit-mask-size:100% 100%, calc(var(--occl-r,0px) - var(--occl-l,0px)) calc(var(--occl-b,0px) - var(--occl-t,0px));-webkit-mask-position:0 0, var(--occl-l,0px) var(--occl-t,0px);mask-position:0 0, var(--occl-l,0px) var(--occl-t,0px);-webkit-mask-position:0 0, var(--occl-l,0px) var(--occl-t,0px);-webkit-mask-composite:source-out;transition:opacity 1.4s .5s;position:absolute;inset:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-out;mask-composite:subtract}body.running .beam-dust{opacity:1}.bd-clip{-webkit-mask-image:radial-gradient(circle at 50% var(--apex-y), transparent 0px, #000 var(--beam-mouth,34px), #000 var(--beam-far,287px), transparent var(--beam-reach,445px));-webkit-mask-image:radial-gradient(circle at 50% var(--apex-y), transparent 0px, #000 var(--beam-mouth,34px), #000 var(--beam-far,287px), transparent var(--beam-reach,445px));mask-image:radial-gradient(circle at 50% var(--apex-y), transparent 0px, #000 var(--beam-mouth,34px), #000 var(--beam-far,287px), transparent var(--beam-reach,445px));position:absolute;inset:0;overflow:hidden}.bd-clip i{--bd-pad:32px;--bd-top:calc(round(down, var(--beam-clip,0px), 64px) - var(--bd-pad));--bd-half:calc(round(up, var(--beam-half-width,300px), 64px) + var(--bd-pad));left:calc(50% - var(--bd-half));width:calc(var(--bd-half) * 2);top:var(--bd-top);height:calc(round(up, var(--apex-y), 64px) + var(--bd-pad) - var(--bd-top) + 240px);background-position:0 calc(-1 * var(--bd-top));background-repeat:repeat;background-size:180px 240px;animation-name:bd-rise;animation-iteration-count:infinite;position:absolute}@keyframes bd-rise{to{transform:translateY(-240px)}}.bd-fine{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='240'%3E%3Cg fill='%23dfe9ff'%3E%3Ccircle cx='66.7' cy='224.5' r='0.36' opacity='0.45'/%3E%3Ccircle cx='108.0' cy='32.8' r='0.42' opacity='0.89'/%3E%3Ccircle cx='153.5' cy='192.2' r='0.37' opacity='0.62'/%3E%3Ccircle cx='11.3' cy='211.3' r='0.34' opacity='0.49'/%3E%3Ccircle cx='57.6' cy='61.2' r='0.40' opacity='0.50'/%3E%3Ccircle cx='22.2' cy='118.6' r='0.41' opacity='0.73'/%3E%3Ccircle cx='72.1' cy='7.2' r='0.44' opacity='0.52'/%3E%3Ccircle cx='154.8' cy='63.9' r='0.43' opacity='0.87'/%3E%3Ccircle cx='93.4' cy='91.5' r='0.30' opacity='0.50'/%3E%3Ccircle cx='85.6' cy='201.6' r='0.39' opacity='0.50'/%3E%3Ccircle cx='46.6' cy='213.4' r='0.39' opacity='0.57'/%3E%3Ccircle cx='58.7' cy='129.9' r='0.41' opacity='0.82'/%3E%3Ccircle cx='99.0' cy='196.5' r='0.33' opacity='0.72'/%3E%3Ccircle cx='136.1' cy='65.6' r='0.33' opacity='0.51'/%3E%3Ccircle cx='118.4' cy='10.6' r='0.44' opacity='0.88'/%3E%3Ccircle cx='134.7' cy='233.3' r='0.38' opacity='0.64'/%3E%3Ccircle cx='178.7' cy='128.4' r='0.34' opacity='0.55'/%3E%3Ccircle cx='70.0' cy='149.1' r='0.34' opacity='0.61'/%3E%3Ccircle cx='131.3' cy='97.0' r='0.31' opacity='0.70'/%3E%3Ccircle cx='25.6' cy='200.4' r='0.38' opacity='0.87'/%3E%3Ccircle cx='42.7' cy='125.0' r='0.33' opacity='0.78'/%3E%3Ccircle cx='168.8' cy='239.9' r='0.42' opacity='0.67'/%3E%3Ccircle cx='58.3' cy='163.9' r='0.33' opacity='0.69'/%3E%3Ccircle cx='12.6' cy='234.7' r='0.30' opacity='0.47'/%3E%3Ccircle cx='53.0' cy='85.1' r='0.33' opacity='0.50'/%3E%3Ccircle cx='164.5' cy='90.7' r='0.34' opacity='0.58'/%3E%3Ccircle cx='147.2' cy='231.3' r='0.40' opacity='0.72'/%3E%3Ccircle cx='80.7' cy='91.6' r='0.36' opacity='0.49'/%3E%3Ccircle cx='109.9' cy='183.4' r='0.41' opacity='0.71'/%3E%3Ccircle cx='106.9' cy='33.6' r='0.33' opacity='0.75'/%3E%3Ccircle cx='167.2' cy='62.3' r='0.37' opacity='0.78'/%3E%3Ccircle cx='65.5' cy='173.9' r='0.41' opacity='0.50'/%3E%3Ccircle cx='158.1' cy='45.4' r='0.31' opacity='0.73'/%3E%3Ccircle cx='148.9' cy='155.5' r='0.34' opacity='0.79'/%3E%3Ccircle cx='95.2' cy='18.5' r='0.39' opacity='0.58'/%3E%3Ccircle cx='159.1' cy='226.2' r='0.44' opacity='0.81'/%3E%3Ccircle cx='153.1' cy='82.4' r='0.40' opacity='0.53'/%3E%3Ccircle cx='153.5' cy='192.8' r='0.38' opacity='0.85'/%3E%3Ccircle cx='81.8' cy='234.8' r='0.32' opacity='0.89'/%3E%3Ccircle cx='156.8' cy='190.5' r='0.45' opacity='0.77'/%3E%3Ccircle cx='27.3' cy='186.7' r='0.34' opacity='0.70'/%3E%3Ccircle cx='19.6' cy='146.6' r='0.33' opacity='0.81'/%3E%3Ccircle cx='57.9' cy='34.5' r='0.42' opacity='0.46'/%3E%3Ccircle cx='142.8' cy='100.5' r='0.37' opacity='0.57'/%3E%3Ccircle cx='16.5' cy='106.4' r='0.33' opacity='0.74'/%3E%3Ccircle cx='8.4' cy='177.4' r='0.34' opacity='0.72'/%3E%3C/g%3E%3C/svg%3E");animation-duration:36s;animation-timing-function:steps(1080,end)}.bd-mid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='240'%3E%3Cg fill='%23e6eeff'%3E%3Ccircle cx='60.4' cy='224.2' r='0.48' opacity='0.40'/%3E%3Ccircle cx='96.7' cy='217.5' r='0.64' opacity='0.61'/%3E%3Ccircle cx='85.8' cy='60.3' r='0.46' opacity='0.63'/%3E%3Ccircle cx='169.6' cy='20.5' r='0.55' opacity='0.65'/%3E%3Ccircle cx='19.3' cy='108.9' r='0.64' opacity='0.59'/%3E%3Ccircle cx='40.0' cy='204.6' r='0.53' opacity='0.51'/%3E%3Ccircle cx='76.0' cy='153.3' r='0.57' opacity='0.37'/%3E%3Ccircle cx='127.8' cy='80.8' r='0.46' opacity='0.56'/%3E%3Ccircle cx='83.0' cy='27.0' r='0.67' opacity='0.58'/%3E%3Ccircle cx='1.9' cy='222.1' r='0.70' opacity='0.63'/%3E%3Ccircle cx='29.9' cy='31.0' r='0.68' opacity='0.41'/%3E%3Ccircle cx='128.5' cy='127.8' r='0.61' opacity='0.52'/%3E%3Ccircle cx='45.2' cy='45.2' r='0.57' opacity='0.61'/%3E%3Ccircle cx='165.8' cy='102.4' r='0.57' opacity='0.41'/%3E%3Ccircle cx='158.7' cy='215.0' r='0.63' opacity='0.55'/%3E%3Ccircle cx='104.6' cy='150.4' r='0.46' opacity='0.64'/%3E%3Ccircle cx='30.9' cy='93.5' r='0.58' opacity='0.51'/%3E%3Ccircle cx='115.5' cy='205.0' r='0.56' opacity='0.44'/%3E%3Ccircle cx='87.8' cy='77.6' r='0.56' opacity='0.55'/%3E%3Ccircle cx='2.4' cy='12.5' r='0.67' opacity='0.57'/%3E%3C/g%3E%3C/svg%3E");animation-duration:23s;animation-timing-function:steps(690,end);rotate:-1.4deg}.bd-near{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='240'%3E%3Cg fill='%23eef4ff'%3E%3Ccircle cx='102.8' cy='100.4' r='0.96' opacity='0.30'/%3E%3Ccircle cx='61.6' cy='111.5' r='1.07' opacity='0.44'/%3E%3Ccircle cx='83.6' cy='137.1' r='0.87' opacity='0.33'/%3E%3Ccircle cx='108.0' cy='67.2' r='1.00' opacity='0.39'/%3E%3Ccircle cx='47.2' cy='127.6' r='1.01' opacity='0.28'/%3E%3Ccircle cx='87.3' cy='200.6' r='0.98' opacity='0.34'/%3E%3Ccircle cx='119.2' cy='32.6' r='0.85' opacity='0.43'/%3E%3C/g%3E%3C/svg%3E");animation-duration:14s;animation-timing-function:steps(420,end);rotate:1.8deg}body:not(.running) .bd-clip i,body.room-still .grain{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.beam-dust{display:none}.houselight,.vignette,.gallery,.mk .lamp{transition:none}}.callout,.powerlead{z-index:8;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;position:fixed}body.parked #power,body.parked #powerlead{opacity:1;visibility:visible;transition-delay:.25s}body:not(.parked) #power,body:not(.parked) #powerlead{transition:opacity .12s,visibility .12s}body.camera-moving #powerlead{opacity:0;transition:none}.powerlead{transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#e2d6be73 0%,#e2d6bebf 100%);width:120.2px;height:1px;top:calc(50% + 303.2px);left:calc(50% + 34.2px);transform:rotate(15.5deg);box-shadow:0 1px #00000080}.powerlead:before{content:"";border:1px solid #e2d6be80;border-radius:50%;width:9px;height:9px;margin-top:-4.5px;position:absolute;top:50%;left:-4px}.callout{left:50%;top:var(--console-top,calc(50% + 300px));cursor:pointer;text-align:left;background:linear-gradient(#2a251e 0%,#1b1713 62%,#131010 100%);border:1px solid #cec8ba57;border-radius:5px;flex-direction:column;align-items:flex-start;gap:2px;padding:13px 20px;display:flex;transform:translate(-50%);box-shadow:inset 0 1px #f0e8d629,0 6px 18px #0000008c}.callout-title{color:#ece5d8;letter-spacing:.005em;font-size:clamp(14px,1.15vw,16px);font-weight:600}.callout-hint{letter-spacing:.09em;text-transform:uppercase;color:var(--dim);font-size:11px}.callout:hover,.callout:focus-visible{background:linear-gradient(#332c24 0%,#221d18 62%,#171313 100%);border-color:#e2dcca99}@media (width<=700px){.callout{text-align:center;align-items:center;top:calc(50% + 190px);left:50%;transform:translate(-50%)}.powerlead{width:87.2px;top:calc(50% + 343px);left:calc(50% + 26.7px);transform:rotate(-107.8deg)}}.notice{left:max(16px, env(safe-area-inset-left,0px));bottom:max(12px, env(safe-area-inset-bottom,0px));z-index:8;letter-spacing:.04em;color:var(--dim);opacity:0;visibility:hidden;gap:10px;margin:0;font-size:11px;transition:opacity .5s,visibility .5s;display:flex;position:fixed}.notice a{color:var(--dim);border-bottom:1px solid #cec8ba47;text-decoration:none}.notice a:hover,.notice a:focus-visible{color:var(--ink);border-color:#e2dcca99}body.parked .notice{opacity:.85;visibility:visible;transition-delay:.25s}.console{left:50%;top:var(--console-top,calc(100% - 90px));z-index:8;max-width:calc(100vw / var(--fit,1) - 16px);opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#2a251e 0%,#1b1713 62%,#131010 100%);border:1px solid #cec8ba38;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:8px 10px;transition:opacity .45s,visibility .45s,top .25s;display:flex;position:fixed;transform:translate(-50%);box-shadow:inset 0 1px #f0e8d624,0 18px 34px #0009}body.running .console:has(button:not([hidden])){opacity:1;visibility:visible;pointer-events:auto;transition-delay:.3s}body.parked .console{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s}.console .con-l,.console .con-r{align-items:center;gap:6px;display:flex}:is(.console .con-l:not(:has(button:not([hidden]))),.console .con-r:not(:has(button:not([hidden])))){display:none}.console .actions{order:initial;flex-wrap:nowrap;gap:8px;width:auto;max-width:none;margin:0}.console .actions[hidden]{display:none}.console button,.console .length,.console .length .len,.console #actions button,.console #actions .length,.console #actions .length .len{height:calc(44px / var(--fit,1));white-space:nowrap;padding-top:0;padding-bottom:0;font-size:13px}.console button{padding-left:14px;padding-right:14px}.console .length{border-radius:5px}.console .length .len{min-width:calc(44px / var(--fit,1));padding-left:12px;padding-right:12px;font-size:12.5px}.console button.primary{padding-left:20px;padding-right:20px;font-size:14px;font-weight:600}.console .tap{color:var(--ink-2)}.console .word-short{display:none}.console progress{width:160px}.console .tap-off{width:calc(44px / var(--fit,1));color:var(--dim);border-radius:50%;place-items:center;padding:0;display:grid}.console .tap-off .tap-glyph{width:17px;height:17px;display:block}.console .tap-off .tap-words{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.console .tap-off:hover,.console .tap-off:focus-visible{color:#e8b294;border-color:#c4703f99}.console .tap[disabled]{opacity:.42;cursor:default}.console .tap.icon{width:calc(44px / var(--fit,1));place-items:center;min-width:0;padding:0;display:grid}.console .ic{width:18px;height:18px;display:none}.console .sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.console #playpause .ic-pause{display:block}.console #playpause.is-paused .ic-pause{display:none}.console #playpause.is-paused .ic-play,.console .mute-toggle .ic-sound{display:block}.console .mute-toggle.off .ic-sound{display:none}.console .mute-toggle.off .ic-muted{display:block}.console .mute-toggle.off{color:var(--dim)}@media (width<=700px),(height<=500px){.console{max-width:none;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));border-radius:10px;flex-wrap:wrap;gap:8px;left:8px;right:8px;transform:none}.console .actions{flex-wrap:wrap;flex:100%;order:-1;justify-content:center}.console .actions>button{flex:auto}.console .length .len{padding-left:10px;padding-right:10px}.console #makegif{min-width:calc(44px / var(--fit,1));flex:none}.console .word-long{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.console .word-short{display:inline}.console .con-l,.console .con-r{flex:auto;justify-content:center}.console progress{width:100%}}body.parked.blind-dragging .drop-fabric,body.parked.blind-dragging .drop-pull,body.parked.blind-dragging .gallery{transition:none}.screen-shade{pointer-events:none;position:absolute;inset:7px 7px 9px;box-shadow:inset 0 6px 7px -4px #00000073,inset 5px 0 6px -5px #00000073,inset -5px 0 6px -5px #00000073,inset 0 -4px 5px -3px #0003}#stage:has(#compare:not([hidden])){cursor:pointer}#stage,#gate{transition:opacity .85s}#generate[disabled]{opacity:.42;cursor:default}#stage #compare{left:calc(var(--mask) + 9px);bottom:calc(var(--mask-bottom) + 9px);z-index:2;width:auto;box-shadow:none;color:#f0ece2cc;pointer-events:none;opacity:0;background:#100d0a66;border:1px solid #f0ece233;border-radius:4px;padding:6px 10px;font-size:12px;transition:opacity .22s;position:absolute}#stage:hover #compare{opacity:1}#stage #compare:focus-visible{opacity:1;outline-offset:2px;outline:2px solid #f0ece2cc}#stage #compare.held{opacity:1;color:#fff;border-color:#f0ece275}@media (hover:none){#stage #compare{opacity:.62}}.tuner{z-index:99;color:#e6e0d2;background:#0e0c0af0;border:1px solid #e2dcca40;border-radius:8px;width:288px;max-height:88vh;padding:12px 14px 14px;font:12px/1.45 ui-sans-serif,system-ui,sans-serif;position:fixed;bottom:12px;left:12px;overflow:auto;box-shadow:0 18px 40px #000000b3}.tuner h2{letter-spacing:.16em;text-transform:uppercase;color:#a89f8b;margin:0 0 10px;font-size:11px}.tuner label{grid-template-columns:1fr 52px;gap:2px 8px;margin-bottom:9px;display:grid}.tuner label span{color:#b8b0a0;grid-column:1/-1}.tuner label input[type=range]{accent-color:#d8c9a4;width:100%}.tuner label input[type=color]{background:0 0;border:0;width:100%;height:22px;padding:0}.tuner label output{text-align:right;font-variant-numeric:tabular-nums}.tuner-bar{gap:8px;margin:12px 0 8px;display:flex}.tuner-bar button{color:#e6e0d2;cursor:pointer;background:#221d18;border:1px solid #e2dcca4d;border-radius:5px;flex:1;padding:7px 8px;font-size:12px}.tuner-bar button:hover{border-color:#f0eada8c}.tuner textarea{resize:vertical;color:#cfc7b6;background:#0a0908;border:1px solid #e2dcca33;border-radius:5px;width:100%;padding:6px 7px;font:11px/1.4 ui-monospace,monospace}