:root{--colormap-0: #250000;--colormap-1: #800000;--colormap-2: #ff8000;--colormap-3: #ffff80;--colormap-4: #ffffff;--bg-base: #111;--bg-surface: var(--colormap-0);--bg-raised: var(--colormap-1);--border-strong: var(--colormap-3);--border-mid: var(--colormap-4);--border-subtle: var(--colormap-1);--text-primary: var(--colormap-4);--text-secondary: var(--colormap-4);--text-label: var(--colormap-4);--text-dim: var(--colormap-3);--text-overlay: var(--colormap-4);--overlay-bg: var(--colormap-0);--backdrop-bg: rgba(0,0,0,.8);--accent: var(--colormap-1);--accent-green: var(--colormap-1);--slider-color: var(--colormap-2);--font-base: 20px;--font-xs: calc(var(--font-base) * .77);--font-sm: calc(var(--font-base) * .92);--font-md: var(--font-base);--font-lg: calc(var(--font-base) * 1.15);--font-xl: calc(var(--font-base) * 1.38)}@font-face{font-family:RD-Coarse;src:url(../RD-Coarse.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}button,input,select,textarea{font-family:inherit;font-size:inherit}html,body,#root{height:100%}body{font-family:RD-Coarse,system-ui,-apple-system,sans-serif;font-size:var(--font-md);background:var(--bg-base);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.layout{flex:1;position:relative;overflow:hidden}.help-btn-float{position:absolute;top:12px;right:264px;z-index:20;width:28px;height:28px;border-radius:50%;border:1px solid white;background:var(--bg-surface);color:var(--text-dim);font-size:var(--font-md);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006;transition:border-color .15s,color .15s}.help-btn-float:hover{border-color:var(--text-label);color:var(--text-primary)}.sidebar{position:absolute;left:12px;top:12px;bottom:12px;width:240px;height:fit-content;z-index:10;border-radius:12px;background:var(--bg-surface);box-shadow:0 4px 32px var(--colormap-0);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.right-panel{position:absolute;right:12px;top:12px;width:240px;z-index:10;border-radius:12px;background:var(--bg-surface);box-shadow:0 4px 32px var(--colormap-0);overflow-y:auto;overflow-x:hidden}.sidebar-inner{padding:14px;display:flex;flex-direction:column;gap:14px}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}canvas{display:block;width:100%;height:100%}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--overlay-bg);font-size:var(--font-lg);color:var(--text-overlay)}.section{display:flex;flex-direction:column;gap:0}.section h3{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:8px}details.section>summary{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:8px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}details.section>summary:before{content:"▶";font-size:calc(var(--font-xs) * .8);transition:transform .15s;flex-shrink:0}details.section[open]>summary:before{transform:rotate(90deg)}details.section>summary::-webkit-details-marker{display:none}.drop-zone{border:2px dashed var(--bg-raised);border-radius:8px;padding:18px 12px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;font-size:var(--font-md);color:var(--text-label)}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--text-label);background:var(--bg-surface)}.drop-zone small{display:block;font-size:var(--font-sm);color:var(--text-primary);margin-top:2px}.drop-zone-label{font-size:var(--font-sm);color:var(--text-dim);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select{position:relative;width:100%}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);border:1px solid var(--bg-raised);color:var(--text-primary);padding:6px 8px;border-radius:5px;font-size:var(--font-md);cursor:pointer;-webkit-user-select:none;user-select:none}.custom-select-arrow{font-size:var(--font-xs);opacity:.7}.custom-select-menu{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:50;background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:5px;overflow:hidden}.custom-select-option{padding:6px 8px;font-size:var(--font-md);color:var(--text-primary);cursor:pointer}.custom-select-option:hover{background:var(--bg-raised)}.custom-select-option.selected{color:var(--slider-color)}.row{display:flex;align-items:center;gap:8px;margin-bottom:5px}.row label{width:68px;font-size:var(--font-sm);color:var(--text-label);flex-shrink:0}.row input[type=range]{width:80px;flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:2px;background:var(--bg-raised);outline:none}.row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--slider-color);cursor:pointer;border:none}.row input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--slider-color);cursor:pointer;border:none}.row input[type=range]::-moz-range-progress{background:var(--slider-color);height:3px}.row input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px}.row .val{width:40px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary)}.row .val-clickable{cursor:text;border-bottom:1px dashed transparent;transition:border-color .15s,color .15s}.row .val-clickable:hover{color:var(--text-primary);border-bottom-color:var(--text-label)}.row .val-edit{width:80px;background:var(--bg-surface);border:1px solid var(--accent);border-radius:3px;padding:0 3px;outline:none;color:var(--text-primary);font-size:var(--font-sm);text-align:left}.check-row{display:flex;align-items:center;gap:8px;font-size:var(--font-sm);color:var(--text-label)}.check-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.check-row label{cursor:pointer}.nested{margin-top:8px;margin-left:20px;padding-left:10px;border-left:1px solid var(--bg-raised);display:flex;flex-direction:column;gap:0}.nested .row{margin-bottom:5px}.btn{width:100%;padding:9px;border:none;border-radius:5px;font-size:var(--font-md);font-weight:600;cursor:pointer;transition:opacity .15s,filter .15s;letter-spacing:.02em}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:not(:disabled):hover{filter:brightness(1.1)}.btn-run{background:var(--accent);color:var(--colormap-4)}.btn-neutral{background:var(--bg-raised);color:var(--text-primary)}.btn-download{background:var(--accent-green);color:var(--colormap-4);margin-top:4px}.btn-recompute{background:var(--bg-raised);color:var(--text-primary);margin-top:6px}.btn-row{display:flex;gap:8px}.btn-row .btn{flex:1}.progress-track{height:3px;background:var(--colormap-0);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--colormap-2);transition:width .2s}.statusbar{padding:6px 16px;border-top:1px solid var(--border-subtle);font-size:var(--font-sm);color:var(--text-dim);display:flex;gap:24px;flex-shrink:0;font-family:monospace}.dev-panel{border-top:1px solid var(--border-subtle);padding-top:10px;display:flex;flex-direction:column;gap:14px}.dev-stats{font-size:var(--font-sm);color:var(--text-label);line-height:1.8;font-family:monospace;white-space:pre}.dev-legend{font-size:var(--font-sm);color:var(--text-label);margin-bottom:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop-bg);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:10px;padding:28px;max-width:540px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:14px;right:14px;background:transparent;border:none;color:var(--text-dim);font-size:var(--font-xl);cursor:pointer;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal h2{font-size:var(--font-lg);font-weight:600;margin-bottom:16px}.modal h3{font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:18px 0 8px}.modal p{font-size:var(--font-md);color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.modal ol,.modal ul{padding-left:20px;color:var(--text-secondary);font-size:var(--font-md);line-height:1.8;margin-bottom:8px}.modal table{width:100%;border-collapse:collapse;font-size:var(--font-sm);margin-top:4px}.modal th{text-align:left;color:var(--text-dim);font-weight:500;padding:4px 8px;border-bottom:1px solid var(--bg-raised)}.modal td{padding:4px 8px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);font-family:monospace}.modal td:first-child{color:var(--text-primary)}.modal a,.modal a:visited{color:var(--colormap-3)}.section-divider{border:none;border-top:1px solid var(--border-subtle);margin:0}