body.viewer{overscroll-behavior:auto;height:auto;overflow:auto}html:has(body.viewer){overscroll-behavior:auto;height:auto;overflow:auto}body.viewer{-webkit-user-select:text;user-select:text;touch-action:auto}.viewer-bar{background:var(--panel);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.viewer-bar h1{margin:0;font-size:18px}.viewer-main{max-width:1100px;margin:0 auto;padding:12px 16px 32px}.viewer-main h2{margin:16px 0 8px;font-size:16px}.viewer-controls{flex-wrap:wrap;align-items:center;gap:10px 16px;margin:8px 0;display:flex}select{font:inherit;color:var(--text);background:var(--button);border:1px solid #3a3f4e;border-radius:8px;max-width:100%;padding:6px 8px}.file-button{cursor:pointer;border:1px dashed #5a6074;border-radius:8px;padding:6px 12px;display:inline-block;position:relative}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.check{align-items:center;gap:6px;display:inline-flex}.small{font-size:14px}.problems{background:var(--panel);border:1px solid #a8483e;border-radius:12px;margin:12px 0;padding:12px 16px}.problems h2{margin-top:0}.problems li{margin-bottom:8px}.slot-pickers{flex-wrap:wrap;gap:8px 20px;margin:8px 0;display:flex}.slot-pickers p{flex-basis:100%;margin:0}.swatch{vertical-align:-2px;border:3px solid #ff5ad1;width:14px;height:14px;display:inline-block}.tile-info{min-height:1.5em;color:var(--muted);margin:8px 0}.canvas-box{width:100%}.canvas-box canvas{touch-action:manipulation;display:block}.viewer-columns{flex-wrap:wrap;gap:0 48px;display:flex}.legend{margin:0;padding:0;list-style:none}.legend li{margin-bottom:6px}.ring{vertical-align:-2px;background:#3ecf5a26;border:2px dashed #3ecf5a;border-radius:50%;width:14px;height:14px;display:inline-block}.dot{color:#111318;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:inline-flex}#settings th{text-align:left;color:var(--muted);padding:2px 16px 2px 0;font-weight:400}