/* Editor: tab 3 cột, lớp phủ kéo thả, panel layout. */
/* ---------- Editor: tab 3 cột, lớp phủ kéo thả, panel layout ---------- */
.tabs.three { grid-template-columns: repeat(3, 1fr); }
.stage canvas#overlay { position: absolute; max-width: none; max-height: none; background: transparent; box-shadow: none; border-radius: 0; touch-action: none; }
.panel hr { border: 0; border-top: 1px solid var(--line); margin: 14px 0; }
.subhead { font-size: 12px; text-transform: uppercase; letter-spacing: .6px; color: var(--muted); margin-bottom: 10px; }
.hint.tight { margin: 0 0 12px; }
.hint.tight b { color: var(--text); }
.btn.block { width: 100%; }
.btnrow { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.btnrow .btn { padding: 5px 9px; font-size: 12.5px; }
.btnrow .btn:disabled { opacity: .4; cursor: default; }
.chips.tiny { gap: 6px; flex-basis: auto; margin: 0; }
.chips.tiny .chip { min-width: 34px; padding: 5px 10px; text-align: center; }
.colors.two { grid-template-columns: repeat(2, 1fr); }