/* Claude DESIGN-iflytek2-tools B/C: existing UILibrary sheet behavior, board chrome tokens. */
html[data-classroom-panel] :is(#gbBottomTools,#objectToolbar,#pageManagerDock,#s1UndoBar){visibility:hidden!important;pointer-events:none!important}
html body :is(#classroomReview#classroomReview,#classroomAnalytics#classroomAnalytics){position:fixed!important;inset:52px 0 0 64px!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;z-index:1100!important;overflow:hidden!important;font-family:var(--font-ui,system-ui)!important;display:grid!important;isolation:isolate}
html body :is(#classroomReview#classroomReview,#classroomAnalytics#classroomAnalytics).hidden{display:none!important}
html body :is(#classroomReview#classroomReview,#classroomAnalytics#classroomAnalytics) .ui-library-handle{display:none!important}
html body :is(#classroomReview#classroomReview,#classroomAnalytics#classroomAnalytics) :is(button,input,select){font:inherit;min-width:44px;min-height:44px;box-sizing:border-box;border:1px solid var(--chrome-line);border-radius:8px;background:var(--chrome-raised);color:var(--chrome-ink);padding:8px;cursor:pointer;box-shadow:none}
html body :is(#classroomReview#classroomReview,#classroomAnalytics#classroomAnalytics) :is(input,select){font-size:16px;max-width:100%;min-width:0}
html body :is(#classroomReview#classroomReview,#classroomAnalytics#classroomAnalytics) button:focus-visible{outline:2px solid var(--g-blue);outline-offset:2px}
html body :is(#classroomReview#classroomReview,#classroomAnalytics#classroomAnalytics) button:disabled{opacity:.6;cursor:default}
html body :is(#classroomReview#classroomReview,#classroomAnalytics#classroomAnalytics) .cr-button{display:inline-flex;justify-content:center;align-items:center;gap:8px}
.cr-button svg,.cr-counts svg{width:20px;height:20px;flex:none}
.cr-head{grid-area:head;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid var(--chrome-line);min-width:0}
.cr-head h2{font-size:20px;font-weight:500;flex:1;margin:0;white-space:nowrap}
.cr-review{grid-template:'head head' 56px 'stage sources' 1fr / minmax(0,1fr) 360px;background:var(--chrome-bg)!important;color:var(--chrome-ink)!important}
.cr-stage{grid-area:stage;display:flex;overflow:hidden;min-width:0;min-height:0;padding-bottom:88px;touch-action:none}
.cr-viewport{position:relative;min-width:0;min-height:0;flex:1;overflow:hidden;border-right:1px solid var(--chrome-line)}
.cr-viewport canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}
.cr-stage[data-tool=move] canvas{cursor:grab}
.cr-viewport-label{position:absolute;top:12px;left:16px;pointer-events:none;font-size:13px;color:var(--chrome-muted)}
.cr-sources{grid-area:sources;overflow:auto;padding:16px;background:var(--chrome-bg);border-left:1px solid var(--chrome-line);min-width:0}
.cr-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html body #classroomReview#classroomReview .cr-thumbnail{position:relative;display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;border:2px solid transparent;background:var(--chrome-raised);border-radius:8px;text-align:left}
.cr-thumbnail img{width:100%;height:114px;object-fit:contain;pointer-events:none}
.cr-thumbnail span{padding:4px 8px;font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #classroomReview#classroomReview .cr-thumbnail[aria-pressed=true]{border-color:var(--g-blue)!important;background:var(--chrome-raised)!important;color:var(--chrome-ink)!important}
.cr-ab{position:absolute;right:4px;top:4px;background:var(--g-blue);color:white;padding:4px;border-radius:4px}
.cr-tools{position:absolute;bottom:16px;left:calc((100% - 360px)/2);transform:translateX(-50%);display:flex;gap:2px;padding:8px;border-radius:999px;background:var(--chrome-bg);border:1px solid var(--chrome-line);max-width:calc(100% - 376px);overflow-x:auto;min-height:64px;box-sizing:border-box}
html body #classroomReview#classroomReview .cr-tool{border:0;flex:none;width:48px;height:48px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;padding:2px;background:transparent;font-size:11px;border-radius:50%}
.cr-tool span{line-height:1.1;text-align:center}.cr-tool svg{width:20px;height:20px}
.cr-tool-move svg,.cr-tool-compare svg,.cr-tool-done svg{color:var(--g-blue)}
.cr-tool-pen svg,.cr-tool-x svg{color:var(--g-red)}.cr-tool-eraser svg,.cr-tool-star svg,.cr-tool-stamps svg{color:var(--g-yellow)}.cr-tool-check svg{color:var(--g-green)}
html body #classroomReview#classroomReview .cr-tool[aria-pressed=true],html body #classroomReview#classroomReview .cr-primary{background:var(--g-blue)!important;color:white!important}
html body #classroomReview#classroomReview .cr-tool[aria-pressed=true] svg{color:white}
html body #classroomReview#classroomReview :is(.cr-tool-stamps,.cr-sync){display:none}
.cr-options{position:absolute;bottom:100px;left:24px;display:flex;align-items:center;gap:8px;background:var(--chrome-bg);padding:12px;border:1px solid var(--chrome-line);border-radius:16px;max-width:calc(100% - 48px)}
.cr-options[hidden]{display:none}.cr-options label{display:flex;align-items:center;gap:8px}
.cr-counts{display:flex;gap:16px}.cr-counts span{display:flex;align-items:center;gap:4px}
.cr-summary{margin-top:24px}.cr-summary .cr-button{width:100%;margin-top:8px}
.cr-empty{text-align:center;grid-column:1/-1;padding:32px 16px;line-height:1.6}.cr-empty>svg{width:48px;height:48px;color:var(--chrome-muted)}.cr-empty .cr-button{margin:4px}
.cr-homework{grid-column:1/-1}.cr-homework summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
.cr-source-form{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.cr-source-form select{width:100%}.cr-source-form input{flex:1;width:120px}.cr-error{color:var(--g-red);font-size:14px;flex-basis:100%;margin:0}
@media(max-width:1023px){
html body :is(#classroomReview#classroomReview,#classroomAnalytics#classroomAnalytics){inset:var(--s1-vv-top,0px) var(--s1-vv-left,0px) auto!important;width:var(--s1-app-w,100vw)!important;height:var(--s1-app-h,100dvh)!important}
.cr-review{grid-template:'head' 48px 'sources' 80px 'stage' minmax(0,1fr) / minmax(0,1fr)}
.cr-head{padding:0 8px;gap:4px}.cr-head h2{font-size:18px}.cr-head>.cr-button:first-child span{display:none}
.cr-sources{padding:4px 8px;border:0;overflow:visible}.cr-desktop-title,.cr-summary{display:none}
.cr-materials{display:flex;gap:8px;height:72px;overflow-x:auto}.cr-materials .cr-thumbnail{width:88px;flex:none}.cr-thumbnail img{height:44px}.cr-thumbnail span{font-size:11px}
.cr-homework{flex:none;min-width:44px}.cr-homework[open] .cr-source-form{position:absolute;left:16px;right:16px;top:128px;padding:16px;background:var(--chrome-bg);border:1px solid var(--chrome-line);border-radius:16px;z-index:2}
.cr-materials>.cr-empty{padding:0;display:flex;align-items:center;text-align:left;gap:8px;font-size:12px}.cr-materials>.cr-empty>svg{display:none}
.cr-stage{padding-bottom:calc(88px + env(safe-area-inset-bottom));flex-direction:column}.cr-viewport{border-bottom:1px solid var(--chrome-line)}
.cr-tools{left:8px;right:8px;transform:none;bottom:calc(8px + env(safe-area-inset-bottom));max-width:none;justify-content:space-between;padding:8px 4px;gap:0}
html body #classroomReview#classroomReview .cr-tool{width:56px;height:48px}
html body #classroomReview#classroomReview :is(.cr-tool-check,.cr-tool-x,.cr-tool-star,.cr-tool-done){display:none}
html body #classroomReview#classroomReview .cr-tool-stamps{display:flex}
.cr-options{left:16px;right:16px;bottom:calc(88px + env(safe-area-inset-bottom));max-width:none}
}
@media(prefers-reduced-motion:reduce){.cr-sheet *{animation:none!important;transition:opacity 120ms!important;scroll-behavior:auto!important}}

.cr-homework summary svg{width:20px;height:20px;margin-right:8px}
html body #classroomReview#classroomReview .cr-tool-done{background:var(--g-blue);color:white}
html body #classroomReview#classroomReview .cr-tool-done svg{color:white}
@media(max-width:1023px){
 .cr-homework-label{display:none}.cr-homework summary{width:44px;height:64px;justify-content:center}
 .cr-homework[open] .cr-homework-body{position:absolute;left:16px;right:16px;top:128px;padding:16px;background:var(--chrome-bg);border:1px solid var(--chrome-line);border-radius:16px;z-index:2;max-height:60dvh;overflow:auto}
 .cr-homework[open] .cr-source-form{position:static;padding:0;border:0;border-radius:0}
 .cr-homework[open] .cr-summary{display:block;margin-top:12px}
}
/* 工具条文字单行：.ui-library 的 button{font:inherit!important} 会把上面的 11px 盖成面板 18px，48px 宽按钮里只能一字一行。
   字号定在 span 上（不受 button 的 !important 影响），图标在上、文字在下单行。 */
html body #classroomReview#classroomReview .cr-tool span{font-size:12px;line-height:14px;white-space:nowrap}
html body #classroomReview#classroomReview .cr-tool{width:52px;height:52px}
html body #classroomReview#classroomReview .cr-empty button{white-space:nowrap}
@media(max-width:1023px){html body #classroomReview#classroomReview .cr-tool{width:52px;height:52px}}