.assignment-editor{margin:18px 0;padding:18px;border:1px solid #aec5b8;border-radius:14px;background:#f5faf7;color:#173b2a}.assignment-editor h3{margin:0 0 12px}.editor-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0}.editor-tools label{display:flex;align-items:center;gap:8px}.editor-tools input[type=color]{width:44px;height:38px;padding:3px}.assignment-editor canvas{display:block;width:100%;height:auto;aspect-ratio:4/3;border:1px solid #a3b5ab;background:white;border-radius:8px;touch-action:none}.editor-tools button{font-size:14px;min-height:42px}.editor-status{font-size:14px;white-space:pre-wrap}.editor-text-block{margin:12px 0;padding:10px;border:1px solid #c6d6cd;border-radius:8px}.editor-text-block textarea{width:100%;min-height:90px}.editor-text-block p{font-size:14px}.editor-share{overflow-wrap:anywhere;user-select:all}.assignment-editor dialog{max-width:92vw}.editor-readonly{opacity:.75}

.assignment-editor[hidden],.assignment-editor [hidden]{display:none!important}

.editor-tools select{width:auto;min-width:105px;min-height:44px}.editor-tools input[type=range]{width:95px;min-height:30px;padding:0}.editor-tools output{font-size:13px;min-width:2ch}.editor-tools label{font-size:13px}
.assignment-editor.editor-expanded,.assignment-editor:fullscreen{position:fixed;inset:0;z-index:2147483000;box-sizing:border-box;margin:0;border-radius:0;width:100vw;height:100dvh;max-width:none;padding:16px;overflow:auto;display:flex;flex-direction:column;gap:6px;background:#eff5f1}
.assignment-editor.editor-expanded h3{margin:0}.assignment-editor.editor-expanded .editor-tools{margin:4px 0;flex-shrink:0}.assignment-editor.editor-expanded canvas{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 245px);min-height:100px;align-self:center;flex:none;aspect-ratio:4/3}.assignment-editor.editor-expanded .editor-status{margin:3px 0;font-size:12px}.assignment-editor.editor-expanded>p:empty{display:none}.assignment-editor.editor-expanded>p{margin:0;font-size:13px}@media(max-width:600px){.editor-tools{gap:6px}.editor-tools button{padding:7px 10px}.assignment-editor.editor-expanded{padding:10px}.assignment-editor.editor-expanded canvas{max-height:calc(100dvh - 270px)}}