:root{--page-x:10px;color:#20252b;font-synthesis:none;text-rendering:optimizelegibility;background:#f0eee7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}#app{grid-template-rows:auto minmax(0,1fr) auto;row-gap:0;min-height:100vh;padding:0;display:grid}.toolbar{margin:8px var(--page-x) 8px;flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}label{color:#5f6670;text-transform:uppercase;gap:6px;font-size:13px;font-weight:700;display:grid}label[hidden]{display:none}input,select,button{color:#20252b;height:38px;font:inherit;background:#fff;border:1px solid #bec4c8;border-radius:6px;font-size:14px}input,select{min-width:120px;padding:0 10px}.numeric-control input{width:92px;min-width:92px}input:disabled{opacity:.48}select{min-width:132px}.items-control input{width:116px;min-width:116px}.short-control select{width:86px;min-width:86px}.medium-control select{width:106px;min-width:106px}.distribution-control select{width:132px;min-width:132px}button{color:#fff;cursor:pointer;background:#0f6b78;border-color:#0f6b78;align-self:end;padding:0 14px}button:hover{background:#0a5964}.stage{margin:0 var(--page-x);touch-action:none;cursor:crosshair;background:#05070a;border-radius:8px;height:auto;min-height:320px;position:relative;overflow:hidden}canvas{width:100%;height:100%;display:block}#glCanvas,#gpuCanvas{pointer-events:none;position:absolute;inset:0}#queryRect{z-index:2;pointer-events:none;will-change:transform, width, height;background:#ffffff0f;border:2px solid #ffffffd1;display:none;position:absolute;top:0;left:0}.stage.is-3d #queryRect{background:0 0;border-color:#fffc}.query-shade{z-index:1;pointer-events:none;will-change:transform, width, height;background:#0000005c;display:none;position:absolute;top:0;left:0}#queryRect.is-match{background:#20834a1f;border-color:#20834a}.stage.is-3d #queryRect.is-match{background:0 0;border-color:#20834a}#queryRect.is-miss{background:#b4372b1a;border-color:#b4372b}.stage.is-3d #queryRect.is-miss{background:0 0;border-color:#b4372b}#queryPoint{z-index:2;pointer-events:none;will-change:transform;border:2px solid #ffffffd1;border-radius:50%;width:16px;height:16px;display:none;position:absolute;top:-8px;left:-8px}#queryPoint:before,#queryPoint:after{content:"";background:#ffffffd1;position:absolute}#queryPoint:before{width:2px;height:26px;top:-7px;left:6px}#queryPoint:after{width:26px;height:2px;top:6px;left:-7px}#firstHit{z-index:1;pointer-events:none;will-change:transform, width, height;border:2px solid #20834a;display:none;position:absolute;top:0;left:0}#firstHit.is-box{background:0 0;border-radius:2px}#firstHit.is-point{background:#ffffff47;border-radius:50%}.loader-overlay{z-index:6;color:#f5f7f9;pointer-events:none;background:#101216e6;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:12px;padding:12px 18px;font-size:13px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-overlay.is-visible{display:flex}.loader-spinner{border:2px solid #ffffff38;border-top-color:#44aed2f2;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite loader-spin}@keyframes loader-spin{to{transform:rotate(360deg)}}.error-overlay{z-index:5;color:#f5f7f9;pointer-events:auto;cursor:default;background:#101216f0;border:1px solid #ffffff38;border-radius:8px;flex-direction:column;width:min(760px,100% - 48px);max-height:min(420px,100% - 48px);padding:18px 20px;display:none;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 14px 36px #00000061}.error-overlay.is-visible{display:flex}.error-overlay strong{color:#ffb4a9;flex:none;margin-bottom:10px;font-size:14px;display:block}.error-message-scroll{min-height:0;overflow:auto}.error-overlay pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.error-overlay button{flex:none;align-self:flex-start;margin-top:14px}.depth-legend{z-index:2;color:#ffffffc7;font-variant-numeric:tabular-nums;pointer-events:auto;background:#05070ab8;border:1px solid #ffffff2e;border-radius:6px;grid-template-columns:1fr auto;align-items:center;gap:7px 10px;min-width:236px;padding:9px 10px;font-size:12px;display:none;position:absolute;bottom:12px;right:12px}.stage.is-3d .depth-legend{display:grid}.depth-legend span{color:#ffffffc7;grid-column:1;font-size:12px;font-weight:600}.depth-legend span:first-of-type{grid-row:1}.depth-legend span:nth-of-type(2){grid-row:4;margin-top:4px}.depth-slider,.thickness-slider{cursor:pointer;appearance:none;background:0 0;border:0;border-radius:999px;grid-column:1/3;width:100%;min-width:0;height:18px;padding:0}.depth-slider{grid-row:2}.thickness-slider{grid-row:5}.depth-slider::-webkit-slider-runnable-track{border-radius:999px;height:9px}.thickness-slider::-webkit-slider-runnable-track{border-radius:999px;height:9px}.depth-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#2e73d1,#2ea8eb,#7aebd1,#ffe052)}.thickness-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ffffff2e,#ffffffd6)}.depth-slider::-webkit-slider-thumb{appearance:none;background:#05070a;border:2px solid #fffffff5;border-radius:50%;width:16px;height:16px;margin-top:-3.5px;box-shadow:0 0 0 2px #05070a8c}.thickness-slider::-webkit-slider-thumb{appearance:none;background:#05070a;border:2px solid #fffffff5;border-radius:50%;width:16px;height:16px;margin-top:-3.5px;box-shadow:0 0 0 2px #05070a8c}.depth-slider::-moz-range-track{border-radius:999px;height:9px}.thickness-slider::-moz-range-track{border-radius:999px;height:9px}.depth-slider::-moz-range-track{background:linear-gradient(90deg,#2e73d1,#2ea8eb,#7aebd1,#ffe052)}.thickness-slider::-moz-range-track{background:linear-gradient(90deg,#ffffff2e,#ffffffd6)}.depth-slider::-moz-range-thumb{background:#05070a;border:2px solid #fffffff5;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 2px #05070a8c}.thickness-slider::-moz-range-thumb{background:#05070a;border:2px solid #fffffff5;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 2px #05070a8c}.depth-value{color:#ffffffdb;background:#ffffff14;border-color:#ffffff38;grid-column:2;justify-self:end;width:76px;min-width:0;height:26px;padding:0 7px;font-size:12px}.depth-value-main{grid-row:1}.thickness-value{grid-row:4;align-self:end}.depth-legend small{color:#ffffff9e}.depth-legend small:first-of-type,.depth-legend small:nth-of-type(2){grid-row:3}.depth-legend small:nth-of-type(3),.depth-legend small:nth-of-type(4){grid-row:6}.depth-legend small:last-child{text-align:right}.stats{z-index:2;color:#20303a;font-variant-numeric:tabular-nums;pointer-events:none;background:#ffffffc7;border:1px solid #16242b29;border-radius:6px;gap:5px;min-width:200px;min-height:32px;padding:10px 12px;font-size:14px;display:grid;position:absolute;top:12px;left:12px;box-shadow:0 1px 3px #151f2414}.stats span{text-align:left;white-space:nowrap;grid-template-columns:auto 1fr;align-items:baseline;gap:16px;display:grid}.stats span[hidden]{display:none}.stats b{text-align:right;font-weight:600}.statusbar{margin-inline:var(--page-x);color:#5d6872;background:0 0;height:18px;margin-block:2px 4px;padding:0 8px;font-size:12px;line-height:18px}