html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{display:flex;flex-direction:row;justify-content:center;align-items:flex-start}#app{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}canvas{width:100%;height:100%;display:block}#controls{position:absolute;top:10px;right:10px;display:flex;gap:8px;align-items:center;z-index:11}#levelBtn,#plotToggle{width:40px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 10px #0000001a;cursor:pointer;font-size:16px}#levelBtn:disabled{opacity:.5;cursor:not-allowed}#thematicSelect{width:144px;height:42px;padding:0 28px 0 12px;font-size:14px;font-family:sans-serif;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 10px #0000001a;cursor:pointer}#weightsPanel{position:fixed;bottom:20px;left:20px;width:402px;height:270px;display:flex;flex-direction:column;gap:8px;padding:12px 16px 14px;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 16px #00000021;z-index:12;box-sizing:border-box}#weightsPanelTitle{font-size:12px;font-weight:600;color:#555;text-align:center;letter-spacing:.04em;text-transform:uppercase}#weightsSliders{display:flex;gap:10px;align-items:flex-start}.weight-col{display:flex;flex-direction:column;align-items:center;gap:4px;width:44px}.weight-value{font-size:11px;color:#666;font-family:monospace}.weight-slider{writing-mode:vertical-lr;direction:rtl;width:28px;height:100px;cursor:pointer;accent-color:#555}.weight-label{font-size:10px;color:#555;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;text-align:left}#weightsCompute{margin-top:4px;width:100%;padding:6px 0;font-size:12px;font-weight:600;color:#fff;background:#555;border:none;border-radius:5px;cursor:pointer;letter-spacing:.03em}#weightsCompute:hover{background:#333}#plot{position:fixed;z-index:10;background:#fff;opacity:.85;border:1px solid #bfbfbf;border-radius:10px 10px 0 0}.hidden-plot,.hidden-plot *{visibility:hidden!important}#plotBar{width:100%;height:30px;cursor:move;background:#bfbfbf;border-radius:10px 10px 0 0;border-bottom:1px solid #bbb;box-shadow:0 1px 3px #666}#plotBodyParallel,#plotBodyTable{margin:5px;width:800px;height:500px}svg{width:calc(100% - 10px);height:calc(100% - 10px);border:none!important}.tick line{stroke-width:1px;stroke:#dfdfdf}.title{font-size:12px;fill:#333}#loading-overlay{position:fixed;inset:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:9999;font-family:system-ui,sans-serif}#loading-overlay.hidden{display:none}#loading-box{text-align:center;max-width:380px;padding:32px}#loading-spinner{width:36px;height:36px;border:3px solid #e0e0e0;border-top-color:#555;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}#loading-overlay.error #loading-spinner{display:none}@keyframes spin{to{transform:rotate(360deg)}}#loading-title{font-size:18px;font-weight:600;color:#222;margin:0 0 8px}#loading-overlay.error #loading-title{color:#c0392b}#loading-text{font-size:14px;color:#555;margin:0 0 6px}#loading-note{font-size:12px;color:#999;margin:0}