.detail-color-panel{margin:18px;padding:15px;border:2px solid #d4e4f5;border-radius:16px;background:#f6fbff}.detail-color-panel h2{margin:0 0 5px;color:#17356f;font-size:17px}.detail-color-panel>p{margin:0 0 12px;color:#526581;font-size:11px;line-height:1.5}.detail-color-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-color-options label{display:grid;gap:6px;color:#17356f;font-size:11px;font-weight:850}.detail-color-options input[type=color]{box-sizing:border-box;width:100%;height:42px;padding:4px;border:1px solid #a9c8ef;border-radius:10px;background:#fff;cursor:pointer}.color-preview-status{margin:10px 0 0!important;color:#526581!important;font-size:10px!important}.detail-image-stage .custom-color-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.detail-image-stage .custom-color-canvas[hidden]{display:none!important}.detail-image-stage img.is-color-preview-hidden{visibility:hidden}
@media(max-width:520px){.detail-color-panel{margin:12px;padding:12px}.detail-color-options{grid-template-columns:1fr 1fr}}