.visual-settings{max-width:1320px;margin:0 auto;padding:16px 36px;display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;border-top:1px solid #cad6c2;border-bottom:1px solid #cad6c2;color:#355348;font-size:12px}.visual-settings>span{font-family:serif;letter-spacing:2px}.visual-settings label{display:flex;align-items:center;gap:8px;margin:0;font-size:12px}.visual-settings select{padding:4px;background:#f5f4ea;color:#355348;border:1px solid #c8d3c1;border-radius:6px;font:inherit}.visual-settings input[type=range]{width:85px;accent-color:#52715e}.visual-settings input[type=checkbox]{accent-color:#52715e}.visual-settings #renderReady{margin:0;font-size:11px;flex-basis:100%;color:#65745f}.reference-label{font-size:12px!important}#heroCanvas,#observeCanvas,#potCanvas,#resultCanvas{image-rendering:pixelated}.model-source{font-size:11px;color:inherit;margin-left:12px}@media(max-width:650px){.visual-settings{padding:16px 20px;gap:12px 18px}.visual-settings>span{width:100%}.visual-settings input[type=range]{width:68px}.reference-label select{max-width:100%}}