.workflow-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sloth-designer{display:grid;gap:20px}.sloth-design-hero{display:flex;align-items:center;gap:20px;background:#eff8db;padding:16px;border-radius:20px}.sloth-design-hero img{width:100px;height:100px;object-fit:contain}.sloth-design-hero strong{font-size:23px}.sloth-participants{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.sloth-participants label{display:flex;gap:8px;align-items:center;border:2px solid #d5e3ce;border-radius:14px;padding:12px;background:#fff}.sloth-participants input{width:22px;height:22px}.sloth-designer details{background:#f7f8f1;padding:14px;border-radius:15px}.sloth-designer summary{cursor:pointer;font-weight:800;min-height:32px}.sloth-class-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0}.sloth-class-controls label{display:flex;gap:12px;align-items:center}.sloth-observer{text-align:center}.sloth-observer img{width:180px;height:180px;object-fit:contain}.sloth-table-list{display:grid;gap:10px}.sloth-table-list span{padding:12px;background:#eef5ff;border-radius:12px}.teacher-ecosystem{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.teacher-ecosystem button{flex:1;min-width:180px}.block--sloth{background:#c9ef7a!important;--block-shadow:#78ab32!important}.block--maker{background:#ffb8d1!important;--block-shadow:#d76196!important}.block--journal{background:#c5b5ff!important;--block-shadow:#8e76ce!important}.block--gallery{background:#ffe479!important;--block-shadow:#cda834!important}.block--tools{background:#91dafa!important;--block-shadow:#55a6ce!important}.workflow-home .block--sloth img{width:90%;height:90%;object-fit:contain}.workflow-toolbox{height:auto!important;min-height:500px}.workflow-toolbox .student-block-grid{height:auto!important;min-height:480px}.workflow-toolbox .student-play-block{min-height:145px}
@media(max-width:650px){.workflow-form-grid{grid-template-columns:1fr}.sloth-class-controls{align-items:stretch;flex-direction:column}.sloth-class-controls label{display:block}.sloth-design-hero{gap:10px;padding:12px}.sloth-design-hero img{width:70px;height:70px}.sloth-design-hero strong{font-size:19px}.sloth-designer p{font-size:14px}.teacher-ecosystem{display:grid;grid-template-columns:1fr 1fr}.teacher-ecosystem button{min-width:0}.workflow-toolbox .student-play-block{min-height:140px}}

.teacher-extra-tools{background:#f8faf4;border:1px solid #d7dfcf;border-radius:18px;margin:20px 0;padding:12px 18px}.teacher-extra-tools summary{font-size:17px;min-height:42px;cursor:pointer;font-weight:800;display:list-item;align-content:center}.teacher-extra-tools[open] .teacher-quick-tools{margin-top:16px}.teacher-stage #host-live:has(.sloth-root){margin:20px 0 24px}.teacher-stage #host-live:has(.sloth-root)>.panel-title{border-bottom:1px solid #e1e6da;padding-bottom:15px}
body[data-role="student"] #content:has(.native-sloth)>.page-head,body[data-role="student"] #content:has(.native-sloth)>.quick-question{display:none}
@media(max-height:800px){body[data-role="student"] .sloth-curtain-art,body[data-role="student"] .sloth-role-card>img,body[data-role="student"] .sloth-discussion>img{height:130px}body[data-role="student"] .sloth-rounds{margin:12px 0}body[data-role="student"] .sloth-game{padding:16px}body[data-role="student"] .sloth-stage h2{font-size:26px}}