.galaxy-demo{margin:2rem 0;padding:1.2rem;border:1px solid #43718c;border-radius:20px;background:#071b2c;color:#e9f5ff;box-shadow:0 16px 40px #02111e48}
.galaxy-demo h3{margin:0 0 .55rem;color:#f1f8ff;font-size:1.3rem}
.galaxy-demo p{color:#d3e5f3;line-height:1.55}
.galaxy-demo .galaxy-stage{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:13px;background:#08172a url('galaxy-field.svg') center/cover no-repeat;border:1px solid #55778d}
.galaxy-demo .galaxy-frame{position:absolute;left:50%;top:50%;width:92%;aspect-ratio:16/10;transform:translate(-50%,-50%);border:2px solid #99e8fc;border-radius:9px;box-shadow:0 0 0 100vmax #031423b8,0 0 22px #84d6fbbf,inset 0 0 18px #b0eaff77;pointer-events:none;transition:width .18s ease}
.galaxy-demo .galaxy-stage-label{position:absolute;left:12px;top:10px;padding:4px 8px;border-radius:7px;background:#061928d9;color:#f0faff;font:600 .78rem system-ui,sans-serif;z-index:1}
.galaxy-demo .galaxy-controls{display:grid;grid-template-columns:1fr auto;gap:.45rem 1rem;align-items:center;margin:1.15rem 0}
.galaxy-demo label{font-weight:700;color:#f4fbff}
.galaxy-demo output{font-size:1.25rem;font-weight:800;color:#8de6fa;font-variant-numeric:tabular-nums}
.galaxy-demo input[type=range]{grid-column:1/-1;width:100%;accent-color:#70d4ef;cursor:pointer}
.galaxy-demo .galaxy-scale{display:flex;justify-content:space-between;grid-column:1/-1;color:#b5d2e4;font-size:.82rem}
.galaxy-demo .galaxy-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:1rem 0}
.galaxy-demo .galaxy-results div{background:#12334b;border-radius:10px;padding:.7rem .8rem}
.galaxy-demo .galaxy-results small{display:block;color:#bdd9e8;font-size:.8rem}
.galaxy-demo .galaxy-results strong{display:block;color:white;font-size:1.08rem;font-variant-numeric:tabular-nums;margin-top:.15rem}
.galaxy-demo .galaxy-note{margin-bottom:0;font-size:.9rem}
@media(max-width:600px){.galaxy-demo{padding:.9rem}.galaxy-demo .galaxy-results{grid-template-columns:1fr}.galaxy-demo .galaxy-stage-label{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.galaxy-demo .galaxy-frame{transition:none}}
@media print{.galaxy-demo .galaxy-frame{box-shadow:none;border:3px solid #0c4a62}.galaxy-demo{color:#111;background:white}.galaxy-demo p,.galaxy-demo h3,.galaxy-demo label,.galaxy-demo output,.galaxy-demo .galaxy-results strong{color:#111}}