:root{--brand:#0f766e;--brand2:#6366f1}
.sg,.ep{display:grid;gap:12px}
.sgbar,.tplsel{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.sgbar label{display:inline-flex;gap:6px;align-items:center}
.chk{display:inline-flex!important;align-items:center;gap:6px}
.pad{position:relative;height:260px;border:2px dashed var(--brand);border-radius:14px;background:#fff;touch-action:none;overflow:hidden}
.pad.lines{background:linear-gradient(transparent calc(75% - 1px),#cbd5e1 calc(75% - 1px),#cbd5e1 75%,transparent 75%),#fff}
.pad canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none}
.guide{position:absolute;left:0;right:0;top:40%;text-align:center;color:#94a3b8;pointer-events:none;font-size:18px}
.epg{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1.2fr);gap:16px;align-items:start}
@media(max-width:860px){.epg{grid-template-columns:1fr}}
.epf{display:grid;gap:8px}.epf label{display:grid;gap:3px;font-size:13px}
.sigbox{background:#fff;color:#111;border-radius:12px;padding:20px;border:1px solid var(--line);overflow:auto;min-height:140px}