*{box-sizing:border-box}body{margin:0;background:#151719;color:#e9e6dd;font:13px system-ui}main{max-width:1100px;margin:auto;padding:16px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:16px}h1{font-size:20px;margin:0;white-space:nowrap}small{font-size:11px;font-weight:400;color:#b7b1a2;border:1px solid #514c43;padding:3px 6px}header p{margin:9px 0;color:#bbb5a9;font-size:12px}.actions{display:flex;gap:8px;flex-shrink:0}button{border:1px solid #c7ae78;background:#c7ae78;color:#171a18;padding:9px 16px;cursor:pointer;border-radius:3px;font:inherit}button:disabled{opacity:.65;cursor:default}button.secondary{color:#c7ae78;background:transparent}.stage{display:flex;justify-content:center;margin:12px auto;background:#0a0b0c;width:min(100%,calc((100dvh - 145px)*.5625));aspect-ratio:9/16}canvas{width:100%;height:100%;display:block;outline:none;touch-action:none}footer{display:flex;justify-content:center;gap:16px;font-size:11px;color:#979789;margin:12px 0}details{border-top:1px solid #303232;padding-top:10px;font-size:12px;color:#92988f}summary{cursor:pointer}pre{white-space:pre-wrap;word-break:break-word;font-size:11px;line-height:1.5;max-height:260px;overflow:auto;color:#aebcaa}@media(max-width:650px){main{padding:10px 10px}header{align-items:flex-start}h1{font-size:17px}header p{max-width:230px;line-height:1.5}.actions{flex-direction:column;gap:4px}button{padding:6px 10px;font-size:12px}.stage{width:min(100%,calc((100dvh - 155px)*.5625));margin-top:6px}footer{gap:8px;font-size:10px}}