html,body{min-width:0}body{height:100vh}.shell{height:100vh;min-height:0}.sidebar{min-height:0}.sidebar nav{overflow:auto}.sidebar .brand strong{font-family:Marcellus,serif;font-size:29px;font-weight:400}.statusbar{min-height:48px}.statusbar .button{font-size:11px}.page-header h1{font-size:25px}.workspace{--content-gutter:30px}.profile-demo{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--border)}.demo-character{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid var(--border)}.demo-character small{display:block;color:var(--muted)}.demo-character label{display:flex;align-items:center;gap:14px}.demo-character input{accent-color:var(--red)}
@media(max-width:600px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{padding:0 10px;border-right:0;border-bottom:1px solid var(--border)}.sidebar>.brand,.sidebar-bottom{display:none}.sidebar nav{display:flex;flex-direction:row;gap:4px;overflow-x:auto;padding:8px 0}.nav-button{padding:9px 12px;gap:8px;flex-shrink:0;min-height:40px}.nav-button span{display:block;font-size:11px}.nav-button .nav-icon{width:20px;height:20px}.app-toolbar{height:54px}.button.pause-button{min-width:0;font-size:10px;padding:8px}.workspace{--content-gutter:15px;min-height:0}.page-header{padding-block:19px}.page-header p{font-size:11px}.panel,.settings-section{padding:15px}.setting-text label{font-size:12px}.setting p{font-size:11px}.statusbar{padding:8px 15px;font-size:10px}.delay-fields{flex-wrap:wrap}.delay-fields .field{min-width:70px}.feature-setting .setting-text label{font-size:16px}}
@media(max-width:600px){.shell{grid-template-columns:minmax(0,1fr);overflow:hidden}.sidebar{min-width:0}.sidebar nav{min-width:0;max-width:100%}.setting{gap:12px}.setting-text{min-width:0}.setting-text label{overflow-wrap:anywhere}.switch{flex-shrink:0}.statusbar{margin:0 15px;padding:8px 0;gap:8px}.statusbar #status{min-width:0}.app-toolbar{flex-wrap:nowrap}.connection{font-size:10px}.demo-character{flex-wrap:wrap}}