#privateGallery,#privateReview{width:min(1000px,calc(100vw - 24px));max-width:1000px;max-height:calc(100dvh - 24px);overflow:auto}.private-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.private-actions button{min-height:44px}.private-actions details{width:100%}.private-actions details button{margin:4px}.private-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.private-card{display:flex;flex-direction:column;gap:8px;border:1px solid #bccde1;border-radius:9px;padding:10px;min-width:0}.private-card>span{font-size:13px}.private-card canvas{width:100%;height:auto;aspect-ratio:12/7;background:white;border:1px solid #d3deea}.private-card button{min-height:44px}#privateReviewCanvas{display:block;width:100%;height:auto;aspect-ratio:12/7;background:white;border:1px solid #bccde1;touch-action:none}#privateReviewFeedback{width:100%;box-sizing:border-box}#privateReview>p{font-size:13px}#privateStudentBar{position:absolute;left:8px;bottom:8px;z-index:11;display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:7px 10px;border:1px solid #bccde1;border-radius:9px;background:#fffffff5;box-shadow:0 2px 12px #10284722;max-width:calc(100% - 16px);font-size:13px}#privateStudentBar strong{font-size:13px;max-width:35ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#privateStudentBar button{min-height:44px;font-size:13px;padding:7px 10px}#privateStudentStatus{max-width:45ch}body.board-focus #workspacestudentstate{bottom:100px}#privateReview input[type=color]{width:48px;height:44px}#privateReview label{display:flex;align-items:center;gap:8px;margin:6px 0}#privateReview .workspace-dialog-head{background:white}#privateReview input[type=range]{width:100px}
@media(max-width:600px){.private-gallery{grid-template-columns:minmax(0,1fr)}#privateStudentBar{gap:4px;padding:5px}#privateStudentBar strong,#privateStudentStatus{width:100%;max-width:100%}#privateReview .private-actions{gap:5px}#privateReview .private-actions button{font-size:12px;padding:7px}}

#privateReviewFeedback{min-width:0;flex:1}#privateGallery>label{display:flex;gap:8px;align-items:center;margin:10px 0}#privateGallery select{min-height:44px}#privateStudentBar button:disabled{cursor:default}

#privateShowcase{position:absolute;inset:0;background:white;z-index:14}#privateShowcaseCanvas{width:100%;height:100%;display:block}#privateShowcase>div{position:absolute;left:8px;top:8px;background:#fffffff5;border:1px solid #bccde1;border-radius:9px;padding:5px 10px;display:flex;align-items:center;gap:12px;font-size:13px}#privateShowcaseStop{min-height:44px}