.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}.tool-card{display:flex;flex-direction:column;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--fg);text-decoration:none;transition:border-color .15s,transform .15s}.tool-card:hover{border-color:#198754;transform:translateY(-2px);color:var(--fg)}.tool-card h2{font-size:20px;margin:16px 0 10px}.tool-card p{font-size:14px;color:var(--muted);margin:0 0 18px;flex:1}.tool-icon{display:grid;place-items:center;background:#19875422;color:#52b788;width:48px;height:48px;font-size:28px;border-radius:10px}.tool-open{font-size:14px;color:var(--link)}.tool-page{max-width:1140px}.tool-page h2{font-size:22px;margin:24px 0 12px}.tool-field{display:flex;flex-direction:column;gap:7px;margin:0 0 16px;min-width:0}.tool-field>span{font-weight:600;font-size:14px}.tool-textarea{min-height:140px;resize:vertical;font-family:Consolas,monospace!important;background:var(--bg)!important;color:var(--fg)!important;border-color:var(--line)!important;padding:12px!important}.motd-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 12px}.motd-toolbar>button:not(.btn){width:30px;height:30px;border:1px solid #888;border-radius:4px}.motd-toolbar input[type=color]{width:42px;height:38px;padding:2px;min-height:0}.tool-output{margin-top:24px}.tool-output pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto;background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:6px;font-size:13px}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.tool-split{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px}.armor-preview,.banner-preview{display:flex;justify-content:center;align-items:center;background:repeating-conic-gradient(#222 0 25%,#292929 0 50%) 50%/24px 24px;border:1px solid var(--line);border-radius:8px;padding:24px;min-height:360px}.banner-layer{display:flex;gap:6px;align-items:center;margin-top:8px;flex-wrap:wrap}.banner-layer .form-select{width:auto;flex:1;min-width:110px}.armor-flags{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.pose-axis{display:flex;gap:12px;align-items:center;font:13px monospace}.pose-axis input{flex:1;min-height:0!important;padding:0!important}.pose-axis span{min-width:48px;text-align:right}.property-grid fieldset{margin:12px 0}.property-grid legend{font-size:16px;font-weight:600}.tool-page .form-control,.tool-page .form-select{background-color:var(--bg);color:var(--fg);border-color:var(--line)}.tool-page input[type=range]{width:100%;min-height:24px}.tool-page input[type=checkbox]{min-height:0}@media(max-width:900px){.tools-grid{grid-template-columns:1fr 1fr}.tool-split{grid-template-columns:220px minmax(0,1fr)}}.armor-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.armor-preview-column{position:sticky;top:20px;min-width:0}.armor-stage{height:520px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:radial-gradient(ellipse at 50% 35%,#35483f,#17251f 80%)}.armor-webgl,.armor-webgl canvas{height:100%;width:100%}.armor-webgl canvas{display:block;touch-action:none;cursor:grab}.armor-webgl canvas:active{cursor:grabbing}.armor-webgl canvas:focus-visible{outline:3px solid #69a4ff;outline-offset:-4px}.armor-stage-controls{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#c6d6cc;pointer-events:none}.armor-stage-controls button{pointer-events:auto;background:#1a2925;color:#fff;border:1px solid #60796e;padding:6px 10px}.armor-stage-error,.armor-stage-loading{display:grid;place-items:center;text-align:center;padding:24px;color:#d5e5db}.armor-stage-error{position:absolute;inset:0 0 60px;background:#17251fee}.armor-nameplate{position:absolute;top:15%;left:50%;transform:translateX(-50%);max-width:95%;overflow-wrap:anywhere;background:#0009;padding:2px 8px;font-family:monospace;pointer-events:none}.armor-presets{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0}.armor-presets>span{font-size:13px;color:var(--muted);width:100%}.armor-panel{border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:16px;background:var(--panel)}.armor-panel h2{margin:0 0 16px;font-size:18px}.armor-angle{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:13px}.armor-angle>span:first-child{min-width:24px}.armor-angle input[type=range]{flex:1;min-width:30px;padding:0;accent-color:#25ae74}.armor-angle input[type=number]{width:66px;min-height:32px;padding:4px 6px;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:5px}.armor-body-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.armor-body-tabs .btn{padding:8px 4px;font-size:13px}.armor-color{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:13px}.armor-color input[type=color]{width:40px;height:32px;min-height:0;padding:2px;background:transparent;border:1px solid var(--line);border-radius:4px}.armor-export-options,.armor-name-options{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.armor-name-options .armor-color{margin:0}.armor-export-options{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.armor-flags label{font-size:13px}@media(max-width:800px){.armor-workspace{grid-template-columns:1fr}.armor-preview-column{position:static}.armor-stage{height:430px}.armor-panel{padding:16px}.armor-settings .property-grid{grid-template-columns:1fr 1fr}}@media(max-width:420px){.armor-stage{height:360px}.armor-stage-controls{font-size:10px}.armor-settings .property-grid{grid-template-columns:1fr}}.item-icon-column{width:68px;min-width:68px;text-align:center!important}.item-icon-frame{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;vertical-align:middle;background:var(--panel);border:1px solid var(--line);border-radius:5px}.item-icon-frame img{display:block;width:40px;height:40px;-o-object-fit:contain;object-fit:contain;image-rendering:pixelated}.item-icon-missing{font-size:24px;color:var(--muted)}.items-table td{vertical-align:middle}.items-table code{white-space:nowrap}@media(max-width:640px){.property-grid,.tool-split,.tools-grid{grid-template-columns:1fr}.armor-preview,.banner-preview{min-height:240px}.tool-card{padding:20px}.topbar nav{font-size:12px!important;gap:8px!important}.topbar .pixel{font-size:16px!important}}