@charset "UTF-8";
.iv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; }
.iv-form .row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.iv-form .tool-field { margin-bottom: 10px; }
.iv-section-title { font-weight: 700; font-size: 1rem; margin: 16px 0 8px; }
.iv-items { width: 100%; border-collapse: collapse; margin-bottom: 8px; }
.iv-items th { text-align: left; font-size: 0.78rem; opacity: 0.7; padding: 4px; }
.iv-items td { padding: 2px; }
.iv-items input { width: 100%; box-sizing: border-box; }
.iv-items .amt { font-family: 'Courier New', monospace; font-size: 0.85rem; white-space: nowrap; padding: 6px 4px; }
.iv-del { background: none; border: none; color: var(--tool-danger); cursor: pointer; font-size: 1rem; }
.iv-templates { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.iv-tpl { border: 2px solid var(--border-color); border-radius: var(--tool-radius-sm); padding: 6px 12px; cursor: pointer; font-size: 0.85rem; background: var(--alt-content-bg-color); color: var(--font-color); }
.iv-tpl.active { border-color: var(--tool-accent); }
.iv-logo-row { display: flex; align-items: center; gap: 10px; }
#ivLogoPrev { max-height: 44px; max-width: 120px; border: 1px solid var(--border-color); border-radius: 3px; display: none; }
.iv-preview-wrap { position: sticky; top: 50px; }
.iv-preview { background: #fff; color: #222; border: 1px solid var(--border-color); border-radius: var(--tool-radius-sm); padding: 26px; font-size: 12px; box-shadow: var(--tool-shadow); aspect-ratio: 8.5 / 11; overflow: auto; box-sizing: border-box; }
.iv-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.iv-about p { margin: 0 0 12px; }
@media (max-width: 900px) { .iv-grid { grid-template-columns: 1fr; } .iv-preview-wrap { position: static; } }