.nisi-cplsim{display:grid;gap:var(--space-4);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.nisi-cplsim__photo{position:relative;overflow:hidden;aspect-ratio:3 / 2;background:var(--surface-black);border-radius:var(--radius-md)}.nisi-cplsim__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.nisi-cplsim__img--water{opacity:var(--nisi-w);mask-image:linear-gradient(to bottom,transparent calc(var(--nisi-hz) - 3%),var(--surface-black) calc(var(--nisi-hz) + 3%))}.nisi-cplsim__img--sky{opacity:var(--nisi-k);mask-image:linear-gradient(to top,transparent calc(100% - var(--nisi-hz) - 3%),var(--surface-black) calc(100% - var(--nisi-hz) + 3%))}.nisi-cplsim--frames .nisi-cplsim__photo{justify-self:center;width:min(100%,calc(70svh * var(--nisi-ratio)));aspect-ratio:var(--nisi-ratio)}.nisi-cplsim--frames .nisi-cplsim__meters{grid-template-columns:minmax(0,1fr)}.nisi-cplsim__frame{opacity:clamp(0,calc(var(--nisi-v) - var(--i) + 1),1);transition:opacity 0.15s ease}.nisi-cplsim__controls{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3) var(--space-4);margin:0}.nisi-cplsim__ring{width:var(--control-xl);height:var(--control-xl);fill:none;stroke:var(--ink);stroke-width:2}.nisi-cplsim__knob{transform:rotate(var(--nisi-a));transform-origin:32px 32px;transition:transform 0.15s ease}.nisi-cplsim__knob circle{fill:var(--nisi-yellow)}.nisi-cplsim__field{display:flex;flex-direction:column;gap:var(--space-2)}.nisi-cplsim__label{font-size:var(--fs-small);line-height:var(--lh-small)}.nisi-cplsim__label b{font-family:var(--font-mono)}.nisi-cplsim__range{width:100%;accent-color:var(--ink)}.nisi-cplsim__meters{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0}.nisi-cplsim__meters dt{color:var(--ink-muted);font-size:var(--fs-caption);line-height:var(--lh-caption)}.nisi-cplsim__meters dd{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-1) 0 0;font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-code)}.nisi-cplsim__bar{flex:1;height:var(--space-2);background:linear-gradient(var(--ink),var(--ink)) 0 0 / calc(var(--v) * 100%) 100% no-repeat,var(--surface-muted);border-radius:var(--radius-pill)}.nisi-cplsim__note .nisi-notice{margin:0;font-size:var(--fs-small);line-height:var(--lh-small)}@media (prefers-reduced-motion:reduce){.nisi-cplsim__knob,.nisi-cplsim__frame{transition:none}}@media (width>=992px){.nisi-cplsim{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;column-gap:var(--space-8);padding:var(--space-6)}.nisi-cplsim__meters{grid-template-columns:minmax(0,1fr)}.nisi-cplsim__note{grid-column:1 / -1}}