html,body{background:#fff;width:100%;height:100%;margin:0;padding:0;overflow:hidden}canvas{touch-action:none;width:100vw;height:100vh;display:block}#hint{color:#222;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:5;white-space:nowrap;background:#ffffffeb;border:1px solid #00000026;border-radius:999px;padding:6px 14px;font-family:system-ui,sans-serif;font-size:12px;line-height:1.4;position:fixed;bottom:14px;left:166px;box-shadow:0 2px 8px #00000014}#hint.belt-mode{border-color:#388e3cb3}#hint.pipe-mode{border-color:#0288d1b3}#hint.box-select-mode{border-color:#5e35b1b3}#power-summary{color:#222;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:5;white-space:nowrap;background:#ffffffeb;border:1px solid #00000026;border-radius:999px;padding:5px 12px;font-family:system-ui,sans-serif;font-size:11px;line-height:1.4;position:fixed;top:52px;right:14px;box-shadow:0 2px 8px #00000014}#map-selector{color:#222;-webkit-user-select:none;user-select:none;z-index:6;white-space:nowrap;background:#ffffffeb;border:1px solid #00000026;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-family:system-ui,sans-serif;font-size:11px;line-height:1.4;display:flex;position:fixed;top:14px;right:14px;box-shadow:0 2px 8px #00000014}#map-selector select{color:#111;cursor:pointer;background:#fff;border:1px solid #0003;border-radius:999px;padding:2px 8px;font-family:system-ui,sans-serif;font-size:11px}#map-confirm-overlay{z-index:100;background:#00000059;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#map-confirm-box{background:#fff;border:3px solid #111;border-radius:6px;max-width:360px;padding:20px 24px;box-shadow:0 8px 24px #00000040}#map-confirm-message{color:#222;margin-bottom:16px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6}#map-confirm-actions{justify-content:flex-end;gap:10px;display:flex}#map-confirm-actions button{cursor:pointer;background:#fff;border:2px solid #111;border-radius:4px;padding:6px 16px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;font-weight:900}#map-confirm-actions #map-confirm-ok{color:#fff;background:#111}#recipe-panel-overlay{z-index:100;background:#00000059;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#recipe-panel-box{background:#fff;border:3px solid #111;border-radius:6px;flex-direction:column;width:420px;max-width:calc(100vw - 220px);max-height:calc(100vh - 80px);padding:18px 22px 16px;display:flex;box-shadow:0 8px 24px #00000040}#recipe-panel-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}#recipe-panel-title{color:#111;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;font-weight:900}#recipe-panel-close{color:#666;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:16px;line-height:1}#recipe-panel-close:hover{color:#111}#recipe-panel-body{flex:1;margin-top:-10px;padding-top:10px;overflow-y:auto}.recipe-panel-columns{justify-content:center;align-items:center;gap:24px;display:flex}.recipe-panel-catalyst-row{justify-content:center;margin-bottom:14px;display:flex}.recipe-slot-column{flex-direction:column;align-items:center;gap:10px;display:flex}.recipe-panel-arrow{color:#ccc;padding:0 4px;font-size:22px;font-weight:900;line-height:1}.recipe-slot{cursor:pointer;box-sizing:border-box;background:#fff;border:2px solid #111;justify-content:center;align-items:center;width:64px;height:64px;padding:4px;display:flex;position:relative}.recipe-slot-square{border-radius:0}.recipe-slot-circle{border-radius:50%}.recipe-slot-ring-container{flex:none;width:200px;height:200px;position:relative}.recipe-slot-ring{width:48px;height:48px;left:calc(50% + var(--ring-x,0) * 70px - 24px);top:calc(50% + var(--ring-y,0) * 70px - 24px);border-radius:50%;position:absolute}.recipe-slot.filled{background:#fafafa;border-color:#111}.recipe-slot:hover{border-color:#388e3c}.recipe-slot-label{color:#111;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:11px;font-weight:900;display:-webkit-box;overflow:hidden}.recipe-slot-clear{color:#fff;cursor:pointer;background:#ff1744;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:12px;line-height:1;display:flex;position:absolute;top:-8px;right:-8px}.recipe-panel-note{color:#666;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;line-height:1.6}#recipe-panel-actions{border-top:1px solid #0000001a;justify-content:flex-end;margin-top:14px;padding-top:12px;display:flex}#recipe-panel-clear-all{color:#111;cursor:pointer;background:#fff;border:2px solid #111;border-radius:4px;padding:6px 14px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;font-weight:900}#recipe-panel-clear-all:hover{color:#fff;background:#ff1744;border-color:#ff1744}#item-picker-overlay{z-index:110;background:0 0;display:none;position:fixed;inset:0}#item-picker-drawer{box-sizing:border-box;z-index:111;background:#fff;border-left:3px solid #111;flex-direction:column;width:380px;height:100vh;transition:transform .18s ease-out;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-6px 0 20px #0003}#item-picker-drawer.open{transform:translate(0)}#item-picker-header{border-bottom:1px solid #0000001f;gap:8px;padding:16px 16px 10px;display:flex}#item-picker-search{box-sizing:border-box;border:2px solid #111;border-radius:4px;flex:1;min-width:0;padding:6px 10px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px}#item-picker-cancel{color:#111;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #111;border-radius:4px;padding:6px 12px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;font-weight:900}#item-picker-tabs{border-bottom:1px solid #0000001f;gap:16px;padding:10px 16px 0;display:flex}.item-picker-tab{color:#999;cursor:pointer;border-bottom:3px solid #0000;padding:2px 2px 8px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;font-weight:900}.item-picker-tab.active{color:#111;border-bottom-color:#111}#item-picker-grid{flex-wrap:wrap;flex:1;align-content:flex-start;gap:10px;padding:14px 16px;display:flex;overflow-y:auto}.item-picker-empty{text-align:center;color:#999;width:100%;padding:24px 0;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px}.item-picker-cell{cursor:pointer;flex-direction:column;align-items:center;gap:4px;width:76px;display:flex}.item-picker-cell.disabled{opacity:.32;cursor:not-allowed}.item-picker-icon,.item-picker-icon-fallback{box-sizing:border-box;object-fit:contain;color:#111;background:#fff;border:2px solid #111;justify-content:center;align-items:center;width:48px;height:48px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:11px;font-weight:900;display:flex}.item-picker-cell-solid .item-picker-icon,.item-picker-cell-solid .item-picker-icon-fallback{border-radius:0}.item-picker-cell-fluid .item-picker-icon,.item-picker-cell-fluid .item-picker-icon-fallback{border-radius:50%}.item-picker-cell:not(.disabled):hover .item-picker-icon,.item-picker-cell:not(.disabled):hover .item-picker-icon-fallback{border-color:#388e3c}.item-picker-cell-label{color:#333;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}#toolbar{box-sizing:border-box;z-index:10;-webkit-user-select:none;user-select:none;background:#fffffff5;border-right:1px solid #0000001f;flex-direction:column;align-items:center;gap:8px;width:150px;height:100vh;padding:16px 0 0;display:flex;position:fixed;top:0;left:0}#toolbar .toolbar-title{color:#888;font-family:system-ui,sans-serif;font-size:11px}#toolbar-tabs{box-sizing:border-box;border-bottom:1px solid #0000001f;flex-wrap:wrap;justify-content:center;gap:2px 10px;width:100%;padding:0 8px 6px;display:flex}.toolbar-tab{color:#999;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:4px 2px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;font-weight:900}.toolbar-tab.active{color:#111;border-bottom-color:#111}#toolbar-icons{box-sizing:border-box;flex-direction:column;flex:1;gap:8px;width:100%;padding:4px 10px 10px;display:flex;overflow-y:auto}.device-icon{text-align:center;color:#111;cursor:grab;box-sizing:border-box;background:#fff;border:2px solid #111;border-radius:4px;justify-content:center;align-items:center;width:100%;min-height:40px;padding:6px 4px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;font-weight:900;display:flex;box-shadow:0 2px 6px #00000026}.device-icon:active{cursor:grabbing}