:root{color-scheme:dark;font:14px system-ui,sans-serif;background:#0b1117;color:#e4edf2}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column}button,select,input{font:inherit}button,select,input:not([type=range]):not([type=checkbox]){color:#e4edf2;background:#20313c;border:1px solid #45606f;border-radius:4px;padding:7px;max-width:100%}button{cursor:pointer}button:hover{background:#2b4756}button:disabled{opacity:.5;cursor:default}button.active{background:#29574e;border-color:#5dbaa3}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #7ae8d2;outline-offset:2px}header,nav,#toolbar,footer{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:9px 12px;border-bottom:1px solid #2d414e;background:#14212a}header strong{font-weight:500;margin-right:10px}header #dataset{max-width:55%;flex:1}nav{gap:0;padding:0 12px}nav button{border:0;background:transparent;border-radius:0;padding:12px 18px}label{display:flex;gap:6px;align-items:center}#toolbar{font-size:12px}#toolbar select{max-width:210px}#desk{position:relative;flex:1;min-height:320px;overflow:hidden;background:#020608}#main-host{position:absolute;inset:0}.viewport{position:relative;width:100%;height:100%;overflow:hidden;background:#020608}.viewport canvas{width:100%;height:100%;display:block;touch-action:none}.caption{position:absolute;top:10px;left:10px;max-width:90%;background:#0e202ddd;padding:7px 10px;font-size:12px;color:#d7e9f0;pointer-events:none}.window{position:absolute;display:flex;flex-direction:column;border:1px solid #496373;border-radius:6px;overflow:hidden;background:#182833;box-shadow:0 10px 35px #0008;min-width:270px;min-height:200px}.bar{display:flex;align-items:center;gap:5px;padding:7px;background:#20333e;cursor:move;touch-action:none;flex-wrap:wrap}.bar span{margin-right:auto;font-size:12px}.bar button{padding:4px 7px;font-size:12px}.window-content{flex:1;min-height:0;overflow:auto}.resize{position:absolute;bottom:0;right:0;cursor:nwse-resize;touch-action:none;width:24px;height:24px;padding:0}.tool{padding:15px;max-width:680px;line-height:1.55}.tool label{display:block;margin:0 0 12px}.tool select,.tool input:not([type=checkbox]){display:block;width:100%;margin-top:4px}.tool h2{font-size:16px;font-weight:500;margin-top:0}.tool .buttons{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.muted{font-size:12px;color:#b1c5cf}.warning{color:#ffd49d}.error{color:#ffb4b4}.run-row,.annotation-row{padding:10px 0;border-bottom:1px solid #42535f;overflow-wrap:anywhere}.run-row a,.tool a{color:#94ddcf}.annotation-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.annotation-row select{width:auto;margin:0}.annotation-row span{flex:1}footer{border-top:1px solid #334853;border-bottom:0;font-size:12px}footer input{width:140px;accent-color:#5fbca5}#status{margin-left:auto;max-width:42%;overflow-wrap:anywhere}body.focus nav,body.focus #toolbar{display:none}.tool-progress{margin-top:12px;white-space:pre-wrap}.main-tool{height:100%;overflow:auto;background:#14212a}#meta{color:#b0c5cf;max-width:28%}a{color:#97e0ce}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:8px;border-bottom:1px solid #49606f;font-weight:400}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:650px){header #dataset{max-width:100%}nav button{padding:10px}#toolbar select{max-width:155px}#meta{display:none}#status{max-width:100%;margin-left:0}.window{min-width:250px}#desk{min-height:430px}}

.view-navigation{position:absolute;bottom:12px;left:12px;right:12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:fit-content;max-width:calc(100% - 24px);background:#132732f2;border:1px solid #466271;padding:7px;border-radius:6px}.view-navigation button,.view-navigation select{font-size:12px;padding:5px 8px}.view-navigation input{width:95px;accent-color:#68d3b9}.view-navigation label{font-size:12px}.zoom-level{min-width:42px;text-align:center;font-size:12px}.viewport canvas:focus-visible{outline:2px solid #6dcab7;outline-offset:-3px}

[hidden]{display:none!important}#workspace{display:flex;flex:1;min-height:0}#desk{min-width:0}#result-sidebar{width:245px;flex-shrink:0;background:#14212a;border-right:1px solid #3a515f;overflow:auto}.sidebar-heading{padding:16px;font-weight:500;position:sticky;top:0;background:#14212a;z-index:2}#result-count{color:#8ed6c3}#result-list{padding:0 10px 15px}.result-button{width:100%;display:block;text-align:left;padding:12px;margin:5px 0;background:#192d38;border:1px solid transparent}.result-button.active{border-color:#62c5ae;background:#23493f}.result-button span{display:block;font-size:12px;color:#b3cbd3;margin-top:4px}.result-section{margin:18px 6px 8px;color:#b0c6d1;font-size:12px;text-transform:uppercase;letter-spacing:.06em}#simple-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid #344c59;font-size:12px}#simple-toolbar select{max-width:200px}.mode-buttons{display:flex;gap:3px}#task-panel{width:340px;flex-shrink:0;overflow:auto;background:#182a35;border-left:1px solid #395462}#main-host.compare-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#main-host.compare-grid>.viewport:first-child{border-right:1px solid #426575}.viewport .caption{line-height:1.5}.comparison-tag{color:#8ae5c8}dialog{background:#182a35;color:#e5eff2;border:1px solid #526e7e;border-radius:10px;max-width:480px;width:calc(100% - 30px);padding:25px}dialog::backdrop{background:#0009}dialog label{display:block;margin:12px 0}dialog input,dialog select{display:block;width:100%;margin-top:6px}dialog p{font-size:13px;color:#bed0da}body.focus #simple-toolbar,body.focus #result-sidebar{display:none}#simple-toolbar button.active{background:#285648}.inspector{position:absolute;right:12px;top:65px;background:#153746e8;padding:8px;color:#a9e7e5;font-size:12px;pointer-events:none;max-width:80%}#result-list .muted{padding:10px}#task-panel .tool{font-size:13px}#task-panel .tool h2{font-size:16px}
@media(max-width:1100px){#result-sidebar{width:200px}#task-panel{width:300px}}@media(max-width:800px){#workspace{flex-wrap:wrap;overflow:auto}#result-sidebar{width:160px}#desk{min-height:520px}#task-panel{width:100%;max-height:none}#main-host.compare-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr}#main-host.compare-grid>.viewport:first-child{border-right:0;border-bottom:1px solid #426575}.view-navigation{gap:3px;padding:4px}.view-navigation button{padding:4px}}

.selected-actions{padding:10px;border-bottom:1px solid #39525f}.selected-actions button{width:100%;margin-top:8px}.selected-actions a{font-size:12px}.selected-actions p{margin:0 0 7px!important;padding:0!important}

.gesture-help{font-size:12px;color:#b5cbd4}#task-panel details{margin:14px 0;border-top:1px solid #3c5462;padding-top:12px}#task-panel summary{cursor:pointer;padding:5px 0 12px;color:#a3dfcf}