:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#eee;background:#1a1a1e;margin:0;font:14px/1.5 system-ui,sans-serif}#app{flex-direction:column;height:100vh;display:flex}#header{border-bottom:1px solid #2c2c33;flex:none;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 20px;display:flex}#header h1{margin:0;font-size:16px}#totals{color:#9a9aa5;font-size:13px}#layout{flex:1;grid-template-columns:360px 1fr;min-height:0;display:grid}#sidebar{border-right:1px solid #2c2c33;flex-direction:column;min-height:0;display:flex;overflow-y:auto}#sidebar-header{flex:none;align-items:center;gap:10px;padding:12px 16px;display:flex}#sidebar-header h2{margin:0;font-size:14px}#back-button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid #3a3a42;border-radius:6px;padding:4px 10px}#back-button:hover{background:#2c2c33}#sidebar-status,#viewport-status{color:#9a9aa5;padding:8px 16px;font-size:13px}#sidebar-status:empty,#viewport-status:empty{display:none}#sidebar-status.error,#viewport-status.error{color:#ff8a8a}.section-heading{text-transform:uppercase;letter-spacing:.05em;color:#9a9aa5;grid-column:1/-1;margin:12px 4px 4px;font-size:12px}#tile-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-content:start;gap:10px;padding:12px 16px;display:grid}.tile{color:inherit;font:inherit;cursor:pointer;text-align:left;background:#232329;border:1px solid #2c2c33;border-radius:8px;flex-direction:column;gap:4px;padding:6px;display:flex}.tile:hover{border-color:#4f9cf9}.tile-thumb{aspect-ratio:1;background:#1a1a1e;border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tile-thumb img{object-fit:contain;width:100%;height:100%}.tile-placeholder{color:#9a9aa5;text-align:center;overflow-wrap:anywhere;padding:4px;font-size:11px}.tile-label{overflow-wrap:anywhere;font-size:12px}.tile-meta{color:#9a9aa5;font-size:11px}.badge{color:#111;text-transform:uppercase;background:#4f9cf9;border-radius:3px;padding:2px 4px;font-size:9px;font-weight:600;position:absolute;top:4px;right:4px}#viewport-pane{flex-direction:column;min-height:0;display:flex}#viewport-canvas-wrap{flex:1;min-height:0;position:relative}#scene{width:100%;height:100%;display:block}#viewport-empty{color:#6a6a75;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#viewport-status{background:#0009;border-radius:6px;padding:6px 10px;position:absolute;bottom:12px;left:12px}#viewport-info{color:#9a9aa5;padding:8px 20px;font-size:13px}#character-controls{flex-direction:column;gap:8px;padding:0 20px 16px;display:flex}#character-controls[hidden]{display:none}#clip-label{color:#9a9aa5;margin-right:6px;font-size:12px}#clip-select{color:inherit;font:inherit;background:#232329;border:1px solid #3a3a42;border-radius:6px;padding:4px 8px}#untextured-notice{color:#d9c15a;font-size:12px}#skin-swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{cursor:pointer;background:#1a1a1e;border:2px solid #3a3a42;border-radius:6px;width:36px;height:36px;padding:0;overflow:hidden}.swatch img{object-fit:cover;width:100%;height:100%}.swatch.active{border-color:#4f9cf9}#licence-footer{color:#6a6a75;border-top:1px solid #2c2c33;flex:none;padding:8px 20px;font-size:12px}#licence-footer a{color:inherit}@media (width<=900px){#layout{grid-template-rows:minmax(200px,40vh) 1fr;grid-template-columns:1fr}#sidebar{border-bottom:1px solid #2c2c33;border-right:none}}#a11y-content{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}