/* MarkWiki Gem Optics: responsive modular panels with a bright studio surface. */
.mw-gem-optics{margin:1.25rem 0;border:1px solid #cbd5e1;border-radius:14px;overflow:hidden;background:#f8fafc;color:#172033}.mw-go-head{padding:1rem 1.15rem;border-bottom:1px solid #dbe5f0;background:linear-gradient(135deg,#fff 0%,#edf5ff 100%)}.mw-go-head h3{margin:0;color:#0f2a4a}.mw-go-head p{margin:.3rem 0 0;color:#47627e}.mw-go-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#dbe5f0}.mw-go-grid--single{grid-template-columns:minmax(0,1fr)}.mw-go-panel{min-width:0;padding:1rem;background:#fff}.mw-go-panel h4{margin:0 0 .75rem;color:#1e3a5f}.mw-go-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem .8rem}.mw-go-controls label,.mw-go-model label,.mw-go-zone-control{display:grid;gap:.22rem;font-size:.82rem;color:#334155}.mw-go-controls output{font-variant-numeric:tabular-nums;color:#0369a1;font-weight:600}.mw-go-controls input,.mw-go-controls select,.mw-go-model input,.mw-go-zone-control select{min-width:0;width:100%;box-sizing:border-box;border:1px solid #b8c8da;border-radius:6px;padding:.34rem;background:#fff;color:#172033}.mw-go-controls input[type=range]{padding:0;accent-color:#0f766e}.mw-go-model{margin-top:.9rem;padding:.7rem;border:1px dashed #a8bbcf;border-radius:8px;background:#f8fbff}.mw-go-zone-control{max-width:15rem;margin:-.15rem 0 .7rem}.mw-go-note,.mw-go-status{margin:.65rem 0 0;font-size:.78rem;line-height:1.45;color:#52677e}.mw-go-status{padding:.65rem 1.15rem;background:#f1f7fc;border-top:1px solid #dbe5f0}.mw-go-canvas{display:block;width:100%;max-width:360px;aspect-ratio:1;margin:auto;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(15,41,72,.14);touch-action:none;background:radial-gradient(circle at 45% 28%,#fff 0%,#dce8f6 48%,#718399 100%)}.mw-go-zone{max-width:220px;background:#edf5fb;image-rendering:auto}.mw-go-chart{display:block;width:100%;height:auto;border:1px solid #dbe5f0;border-radius:8px;background:#fff}.mw-go-statline{display:flex;justify-content:center;gap:.85rem;flex-wrap:wrap;margin-top:.65rem;font-size:.8rem;color:#52677e}.mw-go-statline b{color:#0f3d67}.mw-go-key{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.55rem;font-size:.75rem;color:#52677e}.mw-go-key span{display:inline-flex;align-items:center;gap:.27rem}.mw-go-key i{width:.65rem;height:.65rem;border-radius:50%;display:inline-block}.mw-go-error{color:#b42318;font-weight:600}@media(max-width:720px){.mw-go-grid{grid-template-columns:1fr}.mw-go-controls{grid-template-columns:1fr}.mw-go-panel{padding:.85rem}.mw-go-head{padding:.85rem}.mw-go-canvas{max-width:300px}}