#mirror-walkthrough{background:#090c13;color:#edf2ff;font:14px/1.5 Arial,sans-serif;border-radius:14px;overflow:hidden}#mirror-walkthrough *{box-sizing:border-box}#mirror-walkthrough [hidden]{display:none!important}#mirror-walkthrough header{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 110px 18px 24px;border-bottom:1px solid #222b3b}#mirror-walkthrough .brand{font:27px Georgia,serif;letter-spacing:3px}#mirror-walkthrough .brand span{color:#8cb6ff;text-shadow:0 0 13px #246cff}#mirror-walkthrough .brand small{display:block;font:10px Arial,sans-serif;letter-spacing:6px;margin-top:5px}#mirror-walkthrough .demo{color:#a7b7d1;font-size:10px;letter-spacing:2px}#mirror-walkthrough nav{display:flex;gap:5px;padding:10px 16px;flex-wrap:wrap}#mirror-walkthrough button{font:13px Arial,sans-serif;color:#e5edff;background:#142035;border:1px solid #354561;border-radius:7px;min-height:44px;padding:10px 15px}#mirror-walkthrough nav button{background:transparent;border-color:transparent;color:#adbcd2}#mirror-walkthrough nav button[aria-pressed=true]{color:#f4f7ff;background:#192941;border-color:#395780}#mirror-walkthrough .scene{position:relative;aspect-ratio:3/2;overflow:hidden;background:#080b12}#mirror-walkthrough .room-image{display:block;width:100%;height:100%;object-fit:cover;transition:filter .5s}#mirror-walkthrough .scene-caption{position:absolute;left:0;bottom:0;right:0;padding:35px 24px 20px;background:linear-gradient(transparent,#050910ee);pointer-events:none}#mirror-walkthrough .eyebrow{font-size:10px;letter-spacing:2px;color:#a5bde7}#mirror-walkthrough h2{font:25px/1.2 Georgia,serif;margin:8px 0}#mirror-walkthrough .door{position:absolute;top:43%;left:59%;background:#0b1428eb;border-color:#7296ce;box-shadow:0 0 24px #4388ff44}#mirror-walkthrough .door span{margin-left:12px}#mirror-walkthrough .glow-ring{position:absolute;left:38.6%;top:27.2%;width:6.3%;height:12%;border-radius:50%;filter:drop-shadow(0 0 7px #387aff);pointer-events:none}#mirror-walkthrough .glow-ring b{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:#dcf5ff;animation:circle-light 14s linear infinite;box-shadow:0 -4px 10px -5px #8bc8ff}#mirror-walkthrough .screen-buttons{position:absolute;left:29%;right:16%;top:31%;display:grid;grid-template-columns:1fr 1.65fr 1fr;gap:8px}#mirror-walkthrough .screen-buttons button{font-size:11px;background:#08162beF;border-color:#7aabec;box-shadow:0 0 16px #237cff55;padding:9px 5px}#mirror-walkthrough .action-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;gap:10px;border-bottom:1px solid #222b3b;color:#b7c6db}#mirror-walkthrough .light-button{background:transparent}#mirror-walkthrough .content,#mirror-walkthrough .studio-actions{padding:24px;background:#0e1522}#mirror-walkthrough .content-top{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:20px}#mirror-walkthrough .content-top button{background:#17243a}#mirror-walkthrough .data-row{display:grid;grid-template-columns:1fr auto;gap:9px;padding:15px 0;border-top:1px solid #2b374b}#mirror-walkthrough .track{grid-column:1/-1;height:5px;border-radius:5px;background:#233047;overflow:hidden}#mirror-walkthrough .track b{display:block;height:100%;background:#6094ff}#mirror-walkthrough .sample-note{color:#a9bad1;margin:0 0 18px}#mirror-walkthrough .feature{display:block;width:100%;text-align:left;background:#15243b;padding:18px}#mirror-walkthrough .feature span{display:block;color:#b7cae9;margin-top:6px}#mirror-walkthrough .feature-detail{padding:18px 0;color:#c0cde0}#mirror-walkthrough footer{padding:15px 22px;font-size:11px;color:#9caac0}#mirror-walkthrough .motion-off *{animation-play-state:paused!important}@keyframes circle-light{0%,10%{transform:rotate(0);opacity:0}12%{opacity:1}40%{transform:rotate(360deg);opacity:1}43%,100%{transform:rotate(360deg);opacity:0}}@media(max-width:540px){#mirror-walkthrough header{padding-left:16px}#mirror-walkthrough .scene{aspect-ratio:1/1}#mirror-walkthrough .room-image{object-fit:contain;object-position:top}#mirror-walkthrough .scene-caption{padding:15px 16px}#mirror-walkthrough h2{font-size:22px}#mirror-walkthrough .door{top:auto;bottom:90px;left:16px}#mirror-walkthrough .glow-ring{top:18.1%;height:8%}#mirror-walkthrough .screen-buttons{left:12px;right:12px;top:auto;bottom:88px;grid-template-columns:1fr 1fr 1fr;gap:6px}#mirror-walkthrough .content{padding:20px 16px}}@media(prefers-reduced-motion:reduce){#mirror-walkthrough *{animation:none!important;transition:none!important}}


