#teacher-room-tools-layer{position:relative;z-index:1100;pointer-events:none}
.teacher-room-tools{box-sizing:border-box;position:fixed;display:flex;align-items:center;flex-wrap:nowrap;gap:4px;width:max-content;max-width:calc(100vw - 16px);padding:5px;border:1px solid var(--ui-line,#dce6dd);border-radius:12px;background:var(--ui-surface,#fff);color:var(--ui-text,#213e35);box-shadow:0 5px 24px #17243b25;pointer-events:auto;z-index:1102;touch-action:manipulation}
.teacher-room-tools button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;min-width:36px;height:36px;min-height:36px;padding:7px;border:1px solid var(--ui-line,#dce6dd);border-radius:8px;background:var(--ui-surface,#fff);color:var(--ui-text,#213e35);font:inherit;font-size:12px;line-height:1.4;cursor:pointer}
.teacher-room-tools-center{display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto;overscroll-behavior:contain;scrollbar-width:none}.teacher-room-tools-center::-webkit-scrollbar{display:none}
.teacher-room-tools>[data-room-tool]{flex:0 1 36px;min-width:24px}
.teacher-room-tools [data-room-page]{flex:none;width:76px;height:36px;min-width:60px;padding:5px 18px 5px 7px;border:1px solid var(--ui-line,#dce6dd);border-radius:8px;background:var(--ui-surface,#fff);color:var(--ui-text,#213e35);font:inherit;font-size:12px;text-align:center;font-variant-numeric:tabular-nums}
.teacher-room-tools button:hover:enabled,.teacher-room-tools button[aria-pressed=true]{background:var(--ui-soft,#eef3eb);color:var(--ui-primary,#23654b);border-color:var(--ui-primary,#23654b)}
.teacher-room-tools button:disabled{opacity:.45;cursor:default}.teacher-room-tools :is(button,select):focus-visible{outline:2px solid var(--ui-primary,#23654b);outline-offset:2px}
.teacher-room-tools .teacher-room-tools-drag{width:24px;min-width:24px;padding:3px;border-color:transparent;background:var(--ui-soft,#eef3eb);cursor:grab;touch-action:none;user-select:none;font-size:18px}.teacher-room-tools.is-dragging .teacher-room-tools-drag{cursor:grabbing}
.teacher-room-ink-options{position:absolute;left:0;right:0;bottom:calc(100% + 7px);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;padding:7px;border:1px solid var(--ui-line,#dce6dd);border-radius:10px;background:var(--ui-surface,#fff);box-shadow:0 5px 20px #17243b18}
.teacher-room-ink-options [data-room-color]{width:27px;height:27px;min-width:27px;min-height:27px;padding:0;border:2px solid var(--ui-surface,#fff);border-radius:50%;background:var(--ink-color)!important;outline:1px solid var(--ui-line,#dce6dd)}.teacher-room-ink-options [data-room-color][aria-pressed=true]{outline:2px solid var(--ui-text,#213e35);outline-offset:1px}.teacher-room-ink-options button:not([data-room-color]){width:auto;height:30px;min-height:30px;padding:5px 8px;font-size:11px}
.teacher-room-tools-status{position:absolute;left:0;right:0;bottom:calc(100% + 7px);margin:0;padding:7px 10px;border:1px solid var(--ui-line,#dce6dd);border-radius:9px;background:var(--ui-surface,#fff);color:var(--ui-muted,#65766b);font-size:11px;line-height:1.6;pointer-events:none}.teacher-room-tools:has(.teacher-room-ink-options:not([hidden])) .teacher-room-tools-status{bottom:calc(100% + 96px)}.teacher-room-tools-status:empty{display:none}
.teacher-room-tools.opens-down .teacher-room-ink-options,.teacher-room-tools.opens-down .teacher-room-tools-status{bottom:auto;top:calc(100% + 7px)}.teacher-room-tools.opens-down:has(.teacher-room-ink-options:not([hidden])) .teacher-room-tools-status{bottom:auto;top:calc(100% + 96px)}
.teacher-room-ink-layer{position:fixed;z-index:1101;pointer-events:none;touch-action:none}.teacher-room-ink-layer.is-drawing{pointer-events:auto;cursor:crosshair}
#teacher-room-tools-layer [hidden]{display:none!important}
html[data-teacher-room-fullscreen=true] #teach-workspace{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;z-index:1000;background:var(--ui-bg,#f4f6f1)}
@media(max-width:650px){.teacher-room-tools{gap:3px;padding:4px}.teacher-room-tools button{width:32px;min-width:32px;height:34px;min-height:34px;padding:6px;font-size:11px}.teacher-room-tools-center{gap:3px}.teacher-room-tools [data-room-page]{width:65px;height:34px;font-size:11px}.teacher-room-tools .teacher-room-tools-drag{display:none}.teacher-room-ink-options{gap:5px}}