*{box-sizing:border-box;margin:0;padding:0}body{background:#000;font-family:Courier New,monospace;overflow:hidden}#warp-header{z-index:9000;position:fixed}#root{width:100vw;height:calc(100dvh - 44px)}canvas{cursor:pointer;display:block}.info-panel{color:#fff;background:#000000f2;border:2px solid #0ff;border-radius:8px;max-width:240px;padding:16px;position:absolute;top:10px;left:10px}.info-title{color:#0ff;margin-bottom:15px;font-size:18px;font-weight:700}.info-stat{margin:8px 0;font-size:13px}.info-stat-label{color:#888;width:100px;display:inline-block}.info-stat-value{color:#0f0;font-weight:700}.legend-panel{color:#fff;background:#000000f2;border:2px solid #0ff;border-radius:8px;padding:16px;position:absolute;bottom:10px;right:10px}.legend-title{color:#0ff;margin-bottom:12px;font-size:14px;font-weight:700}.legend-item{align-items:center;margin:10px 0;font-size:12px;display:flex}.legend-shape{text-align:center;width:40px;margin-right:12px;font-size:20px}.legend-desc{flex:1}.legend-type{margin-bottom:2px;font-weight:700}.legend-detail{color:#888;font-size:10px}.controls-container{color:#fff;background:#000000f2;border:2px solid #0ff;border-radius:8px;width:280px;padding:16px;position:absolute;bottom:10px;left:10px}.slider-group{margin-bottom:20px}.slider-group:last-child{margin-bottom:0}.slider-group label{color:#0ff;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.slider-group input[type=range]{cursor:pointer;width:100%}.slider-value{color:#0f0;font-weight:700}.shape-indicator{color:#888;margin-top:5px;font-size:10px}.button-group{gap:8px;margin-top:15px;display:flex}.preset-btn{color:#0ff;cursor:pointer;background:#0ff3;border:1px solid #0ff;border-radius:4px;flex:1;padding:10px;font-family:Courier New,monospace;font-size:11px;font-weight:700;transition:all .2s}.preset-btn:hover{background:#0ff6;transform:translateY(-2px)}.preset-btn:active{transform:translateY(0)}.loading{color:#ff0;margin-top:10px;font-size:12px}.error{color:red;background:#f003;border-radius:4px;margin-top:10px;padding:10px;font-size:11px}@media (width<=600px){.info-panel{max-width:155px;padding:10px;top:8px;left:8px}.info-title{margin-bottom:8px;font-size:14px}.info-stat{margin:3px 0;font-size:11px}.info-stat-label{width:70px}.info-stat-value{font-size:11px}.controls-container{width:auto;padding:10px;bottom:8px;left:8px;right:8px}.slider-group{margin-bottom:12px}.slider-group label{margin-bottom:4px;font-size:11px}.button-group{gap:6px;margin-top:10px}.preset-btn{padding:8px 4px;font-size:10px}.legend-panel{display:none}}