.ph-lab{margin-top:18px}.ph-lab h3{margin-top:28px}.ph-fixed-control{margin:14px 0;padding:14px 16px;border:1px solid #3c8191;border-radius:12px;background:#0e3548}.ph-fixed-control>div{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.ph-fixed-control label{display:grid;gap:4px;margin-top:10px;font-weight:700}.ph-fixed-control input{width:100%;accent-color:var(--mint)}.ph-fixed-control p{margin:7px 0 0;font-size:.9rem;color:#c4dce8}.ph-fixed-distance{padding:3px 10px;border-radius:999px;background:#08283a;color:#82ead3;font-size:.9rem}.ph-controls{margin:12px 0}.ph-controls label{min-width:200px}.ph-controls button{align-self:end}.ph-stage{touch-action:none;border:1px solid #39617b;border-radius:12px;overflow:hidden}.ph-stage svg{width:100%;max-height:none;display:block;min-width:0}.ph-handle{cursor:grab;color:#e1f5fc}.ph-handle:focus{outline:none;filter:drop-shadow(0 0 5px #ffd078)}.ph-handle:active{cursor:grabbing}.ph-readout,.ph-metrics{padding:12px;border-left:3px solid var(--mint);background:#15394d}.ph-preview,.ph-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ph-compare>div,.ph-preview>div{padding:12px;border:1px solid #36566f;border-radius:12px;min-width:0}.ph-lab canvas{width:100%;height:auto;display:block;border:1px solid #385270;background:#02070d;border-radius:8px}.ph-aperture svg{width:180px;max-width:100%;height:140px;display:block;margin:auto}.ph-note{color:#bad0df;font-size:.9rem}.ph-card-value{font-size:.88rem}.ph-lab h4{margin:8px 0}.ph-shapes{margin-top:14px}@media(max-width:640px){.ph-preview,.ph-compare{grid-template-columns:1fr}.ph-controls label{min-width:100%}.ph-stage{min-width:0}.ph-stage svg{min-width:0}.ph-lab{padding:10px}}