.hti-tool[data-v-3a93d6e6]{display:flex;flex-direction:column}.grid[data-v-3a93d6e6],.hti-tool[data-v-3a93d6e6]{gap:var(--space-4)}.grid[data-v-3a93d6e6]{display:grid;grid-template-columns:1fr 1fr}.pane[data-v-3a93d6e6]{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.lbl[data-v-3a93d6e6]{color:var(--text-2);font-size:var(--text-sm);font-weight:500}.area[data-v-3a93d6e6]{min-height:320px;resize:vertical}.area[data-v-3a93d6e6]:focus{border-color:var(--brand);outline:2px solid var(--brand);outline-offset:1px}.preview-box[data-v-3a93d6e6]{align-items:flex-start;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;justify-content:center;max-height:480px;min-height:320px;overflow:auto;padding:var(--space-4)}.preview-box.checker[data-v-3a93d6e6]{background-color:var(--bg-surface);background-image:linear-gradient(45deg,var(--bg-subtle) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-subtle) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-subtle) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-subtle) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.stage[data-v-3a93d6e6]{max-width:100%}.controls[data-v-3a93d6e6]{align-items:end;display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.field[data-v-3a93d6e6]{display:flex;flex-direction:column;gap:var(--space-2)}.color input[type=color][data-v-3a93d6e6]{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;height:40px;padding:2px;width:100%}.btns[data-v-3a93d6e6]{flex-direction:row;flex-wrap:wrap;gap:var(--space-2);grid-column:1/-1}.chk-line[data-v-3a93d6e6]{align-items:center;color:var(--text-1);display:inline-flex;font-size:var(--text-sm);gap:var(--space-1);height:40px}@media(max-width:768px){.grid[data-v-3a93d6e6]{grid-template-columns:1fr}.controls[data-v-3a93d6e6]{grid-template-columns:1fr 1fr}}