RECIPE #01: 恐怖の「角丸白残りと透過切り抜き」の死闘
【問題】従来の書き出しエンジンでは、iPhoneやiPadの角丸部分にダサい白フチ（アンチエイリアスの下地）が漏れてしまっていた。
【解決】CSSの clip-path: inset(0 round 18px) を独自導入。html2canvasのレスポンス段階でピクセルレベルの完全透過カットに成功！
RECIPE #02: デバイスサイズ感と重なり（ベゼル12%の黄金比）
【問題】スマホが巨大に見えたり、PC画面の文字が端末で完全に隠れてしまう問題が発生。
【解決】MacBook Pro 16"（16:10）、iPad Pro 11"（4:3）、iPhone 15 Pro（19.5:9）のリアル縮尺を精密定義。ベゼル枠12%だけを重ねる「真の黄金比」で視認性とまとまりを両立！
RECIPE #03: 「もったいない感」から生まれた上下2段フル活用構図
【問題】1:1（正方形）や4:5（Instagram縦長）カードに配置すると、上下に大きな空きスペースが残ってしまう。
【解決】上段にMacBook、下段にiPadとiPhoneを左右配置する「上下2段立体分割構図」を閃く。余白ゼロの超高密度インスタバナーが誕生！
RECIPE #04: Apple公式キーノート風「横置きiPad」の温存
【発見】16:9（Webプレゼン）の時だけ、iPadを「水平・横置き（Landscape）」にするCSSオーバーライドを実装。
【結果】Apple発表会さながらの横広がりファミリーショットと、SNS縦長投稿用バナーの両方が作れる神仕様へ進化！
