@keyframes _si{to{opacity:1}}

.legacy-content .compare-panel {display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px}@media(max-width:768px){.legacy-content .compare-panel {grid-template-columns:1fr}}.legacy-content .panel-box {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:16px}.legacy-content .panel-box h3 {font-size:18px;font-weight:800;color:var(--text);margin:0;text-align:center}.legacy-content .panel-box.left h3 {color:var(--accent)}.legacy-content .panel-box.right h3 {color:var(--purple)}.legacy-content .panel-box .input-label {font-size:13px;font-weight:700;color:var(--sub);margin-bottom:4px}.legacy-content .panel-box .prompt-text {background:rgba(0,0,0,.03);border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;line-height:1.6;color:var(--text);border:1px dashed var(--border)}.legacy-content .panel-box .result-img {width:100%;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.legacy-content .panel-box .ref-img {max-width:100%;border-radius:10px;border:2px solid rgba(217,119,6,.3);box-shadow:0 2px 8px rgba(0,0,0,.06)}.legacy-content .flow-indicator {text-align:center;font-size:20px;color:var(--sub);padding:4px 0}.legacy-content .decision-table {width:100%;border-collapse:separate;border-spacing:0;margin-top:8px;border-radius:var(--radius);overflow:hidden;border:1.5px solid var(--border);box-shadow:var(--shadow-card)}.legacy-content .decision-table th {background:var(--bg);padding:12px 16px;font-size:13px;font-weight:700;color:var(--text);text-align:left;border-bottom:1.5px solid var(--border)}.legacy-content .decision-table td {padding:12px 16px;font-size:14px;color:var(--text);background:var(--card);border-bottom:1px solid var(--border);line-height:1.5}.legacy-content .decision-table tr:last-child td {border-bottom:none}.legacy-content .decision-table .mode-tag {display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px}.legacy-content .mode-tag.t2i {background:rgba(0,102,255,.1);color:var(--accent)}.legacy-content .mode-tag.i2i {background:rgba(124,58,237,.1);color:var(--purple)}.legacy-content .takeaway {background:rgba(0,102,255,.04);border:1.5px solid rgba(0,102,255,.18);border-radius:var(--radius);padding:16px 20px;font-size:15px;color:var(--text);display:flex;gap:10px;line-height:1.7;margin-top:20px}.legacy-content .takeaway b {color:var(--accent)}
