html,body{height:100%;overflow:hidden}main{height:100dvh;max-width:none;padding:20px;display:flex;flex-direction:column}header{flex-shrink:0}main>p:not(#error){display:none}#error{margin:6px 0;flex-shrink:0}.layout{min-height:0;flex:1;grid-template-columns:250px minmax(0,1fr) 250px;margin-top:14px}.panel{border:0;border-radius:0;background:transparent;padding:12px;overflow:auto}.viewer{height:100%;position:relative;top:0;display:flex;flex-direction:column;background:#e2e2db;border-radius:12px;overflow:hidden;padding:0}#stage{height:auto;min-height:0;flex:1}#summary{font-size:11px}.sources{grid-column:auto}.source-layout{display:block}.choice:has(#model-version),#reload,#registry-status,#tail-summary,#limitations{display:none}.controls{padding:8px;gap:5px}.controls button{font-size:12px}.studio-controls{padding:10px;border-bottom:1px solid #c7c5b8;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.studio-controls label{font-size:12px;margin:0}.studio-controls input[type=range]{width:110px}.saved-controls{display:grid;gap:8px;margin-bottom:20px}.saved-controls input,.saved-controls select{width:100%;font:inherit;padding:8px;border:1px solid #999582;border-radius:5px;background:#fffaf0}.saved-controls button{background:#d6eac3}.hint{line-height:1.5}.studio-controls button[aria-pressed=true]{background:#d6eac3}button:hover{filter:brightness(.96)}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #52763d;outline-offset:2px}@media(max-width:1100px){.layout{grid-template-columns:210px minmax(0,1fr)}.sources{display:none}}@media(max-width:690px){main{padding:10px}header h1{font-size:21px}header .status{font-size:12px}.layout{display:grid;grid-template-columns:145px minmax(0,1fr);gap:4px}.viewer{order:0}#stage{aspect-ratio:auto}.panel{padding:5px}.viewer{padding:0}.controls{display:none}#summary{display:none}.studio-controls{font-size:11px}.studio-controls select{max-width:120px}.choice select{font-size:12px}}
#sprite-proof{width:min(720px,95vw);max-height:94dvh;border:1px solid #999582;border-radius:12px;background:#f3eee2;color:#20211c}#sprite-proof::backdrop{background:#20211c99}.sprite-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.sprite-proof-grid canvas{width:100%;height:auto;background:#e2e2db}