body{margin:0;background:#FBFBF9;color:#14161A}
.dvhead{padding:1.5rem clamp(1rem,4vw,2rem) .5rem}
.dvhead h1{margin:0 0 .4rem;font:700 clamp(1.8rem,4vw,2.6rem)/1.1 "NPDisplay",system-ui,sans-serif;letter-spacing:-.02em}
.dvhead p{margin:0;color:#474C54}
.container{gap:1.25rem;padding:1rem clamp(1rem,4vw,2rem) 2rem;align-items:flex-start}
#visuals-menu{margin:0;padding:0;flex:none;display:flex;flex-direction:column;gap:.35rem}
.menu-item{width:15rem;height:auto;min-height:2.6rem;display:flex;align-items:center;border:1px solid #c9cbcf;border-radius:.4rem;padding:.45rem .75rem;cursor:pointer;background:#fff;font-size:.95rem;line-height:1.25}
.hover{background:#f3f3f1}
.selected{background:#F0A000;border-color:#F0A000}
#stage{position:relative;flex:1;min-width:0;max-width:1024px;width:100%}
#stage canvas{display:block;width:100%!important;height:auto!important;border-radius:.4rem;box-shadow:0 0 0 1px #c9cbcf}
#stage select,#stage input{max-width:40%;font-size:clamp(.7rem,1.4vw,.9rem)}
@media (max-width:900px){
.container{flex-direction:column}
#visuals-menu{flex-direction:row;overflow-x:auto;width:100%;padding-bottom:.4rem}
.menu-item{width:auto;flex:none;white-space:nowrap}
}