#mirror-walkthrough .scene{--ox:38.6%;--oy:27.2%;--ow:6.3%;--oh:12%}
#mirror-walkthrough .scene[data-scene=studio]{--ox:34.7%;--oy:25.1%;--ow:5.1%;--oh:9.2%}
#mirror-walkthrough .scene[data-scene=control]{--ox:57.6%;--oy:27.2%;--ow:3.8%;--oh:6.2%}
#mirror-walkthrough .glow-ring{left:var(--ox);top:var(--oy);width:var(--ow);height:var(--oh);filter:drop-shadow(0 0 8px #367cff);z-index:2}
#mirror-walkthrough .glow-ring b{inset:auto;left:0;top:0;width:7px;height:7px;border:0;background:#e5f8ff;box-shadow:0 0 6px 3px #89cbff,0 0 18px 7px #2875ff;border-radius:50%;offset-path:ellipse(50% 50% at 50% 50%);offset-rotate:0deg;animation:o-travel 16s linear infinite}
#mirror-walkthrough .glow-ring b{offset-path:ellipse(calc(50cqw) calc(50cqh) at 50% 50%)}
#mirror-walkthrough .glow-ring{container-type:size}
#mirror-walkthrough .glow-ring:after{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:0 0 11px 2px #498bff80,inset 0 0 6px #7cbbff80;opacity:.4}
#mirror-walkthrough .o-target{position:absolute;left:var(--ox);top:var(--oy);width:var(--ow);height:var(--oh);min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;z-index:3}
#mirror-walkthrough .o-target:focus-visible{outline:2px solid #c5e0ff;outline-offset:6px}
#mirror-walkthrough .glow-ring.is-lit:after{animation:o-bloom 3s ease-out both}
#mirror-walkthrough .glow-ring.is-lit b{animation:o-tap 3s ease-in-out both}
#mirror-walkthrough .action-bar{flex-wrap:wrap;justify-content:flex-start}
#mirror-walkthrough .room-status{flex:1 1 180px}
@keyframes o-travel{0%,8%{offset-distance:0%;opacity:0}10%{opacity:1}32%{offset-distance:100%;opacity:1}35%,100%{offset-distance:100%;opacity:0}}
@keyframes o-tap{0%{offset-distance:0%;opacity:1}85%{opacity:1}100%{offset-distance:100%;opacity:0}}
@keyframes o-bloom{0%{opacity:.4}30%{opacity:1;box-shadow:0 0 22px 8px #4085ffbb,inset 0 0 9px #a2d4ff}100%{opacity:.4}}
@media(max-width:540px){#mirror-walkthrough .glow-ring,#mirror-walkthrough .o-target{top:calc(var(--oy)*.666667);height:calc(var(--oh)*.666667)}}
@media(prefers-reduced-motion:reduce){#mirror-walkthrough .glow-ring.is-lit:after{animation:none;opacity:1}#mirror-walkthrough .glow-ring b{display:none}}

#mirror-walkthrough{max-width:1100px;margin:auto}#mirror-walkthrough .home-link,#mirror-walkthrough .owner-link{color:#c9dbff;text-decoration:none;font-size:13px;padding:12px;display:inline-block}#mirror-walkthrough .feature{color:#eef4ff;text-decoration:none}body{margin:0;padding:20px;background:#05080e} @media(max-width:540px){body{padding:0}}