body{background:#f7f7f2}.choose-page main{max-width:1300px;padding:45px 32px 160px}.choose-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.choose-heading p{font-size:13px;color:#7c8778;line-height:1.8}.choose-search{display:grid;gap:8px;font-size:11px;color:#7c8778;min-width:230px}.choose-search input{padding:13px 15px;border:1px solid #dbe1d5;border-radius:10px;background:white;font:inherit;font-size:13px}.bag-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.bag-option{border:1px solid #dfe4d8;border-radius:16px;background:#fffefa;overflow:hidden;min-width:0;position:relative;cursor:pointer}.bag-option[aria-checked=true]{border-color:#59764e;box-shadow:0 0 0 2px #59764e}.bag-option[aria-checked=true]:after{content:'✓';position:absolute;top:12px;right:12px;width:23px;height:23px;background:#4d6945;color:white;border-radius:50%;text-align:center;line-height:23px;pointer-events:none}.card-preview{height:210px;position:relative;background:radial-gradient(ellipse at center,#f4f4e9,#f8f8f2);display:grid;place-items:center}.card-preview img{width:100%;height:100%;object-fit:contain}.card-preview canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}.card-preview canvas:active{cursor:grabbing}.preview-placeholder{font:14px Georgia;color:#9aa58e}.bag-option-info{padding:15px 16px 16px;display:grid;gap:6px}.bag-option-info strong{font:19px Georgia;letter-spacing:1px}.bag-option-info span{font-size:12px;color:#5f7059}.bag-option-info small{font-size:10px;color:#8b9582;line-height:1.5}.preview-hint{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:9px;color:#6f7f63;pointer-events:none;background:#fffefa99;padding:4px}.choose-footer{position:fixed;bottom:0;left:0;right:0;z-index:90;display:flex;justify-content:space-between;align-items:center;padding:18px max(32px,calc((100vw - 1236px)/2));background:#fffefaf5;backdrop-filter:blur(14px);border-top:1px solid #dce2d5;gap:20px}.choose-footer>div{display:grid;gap:5px}.choose-footer small{font-size:10px;color:#8b9582}.choose-footer strong{font-size:15px}.choose-footer span{font-size:10px;color:#7b8972}.choose-footer button{background:#344d3a;color:white;border-radius:9px;padding:16px 30px;font-size:13px;white-space:nowrap}#choose-status{font-size:11px;color:#87927d;min-height:16px}.back-home{font-size:12px;color:#74816d}.bag-option:focus-visible{outline:3px solid #b8aa7c;outline-offset:4px}@media(max-width:900px){.bag-options{grid-template-columns:repeat(3,minmax(0,1fr))}.card-preview{height:190px}}@media(max-width:600px){.choose-page main{padding:25px 15px 155px}.choose-heading{display:block}.choose-heading h1{font-size:25px}.choose-search{margin-top:22px}.bag-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-preview{height:165px}.bag-option-info{padding:12px}.bag-option-info span{font-size:11px}.bag-option-info small{font-size:9px}.choose-footer{padding:14px 16px;gap:8px}.choose-footer button{font-size:11px;padding:14px 15px}.choose-footer strong{font-size:12px}.choose-footer span{max-width:170px;line-height:1.6}.brand{font-size:22px}}
.preview-style-name{color:#53704b!important;font-size:10px!important;margin-top:4px}

.choose-guide{margin-top:40px;padding:28px;border:1px solid #dfe4d8;border-radius:16px;background:#fffefa;max-width:920px}.choose-guide h2{font:400 clamp(22px,3vw,30px)/1.25 Georgia,serif;margin:0 0 14px}.choose-guide p{font-size:14px;line-height:1.85;color:#5f7059}.choose-guide a{color:#1d5142;text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.choose-guide{padding:20px}.choose-guide p{font-size:13px}}