.ml-stage{--ml-x:50%;--ml-y:50%;--ml-radius:130px;position:relative;isolation:isolate;height:520px;background:#080e22;overflow:hidden;border:1px solid #a9b9e844;border-radius:18px;touch-action:pan-y;cursor:crosshair}.ml-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.ml-night{filter:grayscale(1) brightness(.4) contrast(1.15)}.ml-reveal{position:absolute;inset:0;clip-path:circle(var(--ml-radius) at var(--ml-x) var(--ml-y));pointer-events:none}.ml-reveal img{filter:saturate(1.35) brightness(1.22)}.ml-stars{position:absolute;inset:0;background:radial-gradient(circle at 24% 25%,#fff 0 1px,transparent 2px),radial-gradient(circle at 55% 35%,#f4c0db 0 2px,transparent 3px),radial-gradient(circle at 72% 65%,#fff 0 1px,transparent 2px),radial-gradient(circle at 38% 75%,#fff 0 1px,transparent 2px);mix-blend-mode:screen}.ml-ring{position:absolute;left:var(--ml-x);top:var(--ml-y);width:calc(var(--ml-radius)*2);height:calc(var(--ml-radius)*2);transform:translate(-50%,-50%);border:1px solid #f6c4de;border-radius:50%;box-shadow:0 0 18px #ed9cc966,inset 0 0 25px #a5bbff55;pointer-events:none;box-sizing:border-box}.ml-ring:before,.ml-ring:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid #abc7ff35}.ml-ring:after{inset:8px;border-color:#fff3}.ml-ring span{position:absolute;bottom:16px;left:0;right:0;text-align:center;font:600 8px/1.5 var(--sans);letter-spacing:.16em;color:#fff;text-shadow:0 1px 8px #000}.ml-caption{position:absolute;left:28px;top:25px;max-width:270px;color:#e7def2;font:500 11px/1.7 var(--sans);letter-spacing:.13em;pointer-events:none}.ml-edition{position:absolute;bottom:22px;left:28px;color:#dfd7ee;font:9px/1.5 var(--sans);letter-spacing:.1em;pointer-events:none}.ml-stage:focus-visible{outline:3px solid #a9426d;outline-offset:5px}.ml-stage.is-all .ml-reveal{clip-path:none}.ml-stage.is-all .ml-ring{display:none}.ml-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:20px}.ml-controls label{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font:13px/1.6 var(--sans)}.ml-controls input{width:180px;accent-color:#a9426d;min-height:44px}.ml-controls .fx-controls{margin:0}.ml-status{margin-top:4px}
@media(max-width:650px){.ml-stage{height:440px;--ml-radius:100px}.ml-caption{left:20px;top:20px;font-size:9px;max-width:200px}.ml-edition{left:20px;bottom:18px;font-size:8px}.ml-controls{align-items:flex-start;gap:10px}.ml-controls label{gap:8px}.ml-controls input{width:150px}.ml-controls .fx-controls{gap:8px}.ml-ring span{font-size:7px}}