*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#e2e5ea;background:#161a22;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}.app{height:100%;display:flex}.sidebar{background:#1e2128;border-right:1px solid #2c313a;flex-shrink:0;width:340px;padding:20px;overflow-y:auto}.sidebar h1{color:#fff;margin:0 0 4px;font-size:20px}.tagline{color:#9aa1ac;margin:0 0 10px;font-size:13px;line-height:1.45}.tagline a{color:#9b8bff}.engine-status{color:#9aa1ac;margin:0 0 16px;font-size:12px}.engine-status.loading{color:#ecc477}.engine-status.ready{color:#8fd7ab}.engine-status.error{color:#f2a3a3}.sidebar section{margin-bottom:22px}.sidebar h2{text-transform:uppercase;letter-spacing:.08em;color:#7f8794;margin:0 0 8px;font-size:12px}button{font:inherit;color:#e2e5ea;cursor:pointer;background:#2a2f39;border:1px solid #3a4150;border-radius:6px;padding:7px 12px}button:hover:not(:disabled){background:#333947}button:disabled{opacity:.5;cursor:default}.primitive-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.button-row{gap:8px;display:flex}.button-row button{flex:1}button.primary{color:#fff;background:#6a44c8;border-color:#6a44c8;width:100%;margin-top:10px;font-weight:600}button.primary:hover:not(:disabled){background:#7a54d8}button.subtle{color:#9aa1ac;background:0 0;border-color:#2c313a;margin-top:8px;padding:3px 8px;font-size:12px}select{font:inherit;color:#e2e5ea;background:#2a2f39;border:1px solid #3a4150;border-radius:6px;width:100%;padding:7px 8px}.error{color:#f2a3a3;white-space:pre-wrap;background:#dc46461f;border:1px solid #dc464673;border-radius:6px;margin-top:10px;padding:8px 10px;font-size:13px}.busy{color:#ecc477;margin-top:10px;font-size:13px}.mesh-info{font-size:13px;line-height:1.55}.mesh-info .source{color:#7f8794;overflow-wrap:anywhere;margin-bottom:4px;font-size:12px}.chip{color:#b3b9c2;border:1px solid #3a4150;border-radius:999px;margin-top:8px;padding:2px 10px;font-size:12px;display:inline-block}.chip.on{color:#a8d5b8;border-color:#50be7880}.view-toolbar{border:1px solid #3a4150;border-radius:6px;flex-wrap:wrap;gap:0;display:flex;overflow:hidden}.view-overlay{gap:8px;display:flex;position:absolute;top:12px;right:12px}.view-overlay .view-toolbar{background:#1e2128e0;flex-wrap:nowrap}.view-overlay .view-toolbar button{white-space:nowrap;flex:none}.view-toolbar button{color:#9aa1ac;background:0 0;border:none;border-radius:0;flex:auto;padding:6px 8px;font-size:12px}.view-toolbar button+button{border-left:1px solid #3a4150}.view-toolbar button.active{color:#e7ddff;background:#6a44c866}.slider{margin:12px 0 0;display:block}.slider>span{color:#9aa1ac;margin-bottom:4px;font-size:12.5px;display:block}.slider input[type=range]{width:100%}.footnote{color:#6b7280;margin:8px 0 0;font-size:12px;line-height:1.45}.viewport{flex:1;min-width:0;position:relative}.view-placeholder{color:#6b7280;pointer-events:none;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;inset:0}