:root{--s: 3}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#555 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background:#555;border-radius:5px;border:2px solid #2a2a2a}::-webkit-scrollbar-thumb:hover{background:#6a6a6a}body{margin:0;font-family:system-ui,sans-serif;background:#1e1e1e;color:#ddd;display:grid;grid-template-columns:280px 1fr 360px;height:100vh}main{overflow:auto;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px}aside{background:#2a2a2a;display:flex;flex-direction:column;min-height:0;border-left:1px solid #111}button,input,select,textarea{font:inherit;background:#333;color:#ddd;border:1px solid #555;border-radius:4px;padding:4px 8px}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}.toolbar{align-self:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #333}.toolbar .group{display:flex;align-items:center;gap:8px}#title{width:210px}.primary{background:#3a7d4f;border-color:#4c9a64;color:#fff}.danger{color:#f99}.zoom{display:flex;align-items:center;border:1px solid #555;border-radius:4px;background:#333}.zoom button{border:0;background:none;padding:4px 10px}.zoom span{min-width:2.2em;text-align:center;font-size:13px;color:#aaa}.dd{position:relative}.dd summary{list-style:none;cursor:pointer;user-select:none;padding:4px 10px;background:#333;border:1px solid #555;border-radius:4px}.dd summary::-webkit-details-marker{display:none}.dd-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:180px;display:grid;padding:4px;background:#2a2a2a;border:1px solid #555;border-radius:6px;box-shadow:0 8px 24px #000a}.dd.left .dd-menu{left:0;right:auto}.dd-menu button{background:none;border:0;text-align:left;padding:6px 10px}.dd-menu button:hover:not(:disabled){background:#3a3a3a}.dd-menu hr{border:0;border-top:1px solid #444;margin:4px 0}img,.gui,#cursor,#tip{image-rendering:pixelated}.gui{position:relative;width:calc(var(--s) * 176px);height:calc(var(--s) * var(--h) * 1px);user-select:none;flex:none}.bg{position:absolute;left:0;width:100%;background:url(/gui/generic_54.png) no-repeat;background-size:calc(var(--s) * 256px)}.bg.top{top:0;height:calc(var(--s) * var(--top) * 1px)}.bg.bottom{top:calc(var(--s) * var(--top) * 1px);height:calc(var(--s) * 7px);background-position:0 calc(var(--s) * -215px)}.at{position:absolute;left:calc(var(--s) * var(--x) * 1px);top:calc(var(--s) * var(--y) * 1px)}.mctext{display:block;height:calc(var(--s) * 10px);pointer-events:none}.slot{width:calc(var(--s) * 16px);height:calc(var(--s) * 16px)}.slot:hover:before,.slot:hover:after{content:"";position:absolute;inset:calc(var(--s) * -4px);pointer-events:none;background:url(/gui/slot_highlight_back.png) 0 0 / 100% 100%}.slot:hover:after{background-image:url(/gui/slot_highlight_front.png);z-index:3}.slot.sel{outline:2px dashed #ff0;outline-offset:calc(var(--s) * 1px)}.count{z-index:4}.ico,.ico .next{position:absolute;inset:0;z-index:1;background:var(--sheet) var(--bp) / var(--bs) no-repeat}.ico .next{background-position:var(--bp2);opacity:var(--mix, 0)}.glint{position:absolute;inset:0;overflow:hidden;container-type:size;mix-blend-mode:plus-lighter;mask:var(--sheet) var(--bp) / var(--bs) no-repeat}.glint i{position:absolute;inset:-50%;transform:rotate(10deg);image-rendering:auto;background:url(/gui/enchanted_glint_item.png) 0 0 / 800cqw 800cqw repeat;animation:glint-x 27.5s linear infinite,glint-y 7.5s linear infinite}@keyframes glint-x{to{background-position-x:-800cqw}}@keyframes glint-y{to{background-position-y:800cqw}}#cursor{position:fixed;z-index:20;pointer-events:none;width:calc(var(--s) * 16px);height:calc(var(--s) * 16px)}#tip{position:fixed;z-index:10;pointer-events:none;display:none}#tip .tbg,#tip .tframe{position:absolute;inset:0;border-style:solid;border-color:transparent}#tip .tbg{border-width:calc(var(--s) * 9px);border-image:url(/gui/tooltip_background.png) 9 fill stretch}#tip .tframe{border-width:calc(var(--s) * 10px);border-image:url(/gui/tooltip_frame.png) 10 fill stretch}#search{margin:12px}#palette{flex:1;overflow:auto;scrollbar-gutter:stable both-edges;display:grid;grid-template-columns:repeat(auto-fill,40px);gap:4px;padding:0 12px 12px;align-content:start;justify-content:center}#palette>div{width:40px;height:40px;position:relative;background:#3a3a3a;border-radius:4px;cursor:pointer;content-visibility:auto;contain-intrinsic-size:40px}#palette>div[hidden]{display:none}#palette .ico{inset:4px}#edit{position:fixed;z-index:15;right:376px;bottom:16px;width:280px;display:grid;gap:14px;padding:14px;background:#2a2a2a;border:1px solid #555;border-radius:8px;box-shadow:0 8px 24px #000a}#edit[hidden],body.preview #edit{display:none}#edit header{display:flex;align-items:center;gap:8px}#edit label{display:grid;gap:5px;justify-items:start}#edit label>input:not([type]),#edit label>textarea,#edit label>select{justify-self:stretch}#edit label:has(>[type=checkbox]){display:flex;align-items:center;gap:6px}#edit header strong{flex:1;font-size:13px}#edit-close{padding:0 8px;line-height:22px}#graph{background:#252525;border-right:1px solid #111;overflow:auto}#graph header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 12px}#graph h3{margin:0;font:600 13px system-ui;color:#aaa}#graph header button{padding:2px 8px;font-size:12px}#graph .canvas{position:relative}#graph svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}#graph path{fill:none;stroke:#777;stroke-width:1.5}#graph path.back{stroke-dasharray:4 3;stroke:#666}#graph .node{position:absolute;width:104px;height:32px;padding:0 8px;border:1px solid #555;border-radius:6px;background:#333;color:#ddd;font-size:12px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#graph .node.on{border-color:#6c8;background:#2f4a37;color:#fff}.act{position:absolute;z-index:5;right:calc(var(--s) * -1px);top:calc(var(--s) * -2px);pointer-events:none;font:bold calc(var(--s) * 5px) / 1 system-ui;color:#ff0;text-shadow:0 0 2px #000,0 0 2px #000}body.preview aside{opacity:.35;pointer-events:none}body.preview .edit-only{display:none}.closed{display:grid;place-items:center;gap:8px;color:#aaa;padding:40px}