:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#11171b;color:#edf7fb}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:28px clamp(24px,5vw,72px);border-bottom:1px solid #334047;background:#172126}h1,h2,p{margin-top:0}h1{margin-bottom:6px;font-size:30px}h2{font-size:19px}header p{margin-bottom:0;color:#9db0b9}.eyebrow{color:#68c7f2;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}a{color:#8bd8fb}main{display:grid;gap:26px;padding:28px clamp(24px,5vw,72px) 80px}section{padding:22px;border:1px solid #334047;border-radius:12px;background:#172126}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading p{margin-bottom:0}.tile-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.tile-card{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;padding:9px;border-color:#43535b;background:#10171a;text-align:left}.tile-card.selected{border-color:#fff;background:#20333b}.tile-card canvas{width:48px;height:48px;background:repeating-conic-gradient(#27343a 0,#27343a 25%,#35464e 0,#35464e 50%) 0 / 12px 12px}.tile-card span{font-size:12px}.palette-editor{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;margin:16px 0}.palette-color{display:grid;grid-template-columns:36px 1fr;gap:8px;align-items:center;padding:6px;border:1px solid #35434a;border-radius:6px;color:#b8c8cf;font-size:11px}.palette-color input{width:36px;height:30px;padding:0;border:0;background:transparent}.controls{display:flex;gap:22px;align-items:start;flex-wrap:wrap}label{display:grid;gap:7px;color:#afbec5;font-size:12px;font-weight:700;text-transform:uppercase}select{min-width:190px;padding:9px;border:1px solid #50616a;border-radius:6px;background:#0f161a;color:#fff}button{align-self:end;padding:10px 14px;border:1px solid #68c7f2;border-radius:6px;background:#183746;color:#fff;cursor:pointer}button:disabled{cursor:wait;opacity:.6}dl{display:grid;grid-template-columns:auto auto;gap:5px 12px;margin:0;font-size:13px}dt{color:#8fa2ab}dd{margin:0;font-family:ui-monospace,monospace}canvas,#atlas-image{image-rendering:pixelated}#pixel-preview{display:block;width:512px;height:auto;background:repeating-conic-gradient(#27343a 0,#27343a 25%,#35464e 0,#35464e 50%) 0 / 64px 64px;cursor:crosshair}.pixel-editor-wrap{position:relative;width:fit-content;max-width:100%;border:1px solid #60727b;overflow:auto}.pixel-editor-wrap:after{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px);background-size:var(--pixel-size, 32px) var(--pixel-size, 32px);content:"";opacity:var(--grid-opacity, .18);pointer-events:none}#editor-guide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:1;pointer-events:none}.guide-toggle{display:flex;grid-auto-flow:column;align-items:center;align-self:center}#grid-opacity{min-width:180px}.connectivity-legend{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:0 0 14px;padding:9px 12px;border:1px solid #3c4c54;border-radius:7px;background:#10171a;color:#aebfc7;font-size:12px}.connectivity-legend span{display:inline-flex;gap:7px;align-items:center}.legend-line{display:inline-block;width:26px;height:4px;background:#ff2438}.legend-triangle{display:inline-block;width:0;height:0;border-top:9px solid #ff2438;border-right:9px solid transparent}.editor-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.control-label{display:block;margin-bottom:7px;color:#afbec5;font-size:12px;font-weight:700;text-transform:uppercase}.palette{display:flex;gap:5px;flex-wrap:wrap;max-width:360px}.palette button{width:30px;height:30px;padding:0;border-color:#60727b}.palette button:first-child{background:repeating-conic-gradient(#27343a 0,#27343a 25%,#52636c 0,#52636c 50%) 0 / 10px 10px!important}.palette button.selected{outline:3px solid white;outline-offset:2px}.tool-group{display:flex;gap:5px}.tool-group button[aria-pressed=true]{border-color:#fff;background:#315d70}#save-status{align-self:center;color:#9fc4d4;font-size:13px}#stress-preview{width:min(100%,768px);height:auto;background:#87ceeb}.atlas-wrap,.library-wrap{overflow:auto;padding:12px;background:#0b1013}#atlas-image{width:auto;height:auto;min-width:512px}#library-preview{width:auto;height:auto;min-width:0}.variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:12px}.variant-card{display:grid;justify-items:center;gap:8px;padding:12px;border:1px solid #35434a;border-radius:8px;background:#10171a}.variant-card canvas{width:96px;height:96px;background:#87ceeb}.variant-card code{color:#b8c8cf;font-size:11px}section>p{color:#91a5ae;font-size:13px}.diagnostics{padding:18px 22px;border:1px solid #334047;border-radius:12px;background:#172126}.diagnostics summary{cursor:pointer;color:#afbec5;font-weight:700}.diagnostics h2{margin-top:20px}