#armor-tool{--button-height:32px;display:grid;gap:16px}.armor-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.armor-toolbar>select{min-width:192px}.armor-toolbar p{flex:1;margin:0;color:#bdbdbd;font:12px/1.4 Arial,sans-serif}.armor-actions{display:flex;gap:5px;flex-wrap:wrap}.armor-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}#armor-tool .tool-panel{min-width:0;padding:16px;background:#141414;border:1px solid #383838;border-radius:0}#armor-tool h2{margin:0;font-size:18px}.armor-settings{display:flex;flex-direction:column;gap:16px}.armor-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}:root body #armor-tool .armor-slots button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:80px!important;min-height:80px!important;max-height:80px!important;padding:8px!important;font:12px/1.3 Arial,sans-serif!important}.armor-icon{--icon-size:32px;display:block;width:var(--icon-size);height:var(--icon-size);flex:none;background-image:url(/armor-tools/icons.svg);background-size:calc(var(--icon-size)*8) calc(var(--icon-size)*8);background-position:calc(var(--icon-x)*var(--icon-size)*-1) calc(var(--icon-y)*var(--icon-size)*-1);image-rendering:pixelated}.armor-empty-icon{display:grid;place-items:center;width:32px;height:32px;color:#888}.armor-field-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end}.armor-field{display:grid;gap:8px;min-width:0;font:14px/1.4 Arial,sans-serif}#armor-tool :is(select,input[type=text]){box-sizing:border-box;width:100%;height:32px;min-height:32px;padding:0 8px;background:#101010;border:1px solid #444;color:#fff;border-radius:0;font:14px Arial,sans-serif}#armor-tool .armor-toolbar>select{width:224px;flex:none}.armor-field>span{display:flex;gap:8px}#armor-tool input[type=color]{box-sizing:border-box;width:32px;min-width:32px;height:32px;padding:2px;background:#101010;border:1px solid #444;border-radius:0}.armor-subheading{display:flex;align-items:center;justify-content:space-between;gap:8px}.armor-subheading>span{color:#bbb;font:12px Arial,sans-serif}.armor-materials{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px}:root body #armor-tool .armor-materials button{display:grid;place-items:center;padding:4px!important;height:48px!important;min-height:48px!important;max-height:48px!important;min-width:0}.armor-materials .armor-icon{--icon-size:32px}.armor-patterns{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}:root body #armor-tool .armor-patterns button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:0;height:80px!important;min-height:80px!important;max-height:80px!important;padding:6px 2px!important;font:11px/1.3 Arial,sans-serif!important}:root body #armor-tool button[aria-pressed=true]{background:#a50000!important;color:#fff!important}.armor-stage{min-height:448px}:root body #armor-tool :is(.armor-actions button,.armor-apply button,.armor-subheading button){height:32px;min-height:32px}#armor-tool [hidden]{display:none!important}@media(max-width:1000px){.armor-materials .armor-icon{--icon-size:16px}.armor-toolbar{gap:8px}.armor-toolbar p{flex-basis:calc(100% - 220px)}}@media(max-width:760px){.armor-layout{grid-template-columns:1fr}.armor-stage{height:448px;flex:none;min-height:0}#armor-tool .armor-toolbar>select{min-width:0;width:100%}.armor-toolbar p{flex-basis:100%}.armor-field-row{gap:8px}.armor-patterns .armor-icon{--icon-size:32px}}