:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d8dde0;background:#101214;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}body{grid-template-rows:minmax(0,1fr);grid-template-columns:248px minmax(0,1fr);height:100dvh;margin:0;display:grid;overflow:hidden}aside{scrollbar-gutter:stable;border-right:1px solid #30363b;flex-direction:column;min-height:0;padding:8px;display:flex;overflow:auto}h1{margin:2px 0 10px;font-size:.9rem;font-weight:600}fieldset{border:0;border-top:1px solid #30363b;margin:6px 0;padding:5px 0 2px}fieldset:disabled{opacity:.45}legend{color:#929da5;text-transform:uppercase;padding:0 5px 0 0;font-size:.68rem}label{color:#b3bdc4;grid-template-columns:1fr 104px;align-items:center;gap:4px;margin:2px 0;font-size:.72rem;display:grid}input{color:#e3e8eb;width:100%;font:inherit;margin:0}input[type=number]{text-align:right;appearance:textfield;background:0 0;border:0;border-bottom:1px solid #4b565d;border-radius:0;height:22px;padding:0 2px}select{color:#e3e8eb;width:100%;height:22px;font:inherit;text-align:right;background:0 0;border:0;border-bottom:1px solid #4b565d;border-radius:0;margin:0}select:focus{border-bottom-color:#9fb5c1;outline:0}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]:focus{border-bottom-color:#9fb5c1;outline:0}input[type=number]:invalid{border-bottom-color:#af674f}input[type=range]{appearance:none;background:0 0;border:0;height:20px;padding:0}input[type=range]::-webkit-slider-runnable-track{background:#4b565d;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#9fb5c1;border:0;border-radius:0;width:8px;height:12px;margin-top:-5px}input[type=range]::-moz-range-track{background:#4b565d;height:2px}input[type=range]::-moz-range-thumb{background:#9fb5c1;border:0;border-radius:0;width:8px;height:12px}label.slider{grid-template-columns:1fr 77px 34px}output{text-align:right;font-variant-numeric:tabular-nums}button{color:#e5edf1;cursor:pointer;height:27px;font:inherit;background:#263b48;border:1px solid #495c68;border-radius:0;padding:2px 7px;font-size:.72rem}button:hover{background:#345365}button:disabled{opacity:.5;cursor:default}button.secondary{background:#202629;border-color:#3b454b}.actions{flex-wrap:wrap;gap:3px;margin-top:8px;display:flex}main{min-width:0;min-height:0;display:flex}#viewport{cursor:grab;touch-action:none;background:#050607;flex:1;position:relative;overflow:hidden}#viewport.dragging{cursor:grabbing}#image{image-rendering:auto;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}#stats{color:#6c767d;font-variant-numeric:tabular-nums;margin-top:auto;padding-top:12px;font-size:.65rem}#message{color:#929da5;overflow-wrap:anywhere;margin:0 0 4px}#measures{grid-template-columns:auto minmax(0,1fr);gap:1px 8px;margin:0;display:grid}#measures dd{text-align:right;margin:0}#menu,#close{display:none}@media (width<=650px),(height<=500px){body{grid-template-columns:minmax(0,1fr)}aside{z-index:1;padding:0 calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 16px) calc(env(safe-area-inset-left) + 16px);overscroll-behavior:contain;background:#101214;border-right:0;display:none;position:fixed;inset:0}body.menu-open aside{display:flex}aside>*{width:100%;max-width:480px;margin-inline:auto}header{z-index:1;padding:calc(env(safe-area-inset-top) + 12px) 0 8px;background:#101214;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}h1{margin:0;font-size:1rem}#close{display:block}legend{font-size:.75rem}label{grid-template-columns:1fr 140px;gap:8px;margin:4px 0;font-size:.85rem}label.slider{grid-template-columns:1fr minmax(0,2fr) 48px}input[type=number],select{height:36px;font-size:16px}input[type=range]{height:36px}input[type=range]::-webkit-slider-thumb{width:18px;height:22px;margin-top:-10px}input[type=range]::-moz-range-thumb{width:18px;height:22px}button{height:40px;padding:2px 12px;font-size:.85rem}.actions{gap:6px}.actions button{flex:1}#stats{font-size:.75rem}#menu{top:calc(env(safe-area-inset-top) + 12px);right:calc(env(safe-area-inset-right) + 12px);z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:.55;background:#101214b3;border-color:#3b454b;display:block;position:fixed}#menu:active{opacity:1}body.menu-open #menu{display:none}}