.sn-main-layout{flex-direction:row;align-items:flex-start;gap:20px;margin-top:16px;display:flex}.sn-canvas-wrap{border:1px solid var(--border);cursor:crosshair;background:#0f172a;border-radius:8px;flex:0 0 58%;align-items:stretch;height:380px;margin-bottom:0;padding:0;font-size:0;line-height:0;display:flex;position:relative;overflow:hidden}.sn-controls-pane{flex-direction:column;flex:1;gap:16px;display:flex}canvas#sn-canvas{vertical-align:bottom;flex:1;width:100%;height:100%;display:block}.sn-inputs-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sn-angle-field{flex-direction:column;gap:6px;display:flex}.sn-angle-label-row{justify-content:space-between;align-items:baseline;display:flex}.sn-angle-val-wrap{color:var(--accent);font-size:1.1rem;font-weight:700}.sn-dispersion-wrap{-webkit-user-select:none;user-select:none}.result-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.bd-row{border-bottom:1px solid color-mix(in srgb, var(--border) 45%, transparent);flex-direction:column;align-items:stretch;gap:4px;padding:10px 14px;display:flex}.bd-row:last-child{border-bottom-color:#0000}.bd-row-top{justify-content:space-between;align-items:baseline;width:100%;display:flex}.bd-row-top>span{color:var(--text-dim);font-size:.9rem;font-weight:500}.bd-row-top>strong{color:var(--text);text-align:right;white-space:nowrap;font-size:1.05rem;font-weight:700}.bd-row-formula{color:var(--text-dim);text-align:left;overflow-wrap:break-word;word-break:break-word;font-size:.85rem;line-height:1.45}.bd-row-math-wrap{max-width:100%;overflow-x:auto}.bd-row-math-wrap .katex-display{overflow:auto hidden;text-align:left!important;margin:0!important}.bd-row-math-wrap .katex-display>.katex{text-align:left!important}@media (width<=768px){.sn-main-layout{flex-direction:column}.sn-canvas-wrap{flex:none;width:100%;height:280px}.sn-controls-pane{flex:none;width:100%}.result-card{box-sizing:border-box;width:100%}}