.hami-product-photo-editor{grid-column:1/-1;border:1px solid #dfd2bc;border-radius:12px;padding:16px;background:#fffdf9;min-width:0}
.hami-product-photo-editor h3{margin:0 0 8px;font-size:17px}.hami-product-photo-editor>p{font-size:13px;line-height:1.9;color:#705e4a}.hami-product-photo-editor>small{display:block;color:#80715f;line-height:1.8}
.hami-photo-file-label{display:grid;gap:10px;padding:12px;border:1px dashed #b99a64;border-radius:10px;background:#faf3e6;color:#61461f;font-weight:600}
.hami-photo-file-label input[type=file]{display:block!important;position:static!important;opacity:1!important;pointer-events:auto!important;width:100%;max-width:100%;padding:8px;background:white;color:#453020;font:inherit;font-size:13px;box-sizing:border-box}
.hami-photo-upload-status{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9}.hami-photo-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hami-photo-edit-grid article{display:grid;gap:9px;padding:10px;min-width:0;border:1px solid #e3d7c5;border-radius:10px;background:#fff}
.hami-photo-edit-grid img{width:100%;height:130px;object-fit:contain;background:#f4efe7;border-radius:8px}.hami-photo-edit-grid b{font-size:13px}.hami-photo-edit-grid label{display:grid;gap:5px;font-size:12px}.hami-photo-edit-grid select{min-height:40px;width:100%;font:inherit;border:1px solid #d5c6b1;background:#fff;border-radius:6px}
.hami-photo-edit-actions{display:flex;gap:4px;flex-wrap:wrap}.hami-photo-edit-actions button{flex:1;min-height:36px;padding:5px;font:inherit;font-size:12px;border:1px solid #dacdb9;border-radius:6px;background:#faf7f1;color:#4d3723}.hami-photo-edit-actions button:last-child{color:#a44236}.hami-photo-edit-actions button:disabled{opacity:.4;cursor:default}
.product-detail>.hami-product-gallery{min-width:0;align-self:start}.hami-gallery-main{display:block;width:100%;padding:0;border:1px solid #e0d3bf;border-radius:18px;overflow:hidden;background:#f7f2e9;cursor:zoom-in}.hami-gallery-main img{display:block;width:100%;height:auto;max-height:650px;aspect-ratio:1;object-fit:contain}
.hami-gallery-hint{display:block;text-align:center;margin:10px 0;color:#8c7350;font-size:12px}.hami-gallery-thumbnails{display:flex;gap:9px;overflow-x:auto;padding:8px 2px}.hami-gallery-thumbnails button{padding:3px;flex:0 0 72px;height:72px;border:1px solid #ded3c1;border-radius:9px;background:#fff}.hami-gallery-thumbnails button[aria-pressed=true]{border:2px solid #9c7432}.hami-gallery-thumbnails img{width:100%;height:100%;object-fit:contain;border-radius:5px}
.hami-gallery-navigation{display:flex;align-items:center;justify-content:center;gap:16px;font-size:13px}.hami-gallery-navigation button{min-height:40px;padding:6px 14px;border:1px solid #d4c3a9;border-radius:8px;background:#fffaf2;color:#5c4325;font:inherit}.hami-gallery-navigation span{white-space:nowrap}
.hami-photo-zoom{position:fixed;inset:0;margin:0;padding:0;border:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;background:#fffaf3;color:#35291f;overflow:hidden;font:inherit;box-sizing:border-box}
.hami-photo-zoom[open]{display:flex;flex-direction:column}.hami-photo-zoom::backdrop{background:#241b18b3}.hami-photo-zoom>header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;border-bottom:1px solid #dfd3c1}.hami-photo-zoom>header strong{font-size:16px;overflow-wrap:anywhere}.hami-photo-zoom>header button{width:44px;height:44px;border:1px solid #d8c7a9;background:#fff;border-radius:50%;font-size:30px;color:inherit;flex-shrink:0}
.hami-photo-zoom-stage{flex:1;min-height:0;min-width:0;overflow:auto;position:relative;touch-action:none;overscroll-behavior:contain;direction:ltr;background:#f2ede5;cursor:grab}.hami-photo-zoom-stage img{display:block;margin:auto;max-width:none;max-height:none;user-select:none;-webkit-user-drag:none}.hami-photo-zoom>footer{flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 24px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:#fffaf3;border-top:1px solid #ded0ba}.hami-photo-zoom>footer>small{flex:0 0 100%;text-align:center;font-size:12px;color:#7c684b;line-height:1.7}.hami-zoom-controls{display:flex;gap:8px;align-items:center}.hami-zoom-controls button{min-width:44px;min-height:44px;border:1px solid #cfba94;border-radius:8px;background:white;color:#543d1f;font:inherit;font-size:19px}.hami-zoom-controls button:disabled{opacity:.4}
@media(max-width:700px){.hami-photo-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hami-product-photo-editor{padding:12px}.hami-photo-edit-grid img{height:115px}.hami-gallery-main img{max-height:none}.hami-gallery-thumbnails button{flex-basis:62px;height:62px}.hami-photo-zoom>footer{gap:8px 18px;padding-top:8px}.hami-photo-zoom>footer>small{font-size:11px}}