*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{margin:0;padding:0;height:100%}#root{max-width:100%;margin:0;padding:0;text-align:left}.main-workspace{flex:1;display:flex;padding:20px;gap:20px;box-sizing:border-box;flex-direction:row}.feedback-pane{flex:1;display:flex;flex-direction:column;overflow:hidden}.feedback-content{flex:1;padding:2rem;overflow-y:auto;line-height:1.8}@media(max-width:768px){.app-container{height:auto!important;min-height:100vh;overflow:visible!important}.main-workspace{flex-direction:column!important;padding:10px!important;overflow:visible!important}.editor-textarea{min-height:300px}.feedback-pane{overflow:visible!important;min-height:auto!important}.feedback-content{overflow-y:visible!important;padding:1rem!important}.app-header{flex-direction:column;height:auto!important;padding:15px 10px!important;gap:15px}.header-controls{width:100%;justify-content:space-between}}