/* Продолжение урока в существующей мастерской. */
.drawing-online-actions { margin-top:24px; padding-top:20px; border-top:1px dashed #d2c8b2; }
.drawing-online-actions h4 { margin:0 0 10px; font-size:20px; }
.drawing-online-actions>p { font-size:16px; }
/* Мастерская занимает всё окно по прямому запросу пользователя. */
.is-lesson-studio { width:100%; margin:0; }
.is-lesson-studio .coloring-editor { grid-template-columns:240px minmax(0,1fr) 240px; }
.is-lesson-studio .editor-palette { grid-template-columns:repeat(4,44px); }
.is-lesson-studio .editor-palette>button,.is-lesson-studio .editor-custom-color { width:44px; height:44px; }
.is-lesson-studio .coloring-editor__ideas { display:block; }
.is-lesson-studio .editor-idea-panel,.is-lesson-studio .editor-quick-tip { display:none; }
.lesson-reference { margin:0 0 14px; padding:12px; border:2px solid #ded1b4; border-radius:18px; background:#fffdf7; color:#31584c; }
.lesson-reference summary { min-height:44px; align-content:center; cursor:pointer; font-weight:bold; }
.lesson-reference figure { margin:8px 0; text-align:center; }
.lesson-reference img { display:block; width:100%; max-height:230px; object-fit:contain; border-radius:10px; }
.lesson-reference figcaption { margin-top:8px; font-size:12px; }
.lesson-reference h2 { margin:12px 0 6px; font-size:17px; }
.lesson-reference p { font-size:13px; line-height:1.5; }
.lesson-reference nav { display:flex; gap:8px; }
.lesson-reference button { flex:1; min-height:44px; border:1px solid #d2c8b2; border-radius:12px; background:#f0f4e9; color:#31584c; font:inherit; font-weight:bold; cursor:pointer; }
.lesson-reference button:disabled { opacity:.4; cursor:default; }
.lesson-reference button:focus-visible,.lesson-reference summary:focus-visible { outline:3px solid #ef7967; outline-offset:3px; }
@media(max-width:860px) {
 .is-lesson-studio .coloring-editor { grid-template-columns:1fr; }
 .is-lesson-studio .coloring-editor__tools { display:block; }
 .is-lesson-studio .coloring-editor__stage { height:auto; min-height:0; }
 .is-lesson-studio .coloring-editor__viewport { flex:none; height:66dvh; min-height:420px; }
 .is-lesson-studio .editor-zoom-controls { top:auto; bottom:52px; }
 .is-lesson-studio .lesson-reference { margin:12px 12px 0; }
 .is-lesson-studio .lesson-reference__content { display:grid; grid-template-columns:110px minmax(0,1fr); gap:8px 12px; max-height:300px; overflow:auto; }
 .is-lesson-studio .lesson-reference figure { grid-row:1/4; }
 .is-lesson-studio .lesson-reference img { max-height:145px; }
 .is-lesson-studio .lesson-reference h2,.is-lesson-studio .lesson-reference p { margin:0; }
 .is-lesson-studio .lesson-reference nav { grid-column:1/-1; }
 .is-lesson-studio .coloring-studio__header-actions button:first-child { display:block; min-width:44px; padding:8px; font-size:11px; }
 .is-lesson-studio .editor-palette { grid-template-columns:repeat(7,40px); }
 .is-lesson-studio .editor-palette>button,.is-lesson-studio .editor-custom-color { width:40px; height:40px; }
}
@media(max-width:620px) { .is-lesson-studio .editor-palette { grid-template-columns:repeat(7,40px); } }