main{grid-template-columns:340px 1fr 320px}.output-panel{border-right:0;border-left:1px solid #334057;box-shadow:-5px 0 20px #0005;display:flex;flex-direction:column;gap:12px}.output-panel strong{color:#aeb9ca;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.output-panel pre{flex:1;min-height:0}.controls fieldset .actions{margin-bottom:12px}label.inline{display:flex;align-items:center;gap:8px}label.inline input{accent-color:#f0a13b}.banner{margin:0 0 10px;padding:8px 10px;border-radius:5px;font-size:11px;line-height:1.5;color:#d7c08f;background:#241d10;border:1px solid #5a4520}.banner:empty{display:none}.banner.error{color:#ffb4ad;background:#2a1414;border-color:#6d2b28}.banner.ok{color:#a9e5bf;background:#0f2318;border-color:#2b5c3c}.hint{margin:10px 0 0;color:#8c99ac;font-size:11px;line-height:1.5}.stage-wrap canvas{cursor:crosshair}.legend i.caster{border-color:#56d6ff}.legend i.origin{border-color:#c58bff}.legend i.hit{border-color:#ff8a3b;background:#ff8a3b3a}.legend span{display:block;margin:6px 0 0;color:#728096}@media(max-width:1100px){main{grid-template-columns:300px 1fr}.output-panel{display:none}}