.ytpm-wrap { font-family: Arial, sans-serif; padding:18px; }
.ytpm-grid { display:flex; gap:20px; flex-wrap:wrap; }
.ytpm-left { flex:1 1 340px; min-width:280px; }
.ytpm-right { flex:1 1 640px; min-width:320px; }
.ytpm-canvas-wrap { border:1px solid #ccc; padding:6px; background:#fff; max-width:100%; overflow:auto; }
#ytpm-canvas { width:100%; height:auto; display:block; background:#222; }
#ytpm-result-box img { max-width:100%; height:auto; display:block; margin-top:10px; }
.ytpm-hint { color:#666; font-size:13px; }
.ytpm-error { color:#b00; background:#fee; padding:8px; border:1px solid #fbb; }