*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#bd171b}#app{display:flex;width:100%;height:100%;height:100dvh}#scene{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;touch-action:none}canvas{display:block;width:100%;height:100%}#controls.sh-panel{position:relative;inset:auto;flex:0 0 320px;max-width:none;height:100%;transition:none}#controls.sh-panel.collapsed{flex-basis:0;width:0;min-width:0}#controls .sh-panel-body{min-width:290px}.sh-panel-hint{display:none}.entry-heading{font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:1px 0 8px}.entry-status{font-size:11px;color:var(--sh-text-dim);margin:0 0 12px}.panel-tools{display:flex;gap:6px;margin-bottom:12px}.panel-tools .sh-btn{flex:1}#controls textarea{width:100%;min-height:120px;background:#151515;color:#eee;border:1px solid #555}
@media(max-width:700px){#app{flex-direction:column}#controls.sh-panel{flex-basis:36%;width:100%;height:36%;max-height:300px;border-left:0;border-top:1px solid var(--sh-border)}#controls.sh-panel.collapsed{flex-basis:0;height:0;max-height:0;border:0}#controls .sh-panel-body{min-width:0}}