*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#1a1a1a;background:#f7f7f5;font-family:system-ui,sans-serif}.app{grid-template-rows:56px 1fr 32px;min-height:100vh;display:grid}.app-header{background:#fff;border-bottom:1px solid #d4d4d0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.app-title{font-weight:600}.app-header-right{align-items:center;gap:12px;display:flex}.app-body{grid-template-columns:minmax(360px,5fr) 7fr;min-height:0;display:grid}.app-left{flex-direction:column;min-width:0;min-height:0;display:flex}.app-thread{flex:auto;min-height:0;overflow:auto}.app-input{flex:none}.app-code{min-width:0;overflow:auto}.app-footer{background:#fff;border-top:1px solid #d4d4d0;align-items:center;height:32px;padding:0 16px;font-size:12px;display:flex}@media (width<=1023px){.app-body{grid-template-rows:auto auto auto;grid-template-columns:1fr}.app-left{display:contents}}button,input[type=radio],input[type=checkbox]{min-width:40px;min-height:40px}button{font:inherit;padding:8px 12px}.app-input{background:#fff;border-top:1px solid #d4d4d0;padding:12px;position:relative}.app-input textarea{resize:vertical;width:100%;min-height:6em;max-height:18em;font:inherit}.pad-version label,.question-form label{align-items:center;gap:8px;display:flex}.drop-overlay{background:#ffffffeb;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}dialog{border:1px solid #1a1a1a;padding:24px}.locale-switch button.active{font-weight:700}