.image-framing{border-top:1px solid #e4d9ee;padding-top:14px;margin:12px 0 20px}.image-framing>label:first-child{display:block;font-weight:600;margin-bottom:8px}.image-framing select{width:100%;min-height:48px;padding:10px 12px;border:1px solid #cdb9e2;border-radius:10px;background:#fff;color:#392448;font:inherit}.image-framing .hint{margin:8px 0}.image-framing .check-row{font-size:15px;line-height:1.45}.framing-result{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}.framing-result p{font-size:14px;line-height:1.5;color:#756485;margin:0;flex:1}.framing-result button{min-height:44px;font-size:14px;flex:0 0 30%;line-height:1.4}.photo-detail-note{font-size:13px;line-height:1.6;color:#8a789b;margin-bottom:15px}.crop-content canvas{background-color:#fff;background-image:linear-gradient(45deg,#e8e3ef 25%,transparent 25%),linear-gradient(-45deg,#e8e3ef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8e3ef 75%),linear-gradient(-45deg,transparent 75%,#e8e3ef 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.processing-overlay{position:fixed;inset:0;z-index:100;background:#fcfaffeb;backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px}.processing-overlay[hidden]{display:none}.processing-card{text-align:center;max-width:380px;color:#392448}.processing-card h2{font-size:26px;margin:22px 0 12px}.processing-card p{font-size:18px;line-height:1.6;margin-bottom:18px}.processing-card small{font-size:14px;color:#756485}.processing-spinner{display:inline-block;width:52px;height:52px;border:4px solid #e2d4f4;border-top-color:#7441bc;border-radius:50%;animation:pattern-spin .8s linear infinite}@keyframes pattern-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.processing-spinner{animation:none;border-top-color:#7441bc;border-right-color:#7441bc}}
@media(max-width:900px){
 .mobile-only.mobile-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 8px;padding:18px 16px;min-height:210px;align-items:center}.mobile-only.mobile-intro>div{display:contents}.mobile-only.mobile-intro p{grid-column:1/-1;margin:0}.mobile-only.mobile-intro h1{grid-column:1/-1;margin:8px 0 10px;font-size:29px;line-height:1.2}.mobile-only.mobile-intro span{grid-column:1;grid-row:3;font-size:14px;line-height:1.65}.mobile-only.mobile-intro img{grid-column:2;grid-row:3;width:calc(100% + 23px);height:auto;max-width:none;margin:0 -16px 0 0;transform:scale(1.12);transform-origin:center}.image-framing{padding-top:14px}.image-framing select{font-size:16px}.image-framing .check-row{font-size:15px}.framing-result p{font-size:13px}.framing-result button{font-size:14px}.canvas-stage{padding:10px}.board-stage-label{margin-bottom:10px}.photo-detail-note{font-size:13px}.processing-card h2{font-size:25px}
}
@media(max-width:370px){.mobile-only.mobile-intro{padding:16px 14px;min-height:200px}.mobile-only.mobile-intro h1{font-size:25px}.mobile-only.mobile-intro span{font-size:13px}.mobile-only.mobile-intro img{width:calc(100% + 20px)}}
@media print{.processing-overlay{display:none!important}}