.geometry-svg{background:#fbfdff}.solid-svg{cursor:grab}.solid-svg:active{cursor:grabbing}.viewer-stage{touch-action:pan-y}.viewer-toolbar .mini-btn{flex:0 0 auto}.net-svg{animation:popIn .24s ease}.math{max-width:100%;overflow-x:auto;overflow-y:hidden}.formula-card .mjx-container{max-width:100%;overflow-x:auto;overflow-y:hidden}.question-visual .geometry-svg{max-width:400px;margin:auto}.high-contrast{--ink:#07152b;--muted:#33415c;--paper:#fff;--line:#bdc9dc}.high-contrast .card,.high-contrast .formula-card{border:2px solid #69758b}.high-contrast button{outline-offset:2px}


/* Panel PNG jaring-jaring berada di bawah simulasi, terpisah dari kontrol model 3D. */
.net-image-card{width:100%;margin-top:15px;padding:15px;border:1px solid #dfe7f3;border-radius:17px;background:linear-gradient(145deg,#fff 0%,#f7f9ff 100%);box-shadow:0 8px 20px #2339680a;}
.net-image-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.net-image-kicker{display:block;margin-bottom:4px;color:#536bd2;font-size:9px;font-weight:900;letter-spacing:1.4px;}
.net-image-header h4{margin:0;font-size:15px;line-height:1.3;color:#24365a;font-weight:900;}
.net-image-header p{margin:5px 0 0;color:#71809a;font-size:11px;line-height:1.5;}
.net-image-badge{display:inline-flex;align-items:center;justify-content:center;min-width:38px;padding:5px 8px;border-radius:9px;background:#eaf0ff;color:#4a60c5;font-size:10px;font-weight:900;letter-spacing:.5px;}
.net-image-frame{display:grid;place-items:center;min-height:190px;padding:12px;border:1px dashed #b8c7e1;border-radius:13px;background-color:#fbfcff;background-image:radial-gradient(#d9e2f2 .8px,transparent .8px);background-size:14px 14px;overflow:hidden;}
.net-image{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:9px;}
.net-image-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;width:100%;min-height:155px;padding:12px;text-align:center;color:#586987;}
.net-placeholder-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eaf0ff;color:#5065c7;font-size:25px;}
.net-image-placeholder strong{font-size:12px;color:#324464;}
.net-image-placeholder p{margin:0;font-size:11px;line-height:1.5;}
.net-image-placeholder code{font-size:11px;overflow-wrap:anywhere;}
.net-image-filename{padding:6px 10px;border-radius:8px;background:#eef2fa;color:#3d527b;font-weight:800;}
.net-image-placeholder[hidden],.net-image[hidden]{display:none!important;}
@media(max-width:640px){.net-image-card{padding:12px}.net-image-frame{min-height:155px;padding:8px}.net-image-placeholder{min-height:130px}.net-image-header h4{font-size:14px}}

/* Pembungkus 3D dibuat transparan; model dan gambar jaring-jaring menjadi dua panel berbeda. */
.geometry-wrap-3d{overflow:visible;border:0;border-radius:0;background:transparent;}
.geometry-wrap-3d .viewer-panel{padding:10px;border:1px solid #e7ecf5;border-radius:17px;background:#fff;}
.geometry-wrap-3d .net-image-card{margin-top:15px;}