/* Light-DOM scene layer. All content is visible without JavaScript. */
andromeda-scene,wordsky-scene{--scene-accent:#fb247e;position:relative;display:block;width:100%;min-width:0;height:100%;min-height:300px;isolation:isolate;contain:layout style;font-family:inherit}
andromeda-scene *,wordsky-scene *{box-sizing:border-box}
andromeda-scene [hidden],wordsky-scene [hidden]{display:none!important}
.and-viewport,.ws-viewport{position:absolute;inset:0 0 46px;overflow:hidden}
.and-engine{width:100%;height:100%;display:block;color:#9098a9;overflow:visible}
.and-material{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.and-outline{position:absolute;inset:0;width:100%;height:100%;color:#d5dae4;opacity:0;pointer-events:none}
andromeda-scene[mode="blueprint"] .and-material{display:none}
andromeda-scene[mode="blueprint"] .and-outline{display:none}
andromeda-scene[mode="installation"] .and-engine{display:none}
andromeda-scene[mode="installation"][data-stage="drawing"] .and-outline{opacity:1}
andromeda-scene[mode="installation"]:not(.has-material) .and-outline{opacity:1}
andromeda-scene[visual="brand"] .and-engine{display:none}
andromeda-scene[visual="brand"][mode="blueprint"] .and-material{display:block}
andromeda-scene[visual="brand"][mode="blueprint"] .and-outline{display:block;color:#343440}
andromeda-scene[visual="brand"][data-stage="drawing"] .and-outline{opacity:1}
andromeda-scene[visual="brand"]:not(.has-material) .and-outline{opacity:1}
.and-piece,.and-ground,.and-body,.and-construction{transform-box:fill-box;transform-origin:center}
.and-construction,.and-measure{opacity:0}
.and-rails{opacity:.3}.and-details{opacity:.7}.and-traces{filter:drop-shadow(0 0 7px #ff278577)}
andromeda-scene[mode="blueprint"]{--scene-control-inverse:#eeeae3;color:#20202a}
andromeda-scene[mode="blueprint"] .and-engine{color:#323440;transform:scale(1.06)}
andromeda-scene[mode="blueprint"] .and-construction{opacity:.6}
andromeda-scene[mode="blueprint"] .and-measure{opacity:.7}
andromeda-scene[mode="blueprint"] .and-ground{opacity:.1}
andromeda-scene[mode="blueprint"] .and-piece.left{transform:translate(-72px,20px)}
andromeda-scene[mode="blueprint"] .and-piece.right{transform:translate(78px,-30px)}
andromeda-scene[mode="blueprint"] .and-piece.middle{transform:translate(0,-25px)}
andromeda-scene[mode="blueprint"] .and-piece.crown{transform:translate(0,-45px)}
andromeda-scene[mode="blueprint"] .and-piece.bridge{transform:translate(0,25px) scale(1.2)}
andromeda-scene[mode="blueprint"] .and-face{fill:url(#and-pink);stroke:#ff9cc3;stroke-width:1.5}
andromeda-scene[mode="blueprint"] .and-ribs,andromeda-scene[mode="blueprint"] .and-details{display:none}
andromeda-scene[data-stage="drawing"] .and-material{opacity:0}
andromeda-scene[data-stage="drawing"] .and-engine{opacity:1!important}
andromeda-scene[data-stage="drawing"] .and-piece polygon{fill:transparent;stroke:currentColor;stroke-width:1.25}
andromeda-scene[data-stage="drawing"] .and-ground{opacity:0}
andromeda-scene[data-stage="drawing"] .and-construction,andromeda-scene[data-stage="drawing"] .and-measure{opacity:.7}
andromeda-scene[data-stage="drawing"] .and-ribs{opacity:.35}
andromeda-scene.has-material[mode="installation"][data-stage="material"] .and-engine{opacity:0}
.scene-tools{position:absolute;z-index:5;left:50%;bottom:0;transform:translateX(-50%);max-width:100%;display:flex;align-items:center;justify-content:center;gap:4px;padding:3px;color:inherit;white-space:nowrap}
.scene-tools button{appearance:none;font:inherit;font-size:11px;line-height:1;letter-spacing:0;border:1px solid currentColor;background:transparent;color:inherit;opacity:.76;padding:10px 13px;min-height:40px;border-radius:22px;cursor:pointer;white-space:nowrap}
.scene-tools button[aria-pressed="true"]{background:currentColor;opacity:1}.scene-tools button[aria-pressed="true"] span{color:var(--scene-control-inverse,#0c0e14)}
.scene-tools button:focus-visible{outline:3px solid var(--scene-accent);outline-offset:3px}.scene-tools button:hover{opacity:1}.scene-tools button:disabled{opacity:.35;cursor:default}
.scene-tools button[data-motion-stop]{position:absolute;bottom:46px;background:#111;color:#fff}
/* Wordsky: one spatial rig, two actual product surfaces joined along a hinge. */
wordsky-scene{--scene-accent:#e8f45e;--scene-control-inverse:#1725ed;color:#fff;perspective:1400px}
.ws-viewport{perspective:1500px}
.ws-aperture{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 55% 76%,#8a9aff80,transparent 51%)}
.ws-graphic{position:absolute;inset:-13% -6% -10%;font-family:Arial,sans-serif;font-weight:900;font-size:clamp(280px,43vw,660px);line-height:.7;letter-spacing:-.18em;color:#081155;opacity:.17;transform:rotate(-9deg);display:flex;align-items:center;justify-content:center;pointer-events:none}
.ws-stage-mark{position:absolute;left:6%;top:6%;font:10px/1.5 monospace;letter-spacing:.18em;opacity:.75}
.ws-product{position:absolute;left:8%;top:22%;width:82%;height:65%;transform-style:preserve-3d;transform:rotateX(6deg) rotateY(-17deg) rotateZ(-8deg);transform-origin:50% 54%}
.ws-spine{position:absolute;left:-2%;right:-3%;top:7%;bottom:5%;background:linear-gradient(125deg,#101a74,#4a66ff 48%,#172694 49%,#0a114f);border:1px solid #d3e0ff;border-radius:10px;transform:translateZ(-22px);box-shadow:0 50px 60px #0005}
.ws-product figure{position:absolute;margin:0;border:1px solid #a7b3d7;border-radius:7px;overflow:hidden;background:#e6e8ed;box-shadow:0 25px 40px #0006;backface-visibility:hidden;transform-style:preserve-3d}
.ws-product img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top;background:#edeff4}
.ws-chrome{height:21px;display:flex;align-items:center;gap:4px;background:#101729;padding:0 9px;color:#bbc4d8;font:7px monospace;letter-spacing:.1em}
.ws-chrome i{width:3px;height:3px;border-radius:50%;background:#bac1ce}.ws-chrome span{margin-left:10px}
.ws-app{width:88%;left:11%;top:0;transform:translateZ(38px)}
.ws-portal{width:76%;left:-3%;top:65%;transform-origin:50% 0;transform:rotateX(52deg) translateZ(1px)}
.ws-hinge{position:absolute;left:11%;width:65%;top:67%;height:5px;border-radius:3px;background:linear-gradient(90deg,#27345c,#c8d4e8 25%,#7587b1 70%,#27345c);transform:translateZ(36px);box-shadow:0 2px 5px #0008}
.ws-product figcaption{position:absolute;left:9px;bottom:8px;background:#f1f5f7e6;color:#121c34;padding:5px 7px;font:9px Arial;border-radius:2px}
.ws-orbit-label{position:absolute;right:5%;bottom:4%;width:130px;height:130px;border-radius:50%;background:#e6f15b;color:#172054;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transform:rotate(12deg);font-size:9px;letter-spacing:.12em;box-shadow:0 5px 25px #0002}
.ws-orbit-label b{font-size:49px;line-height:.8;font-weight:400}
wordsky-scene[mode="poster"]{--scene-control-inverse:#e9f466;color:#111423}
wordsky-scene[mode="poster"] .ws-aperture{background:none}
wordsky-scene[mode="poster"] .ws-graphic{inset:-2% -15%;color:#161b35;opacity:1;transform:rotate(-5deg);font-size:clamp(300px,50vw,800px);letter-spacing:-.12em}
wordsky-scene[mode="poster"] .ws-stage-mark{color:#101523;left:5%;top:3%}
wordsky-scene[mode="poster"] .ws-product{left:9%;top:17%;width:88%;height:70%;transform:rotate(-7deg);perspective:none}
wordsky-scene[mode="poster"] .ws-spine{background:#181b37;transform:translate(8px,10px);border:0;box-shadow:none}
wordsky-scene[mode="poster"] .ws-app{left:0;top:3%;width:89%;transform:none;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border-radius:0}
wordsky-scene[mode="poster"] .ws-portal{left:43%;top:58%;width:57%;transform:rotate(7deg);border:3px solid #e9f466;border-radius:0;z-index:1}
wordsky-scene[mode="poster"] .ws-hinge{display:none}
wordsky-scene[mode="poster"] .ws-orbit-label{right:2%;bottom:3%;background:#2028f3;color:#fff;width:116px;height:116px;transform:rotate(-10deg)}
wordsky-scene[data-stage="drawing"] .ws-product img{opacity:.12;filter:grayscale(1)}
wordsky-scene[data-stage="drawing"] .ws-product figure{background:repeating-linear-gradient(0deg,#172d68 0 1px,transparent 1px 23px),repeating-linear-gradient(90deg,#172d68 0 1px,#b7c7f6 1px 23px)}
/* The production probe uses the authored aperture, a registered image window,
   and real project selection. Previous procedural rig remains an editable fallback. */
wordsky-scene[visual="aperture"] .ws-aperture{background:none}
wordsky-scene[visual="aperture"] .ws-composition{position:absolute;left:0;top:50%;width:100%;aspect-ratio:1.5;transform:translateY(-50%)}
wordsky-scene[visual="aperture"] .ws-object{position:absolute;inset:0;pointer-events:none}
wordsky-scene[visual="aperture"] .ws-object>img{display:block;width:100%;height:100%;object-fit:contain}
wordsky-scene[visual="aperture"] .ws-product{position:absolute;left:0;top:0;width:100%;height:100%;transform:none;transform-style:flat;perspective:none;pointer-events:none}
wordsky-scene[visual="aperture"] .ws-product figure{left:31.35%;top:34.35%;width:43.4%;height:30.9%;border:0;border-radius:0;box-shadow:none;transform:skewX(-1.45deg);background:#ebeff4;overflow:hidden}
wordsky-scene[visual="aperture"] .ws-product img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
wordsky-scene[visual="aperture"] .ws-app img{object-position:top}
wordsky-scene[visual="aperture"][data-product="site"] .ws-app{display:none}
wordsky-scene[visual="aperture"][data-product="service"] .ws-portal{display:none}
wordsky-scene[visual="aperture"][mode="poster"] .ws-composition{width:115%;left:-7%;transform:translateY(-50%) rotate(-7deg)}
wordsky-scene[visual="aperture"][mode="poster"]{--scene-control-inverse:#eeeae3;color:#172054}
wordsky-scene[visual="aperture"].is-object-unavailable .ws-object{display:none}
wordsky-scene[visual="aperture"].is-object-unavailable .ws-product figure{left:8%;top:18%;width:84%;height:59%;transform:none;border:1px solid currentColor;border-radius:8px;box-shadow:0 20px 50px #0003}
@media(max-width:600px){
 .scene-tools{gap:3px}.scene-tools button{font-size:10px;padding:9px 10px;min-height:40px}
 .and-viewport,.ws-viewport{bottom:44px}.and-engine{transform:scale(1.14)}
 andromeda-scene[mode="blueprint"] .and-engine{transform:scale(1.08)}
 .ws-product{left:4%;top:24%;width:90%;height:60%;transform:rotateX(6deg) rotateY(-12deg) rotateZ(-9deg)}
 .ws-graphic{font-size:390px;inset:-7% -30% -10%}.ws-stage-mark{font-size:7px;letter-spacing:.06em;left:4%;top:7%}
 .ws-orbit-label{width:84px;height:84px;font-size:6px;gap:3px;right:3%;bottom:4%}.ws-orbit-label b{font-size:33px}
 .ws-chrome{height:15px;padding:0 6px;gap:3px;font-size:5px}.ws-chrome i{width:2px;height:2px}.ws-chrome span{margin-left:4px}
 .ws-product figcaption{font-size:7px;padding:3px 4px;bottom:5px;left:5px}
 wordsky-scene[mode="poster"]:not([visual="aperture"]) .ws-product{left:5%;top:24%;width:94%}
 wordsky-scene[mode="poster"] .ws-graphic{font-size:440px}
 wordsky-scene[mode="poster"] .ws-orbit-label{width:82px;height:82px}
}
@media(prefers-reduced-motion:reduce){andromeda-scene *,wordsky-scene *{animation:none!important;transition:none!important}}