.po-mockup{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:32px;padding:28px;border:1px solid #e2ded8;background:#faf9f6;margin:24px 0 40px;box-sizing:border-box;color:#292824;font-family:Arial,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif}.po-mockup h3{font-size:24px;margin:8px 0 18px}.po-mockup p{font-size:14px;line-height:1.8}.po-mockup label{display:block;margin:16px 0;font-size:14px}.po-mockup select,.po-mockup input[type=file]{display:block;width:100%;margin-top:8px;box-sizing:border-box;font:inherit}.po-mockup select{padding:10px;background:white;border:1px solid #d4d0c9}.po-mockup .po-mockup-guide{display:flex;align-items:center;gap:8px}.po-mockup button{padding:12px 18px;background:#33312c;color:white;border:0;font:inherit;cursor:pointer}.po-mockup button:disabled{opacity:.45;cursor:default}.po-mockup canvas{display:block;width:100%;height:auto}.po-mockup-stage{align-self:start;background:white}.po-mockup-note{color:#68645c}@media(max-width:700px){.po-mockup{grid-template-columns:1fr;padding:18px;gap:20px}.po-mockup-stage{grid-row:2}}

 .po-mockup-resources{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin:0;padding-top:20px;border-top:1px solid #dedbd5}.po-mockup .po-mockup-resources a{color:#b52d05;font:400 14px Arial,"Hiragino Sans",Meiryo,sans-serif;line-height:1.6;text-decoration:underline;text-underline-offset:3px}.po-mockup .po-mockup-resources .po-template-download{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid #ff4613;border-radius:6px;background:#fff;font-weight:600;text-decoration:none}.po-mockup .po-mockup-resources .po-template-download:hover{background:#fff4ef}.po-mockup .po-mockup-resources a:focus-visible{outline:2px solid #ff4613;outline-offset:3px}