:root{color-scheme:dark;font:16px system-ui;background:#101d29;color:#eaf6f5}body{max-width:1100px;margin:auto;padding:24px}a{color:#79dfc6}h1{font-size:2rem}main{display:grid;gap:18px}section{background:#192b3b;border:1px solid #344b60;border-radius:12px;padding:24px}p{line-height:1.6;color:#c6d6de}.controls{display:flex;gap:16px;flex-wrap:wrap}label{display:grid;gap:8px;margin:12px 0}input,select,button{font:inherit;padding:10px;border-radius:6px;border:1px solid #637988;max-width:190px}button{background:#80e8c7;color:#102823;cursor:pointer;margin:12px 0}svg{width:100%;max-height:400px;background:#0c1722;border-radius:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere}#rayResult,#roughResult{font-weight:600;color:#a6ffe6}@media(max-width:600px){body{padding:12px}section{padding:16px}}

dialog{max-width:480px;border:1px solid #528779;border-radius:12px;background:#172536;color:#ecf3f8;padding:24px}dialog::backdrop{background:rgb(0 0 0 / .65)}dialog button{margin:8px 8px 0 0}dialog p{line-height:1.6}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80e4c3;outline-offset:3px}