.classroom-screen{--screen-surface:var(--ui-surface,#fff);--screen-line:var(--ui-line,#e0e6e2);display:flex;flex-direction:column;gap:20px;color:var(--ui-text,#243b33);min-height:70vh}
.screen-top,.screen-top-actions,.screen-controls,.screen-type-filters,.screen-summary,.screen-pagination{display:flex;align-items:center;gap:12px}
.screen-top{justify-content:space-between;flex-wrap:wrap}.screen-top h1{font-size:28px;letter-spacing:-.04em;margin:8px 0 0}.screen-top-actions{flex-wrap:wrap}.screen-back{display:inline-flex;align-items:center;gap:4px;color:var(--ui-muted,#718077);font-size:12px;text-decoration:none}.screen-back svg{width:15px;transform:rotate(180deg)}
.screen-controls{flex-wrap:wrap;padding:14px;border:1px solid var(--screen-line);border-radius:14px;background:var(--screen-surface)}.screen-controls select{min-width:250px;max-width:420px;width:100%;padding:9px 34px 9px 12px;border:1px solid var(--screen-line);border-radius:9px;color:inherit;background:var(--screen-surface);font:inherit;font-size:13px}.screen-type-filters{gap:5px}.screen-type-filters .chip{font-size:12px}.screen-refresh-status{font-size:11px;color:var(--ui-muted,#718077);margin-left:auto}.screen-summary{gap:24px;flex-wrap:wrap;font-size:12px;color:var(--ui-muted,#718077)}.screen-summary strong{font-size:19px;color:var(--ui-text,#243b33);margin-right:4px}.screen-attention,.screen-error{color:#a15a22}.screen-error{background:#fff4e5;padding:12px;border-radius:8px;margin:0;font-size:12px}.screen-error[hidden]{display:none}
.screen-student-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.screen-student-card{border:1px solid var(--screen-line);background:var(--screen-surface);border-radius:14px;overflow:hidden;min-width:0;align-self:start}.screen-student-card header{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:14px}.screen-student-card header button{display:flex;align-items:center;gap:9px;background:none;border:0;padding:0;text-align:left;color:inherit;min-width:0;cursor:pointer}.screen-student-card header strong{font-size:14px;display:block}.screen-student-card header small{display:block;font-size:10px;color:var(--ui-muted,#718077);margin-top:3px}.screen-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--ui-soft,#eef3ed);color:var(--ui-primary,#416a4d);font-size:12px;flex:none}.screen-status{display:inline-flex;align-items:center;gap:4px;font-size:10px;white-space:nowrap;color:var(--ui-muted,#718077);border-radius:6px;padding:4px 6px;background:var(--ui-bg,#f4f6f4)}.screen-status-running,.screen-status-queued{color:#826322;background:#fff5dc}.screen-status-succeeded{color:#397556;background:#eaf5ed}.screen-status-failed,.screen-status-uncertain{color:#9b503f;background:#fff0e9}.screen-preview{position:relative;display:grid;place-items:center;width:100%;height:180px;overflow:hidden;background:var(--ui-bg,#f6f7f5);border:0;border-top:1px solid var(--screen-line);border-bottom:1px solid var(--screen-line);padding:0;color:inherit;cursor:pointer;text-align:left}.screen-preview img,.screen-preview video{width:100%;height:100%;object-fit:contain}.screen-preview video{pointer-events:none}.screen-preview .screen-text-work{font-size:12px;line-height:1.85;padding:16px;height:100%;width:100%;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.screen-no-work{color:var(--ui-muted,#718077);font-size:12px;padding:20px}.screen-video-mark{position:absolute;right:9px;bottom:9px;display:inline-flex;align-items:center;gap:4px;background:#14281ec9;color:white;padding:4px 7px;border-radius:6px;font-size:10px}.screen-video-mark svg{width:12px;height:12px}.screen-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;font-size:12px}.screen-card-meta>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-card-meta small{color:var(--ui-muted,#718077);font-size:10px;white-space:nowrap}.screen-queue{padding:0 14px 12px;font-size:10px}.screen-queue>strong{display:block;font-size:10px;margin-bottom:7px;font-weight:500;color:var(--ui-muted,#718077)}.screen-queue>div{display:flex;gap:7px;align-items:center;justify-content:space-between;margin-top:5px}.screen-queue>div>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-queue>small{color:var(--ui-muted,#718077)}.screen-student-card footer{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 14px;border-top:1px solid var(--screen-line);font-size:10px;color:var(--ui-muted,#718077)}.screen-student-card footer button{display:flex;align-items:center;gap:4px;background:none;border:0;color:var(--ui-primary,#416a4d);font:inherit;cursor:pointer;padding:3px}.screen-student-card footer svg{width:13px;height:13px}.screen-pagination{justify-content:center;font-size:12px;color:var(--ui-muted,#718077)}.screen-pagination .button{font-size:12px}.screen-empty{padding:40px 20px;text-align:center;color:var(--ui-muted,#718077);font-size:13px;grid-column:1/-1}.screen-student-card button:focus-visible,.screen-controls button:focus-visible,.screen-close:focus-visible{outline:2px solid var(--ui-primary,#416a4d);outline-offset:3px}
.classroom-screen:fullscreen{overflow:auto;background:var(--ui-bg,#f6f7f5);padding:24px 32px;height:100vh;box-sizing:border-box}.classroom-screen:fullscreen .screen-top{position:sticky;top:-24px;z-index:2;background:var(--ui-bg,#f6f7f5);padding:12px 0}.classroom-screen:fullscreen .screen-student-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.classroom-screen:fullscreen .screen-preview{height:210px}
.screen-detail-dialog{width:min(920px,calc(100vw - 40px));max-height:90vh;padding:0;border:1px solid var(--screen-line,#e0e6e2);border-radius:16px;background:var(--ui-surface,#fff);color:var(--ui-text,#243b33);box-shadow:0 24px 80px #0003}.screen-detail-dialog::backdrop{background:#10251b80;backdrop-filter:blur(4px)}.screen-detail-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;background:var(--ui-surface,#fff);border-bottom:1px solid var(--ui-line,#e0e6e2);padding:20px 24px}.screen-detail-head h2{font-size:19px;margin:0}.screen-detail-head p{font-size:11px;color:var(--ui-muted,#718077);margin:7px 0 0}.screen-close{width:32px;height:32px;border-radius:9px;background:var(--ui-bg,#f4f6f4);color:inherit;border:1px solid var(--ui-line,#e0e6e2);font-size:21px;cursor:pointer}.screen-records{padding:20px 24px;display:flex;flex-direction:column;gap:20px}.screen-record{border:1px solid var(--ui-line,#e0e6e2);border-radius:11px;overflow:hidden}.screen-record>header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;gap:15px}.screen-record>header h3{font-size:14px;margin:4px 0 5px}.screen-record>header>div>span,.screen-record>header small{font-size:10px;color:var(--ui-muted,#718077)}.screen-record-media{background:var(--ui-bg,#f6f7f5);padding:14px;text-align:center}.screen-record-media img,.screen-record-media video{display:block;max-width:100%;max-height:480px;margin:auto;border-radius:6px}.screen-record-media .screen-text-work{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:13px}.screen-prompt{border-top:1px solid var(--ui-line,#e0e6e2);padding:12px 16px;font-size:12px}.screen-prompt summary{cursor:pointer;color:var(--ui-primary,#416a4d)}.screen-prompt p{line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.screen-record-error{padding:0 16px;font-size:12px;color:#a24f3d}.screen-detail-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid var(--ui-line,#e0e6e2);gap:16px}
@media(min-width:1600px){.screen-student-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}
@media(max-width:720px){.classroom-screen{gap:14px}.screen-top h1{font-size:23px}.screen-top-actions{gap:7px}.screen-top-actions .button{padding:8px 10px;font-size:11px}.screen-controls{gap:10px}.screen-controls>label{width:100%}.screen-controls select{min-width:0;max-width:none}.screen-refresh-status{margin-left:0}.screen-summary{gap:12px}.screen-summary strong{font-size:16px}.screen-student-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.screen-detail-dialog{width:calc(100vw - 20px);max-height:94vh}.screen-detail-head,.screen-records{padding:16px}.screen-detail-footer{padding:12px 16px;flex-wrap:wrap}.classroom-screen:fullscreen{padding:16px}.classroom-screen:fullscreen .screen-top{top:-16px}}
@media(prefers-reduced-motion:reduce){.screen-detail-dialog::backdrop{backdrop-filter:none}}
.screen-record-actions{display:flex;justify-content:flex-end;padding:12px 16px;background:var(--ui-surface,#fff)}
.screen-help{padding:14px 16px;border-top:1px solid var(--ui-line,#e0e6e2);display:grid;gap:9px}.screen-help label{font-size:13px;font-weight:600}.screen-help label small{display:block;font-weight:400;font-size:11px;color:var(--ui-muted,#718077);margin-top:5px}.screen-help textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:72px;padding:10px 12px;font:inherit;font-size:13px;line-height:1.7;color:inherit;background:var(--ui-bg,#f6f7f5);border:1px solid var(--ui-line,#e0e6e2);border-radius:8px}.screen-help>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.screen-help p{margin:0;font-size:12px;color:var(--ui-muted,#718077)}.screen-help textarea:focus-visible{outline:2px solid var(--ui-primary,#416a4d);outline-offset:2px}
.screen-showcase-dialog{width:min(1240px,calc(100vw - 32px));max-width:none;max-height:94dvh;padding:0;overflow:hidden;border:1px solid var(--ui-line,#e0e6e2);border-radius:16px;background:var(--ui-surface,#fff);color:var(--ui-text,#243b33);box-shadow:0 24px 100px #0005}
.screen-showcase-dialog::backdrop{background:#0b101dcc;backdrop-filter:blur(6px)}
.screen-showcase{display:flex;flex-direction:column;min-height:55vh;max-height:92dvh;background:var(--ui-surface,#fff);color:var(--ui-text,#243b33)}
.screen-showcase-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;border-bottom:1px solid var(--ui-line,#e0e6e2);flex:none}
.screen-showcase-head>div:first-child{min-width:0}.screen-showcase-head h2{font-size:18px;line-height:1.5;margin:5px 0 0;overflow-wrap:anywhere}.screen-showcase-head span{font-size:12px;color:var(--ui-muted,#718077)}
.screen-showcase-actions{display:flex;align-items:center;gap:8px;flex:none}.screen-showcase-actions .button{white-space:nowrap}
.screen-showcase-media{padding:24px;overflow:auto;min-height:0;flex:1;display:grid;place-items:center;background:var(--ui-bg,#f4f6f4)}
.screen-showcase-media img,.screen-showcase-media video{display:block;max-width:100%;max-height:calc(92dvh - 150px);width:auto;height:auto;object-fit:contain;border-radius:8px}
.screen-showcase-media .screen-text-work{width:min(900px,100%);font-size:clamp(17px,1.7vw,25px);line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;align-self:start;text-align:left}
.screen-showcase:fullscreen{width:100vw;max-height:none;height:100dvh;min-height:0}.screen-showcase:fullscreen .screen-showcase-media img,.screen-showcase:fullscreen .screen-showcase-media video{max-height:calc(100dvh - 140px)}
@media(max-width:720px){.screen-showcase-dialog{width:calc(100vw - 16px);max-height:96dvh}.screen-showcase{max-height:94dvh}.screen-showcase-head{align-items:flex-start;gap:12px;padding:15px;flex-wrap:wrap}.screen-showcase-head h2{font-size:16px}.screen-showcase-actions{width:100%;justify-content:flex-end}.screen-showcase-actions .button{font-size:11px;padding:8px 10px}.screen-showcase-media{padding:15px}.screen-showcase-media img,.screen-showcase-media video{max-height:calc(94dvh - 180px)}}
@media(prefers-reduced-motion:reduce){.screen-showcase-dialog::backdrop{backdrop-filter:none}}
.screen-share-status{margin:5px 0 0;font-size:11px;line-height:1.6;color:var(--ui-muted,#718078)}