/* Вкладка «Рисунок» для turtle */
#turtle-view{ position:absolute; inset:0; display:flex; flex-direction:column; background:#fff; z-index:2; }
#turtle-view[hidden]{ display:none; }
.tv-bar{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; padding:6px 10px; background:var(--panel); border-bottom:1px solid var(--line); flex:none; }
.tv-bar button{ background:var(--panel2); border:1px solid var(--line); color:var(--ink); border-radius:7px; padding:4px 9px; cursor:pointer; font-size:13px; }
.tv-bar button:hover{ border-color:var(--gray); }
.tv-bar button.on{ border-color:var(--gold); color:var(--gold); }
.tv-sep{ width:1px; height:20px; background:var(--line); margin:0 4px; }
.tv-k{ display:flex; align-items:center; gap:5px; color:var(--gray); font-size:13px; }
.tv-k input{ width:64px; background:#0b0f14; border:1px solid var(--line); color:var(--ink); border-radius:6px; padding:3px 6px; font:13px ui-monospace,monospace; }
.tv-coord{ margin-left:auto; color:var(--gray); font:12px ui-monospace,Menlo,monospace; white-space:nowrap; }
.tv-canvas{ position:relative; flex:1; min-height:0; overflow:hidden; }
.tv-canvas canvas{ position:absolute; inset:0; cursor:crosshair; touch-action:none; }
.tv-canvas canvas.grab{ cursor:grabbing; }
.tab.drawing .nm{ color:#a9dc76; }
@media (max-width:760px){ .tv-coord{ width:100%; margin-left:0; } .tv-bar button{ padding:4px 7px; } }