.caf-kh-std{max-width:640px;margin:0 auto;padding:0 16px 40px;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif}.caf-kh-std__head{text-align:center;margin-bottom:20px}.caf-kh-std__head h2{font-size:18px;font-weight:800;margin:0 0 4px;background:linear-gradient(to right,#e98fe0,#a378e8,#6d89ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.caf-kh-std__head p{color:#aaa;font-size:12px;margin:0}.caf-kh-std__alt-link{display:flex;align-items:center;justify-content:space-between;background:#f5f3fc;border:1px solid #e0ddf5;border-radius:12px;padding:12px 16px;margin-bottom:16px;text-decoration:none;color:#7c5fc8;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.caf-kh-std__alt-link:hover{background:#ece8fb;border-color:#c4aef5}.caf-kh-std__alt-link-arrow{font-size:14px;opacity:.7}.is-hidden{display:none!important}.caf-kh-std__editor{border-radius:24px;overflow:hidden;background:#f5f3fc;position:relative;margin:0 auto 14px;max-width:420px;box-shadow:0 2px #a378e80f,0 8px 32px #785ac814,0 1px #e8e4f8 inset}.caf-kh-std__size-badge{position:absolute;top:12px;left:14px;z-index:1;background:#ffffffb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:8px;padding:4px 9px;font-size:11px;font-weight:700;color:#a378e8;letter-spacing:.02em;pointer-events:none}.caf-kh-bg{fill:transparent}.caf-kh-std__svg-wrap{position:relative;touch-action:none;line-height:0;cursor:default;aspect-ratio:3 / 4}.caf-kh-std__svg-wrap.has-image{cursor:grab}.caf-kh-std__svg-wrap.has-image:active{cursor:grabbing}.caf-kh-std__svg-el{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.caf-kh-std__upload-icon svg{width:56px;height:56px;flex-shrink:0}.caf-kh-std__upload-guide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.caf-kh-std__upload-guide-inner{text-align:center;padding:10px 18px;background:#ffffff85;border-radius:14px;transition:background .2s,transform .18s}.caf-kh-std__upload-guide:hover .caf-kh-std__upload-guide-inner,.caf-kh-std__upload-guide.is-dragover .caf-kh-std__upload-guide-inner{background:#ffffffbf;transform:scale(1.03)}.caf-kh-std__upload-icon{margin-bottom:4px;display:flex;justify-content:center;opacity:.65}.caf-kh-std__upload-main{font-size:12px;font-weight:700;color:#8d6fd0;margin:0 0 2px}.caf-kh-std__upload-sub{font-size:10px;color:#c0b4e0;margin:0}.caf-kh-std__controls{display:none;padding:14px 16px 12px;background:#fff;border-radius:16px;border:1.5px solid #e8e2f8;margin-bottom:14px;box-shadow:0 2px 12px #a378e80f;animation:caf-kh-fadein .22s ease}.caf-kh-std__controls.is-visible{display:block}.caf-kh-std__ctrl-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.caf-kh-std__ctrl-label{font-size:11px;font-weight:700;color:#aaa;width:40px;flex-shrink:0}.caf-kh-std__ctrl-row input[type=range]{flex:1;accent-color:#a378e8;height:20px;-webkit-appearance:none;appearance:none;background:transparent}.caf-kh-std__ctrl-row input[type=range]::-webkit-slider-runnable-track{background:#e8e4f8;border-radius:4px;height:4px}.caf-kh-std__ctrl-row input[type=range]::-moz-range-track{background:#e8e4f8;border-radius:4px;height:4px}.caf-kh-std__ctrl-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#a378e8;margin-top:-6px;cursor:pointer}.caf-kh-std__ctrl-val{font-size:11px;font-weight:700;color:#a378e8;width:36px;text-align:right;flex-shrink:0}.caf-kh-std__hint{text-align:center;font-size:10px;color:#c0b8e8;margin:6px 0 0}.caf-kh-std__strip-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:14px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent 0,black 12px,black 100%);mask-image:linear-gradient(to right,transparent 0,black 12px,black 100%)}.caf-kh-std__strip-wrap::-webkit-scrollbar{display:none}.caf-kh-std__strip{display:flex;gap:8px;padding:6px 12px 8px;width:max-content}.caf-kh-std__chip{flex-shrink:0;width:64px;border:2px solid #e8e2f8;border-radius:14px;padding:8px 6px 7px;text-align:center;cursor:pointer;background:#fff;transition:border-color .18s,box-shadow .18s,transform .15s}.caf-kh-std__chip:hover{border-color:#c4aef5;box-shadow:0 4px 14px #a378e821;transform:translateY(-2px)}.caf-kh-std__chip.is-active{border-color:#a378e8;background:linear-gradient(160deg,#f8f4ff,#ede8ff);box-shadow:0 4px 18px #a378e838,0 0 0 1px #a378e826 inset;transform:translateY(-2px)}.caf-kh-std__chip-preview{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.caf-kh-std__chip-preview svg{display:block;width:100%;height:100%}.caf-kh-std__chip-name{font-size:10px;font-weight:700;color:#555;margin:0;white-space:normal;line-height:1.3;min-height:26px;display:flex;align-items:center;justify-content:center}.caf-kh-std__chip.is-active .caf-kh-std__chip-name{color:#7c5fc8}.caf-kh-std__done-attach-section{max-width:420px;margin:18px auto 0}.caf-kh-std__done-attach-title{font-size:11px;font-weight:700;color:#aaa;letter-spacing:.04em;margin:0 2px 10px}.caf-kh-std__done-attach-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.caf-kh-std__attach-circle{width:100%;aspect-ratio:1;height:auto;border-radius:50%;border:2px solid #e8e4f4;background:#fff;padding:0;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .15s,border-width .12s}.caf-kh-std__attach-circle img{display:block;width:86%;height:86%;object-fit:contain}.caf-kh-std__attach-circle:hover{border-color:#b8b0d8}.caf-kh-std__attach-circle.is-active{border:2.5px solid #a378e8;box-shadow:0 0 0 3px #a378e82e}.caf-kh-std__attach-no-img{font-size:14px;color:#ccc}.caf-kh-std__done-attach-selected{margin:12px 2px 0;font-size:13px;font-weight:700;color:#1a1a2e;min-height:20px}.caf-kh-std__done-attach-selected:empty:before{content:"\9078\629e\3057\3066\304f\3060\3055\3044";color:#bbb;font-weight:400}.caf-kh-std__done-delivery{max-width:420px;margin:18px auto 0}.caf-kh-std__delivery-options{display:flex;gap:10px}.caf-kh-std__delivery-label{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:14px;border:1.5px solid #d8d8d8;border-radius:14px;cursor:pointer;background:#fff;transition:border-color .15s,background .15s;gap:6px}.caf-kh-std__delivery-label input[type=radio]{display:none}.caf-kh-std__delivery-name{font-size:13px;font-weight:700;color:#333}.caf-kh-std__delivery-sub{font-size:12px;font-weight:700;color:#7c9adc}.caf-kh-delivery--normal{border-color:#e0d8f8}.caf-kh-delivery--normal.is-active{border-color:#a378e8;background:linear-gradient(160deg,#f8f4ff,#ede8ff);box-shadow:0 0 0 3px #a378e81f}.caf-kh-delivery--normal .caf-kh-std__delivery-sub{color:#52b788}.caf-kh-delivery--express{border-color:#e0d8f8}.caf-kh-delivery--express .caf-kh-std__delivery-sub{color:#ff8c5a}.caf-kh-delivery--express.is-active{border-color:#a378e8;background:linear-gradient(160deg,#f8f4ff,#ede8ff);box-shadow:0 0 0 3px #a378e81f}.caf-kh-std__btn--order{flex:1;background:linear-gradient(to right,#e98fe0,#a378e8,#6d89ea);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:800;padding:15px 16px;cursor:pointer;font-family:inherit;letter-spacing:.03em;transition:opacity .15s,transform .12s;box-shadow:0 4px 18px #a378e847}.caf-kh-std__btn--order:hover{opacity:.9;transform:translateY(-1px)}.caf-kh-std__btn--order:active{opacity:1;transform:translateY(0)}.caf-kh-std__btn--order:disabled{opacity:.6;cursor:not-allowed;transform:none}.caf-kh-std__actions{display:flex;gap:8px}.caf-kh-std__btn--upload{flex:1;background:linear-gradient(to right,#e98fe0,#a378e8,#6d89ea);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:800;padding:15px 16px;cursor:pointer;font-family:inherit;letter-spacing:.03em;transition:opacity .15s,transform .12s;box-shadow:0 4px 18px #a378e847}.caf-kh-std__btn--upload:hover{opacity:.9;transform:translateY(-1px)}.caf-kh-std__btn--upload:active{opacity:1;transform:translateY(0)}.caf-kh-std__btn--upload.is-secondary{background:none;border:1.5px solid #d8d2f0;color:#a378e8;font-size:13px;font-weight:700;box-shadow:none;padding:13px 16px;letter-spacing:0}.caf-kh-std__btn--upload.is-secondary:hover{background:#f4f0ff;border-color:#b8aae8;transform:none;opacity:1}.caf-kh-std__btn--confirm{flex:1;background:linear-gradient(to right,#e98fe0,#a378e8,#6d89ea);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:800;padding:15px 16px;cursor:pointer;font-family:inherit;letter-spacing:.03em;transition:opacity .15s,transform .12s;box-shadow:0 4px 18px #a378e847}.caf-kh-std__btn--confirm:hover{opacity:.9;transform:translateY(-1px)}.caf-kh-std__btn--confirm:active{opacity:1;transform:translateY(0)}.caf-kh-std__btn--reset{width:52px;height:52px;flex-shrink:0;border-radius:14px;background:#f8f6ff;color:#a378e8;font-size:18px;border:1.5px solid #e0daf5;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .12s}.caf-kh-std__btn--reset:hover{background:#ede8fb;transform:rotate(-30deg)}.caf-kh-std__color-note{max-width:420px;margin:14px auto 0;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#f3f0ff;border:1.5px solid #c4b5f4;border-radius:12px}.caf-kh-std__color-note-icon{font-size:18px;flex-shrink:0;line-height:1.5}.caf-kh-std__color-note-title{font-size:12px;font-weight:700;color:#6d4fc8;margin:0 0 3px}.caf-kh-std__color-note-body{font-size:11px;color:#8b72cc;margin:0;line-height:1.65}.caf-kh-std__done{animation:caf-kh-fadein .28s ease}.caf-kh-std__done-canvas-wrap{max-width:420px;margin:0 auto}.caf-kh-std__done-canvas-wrap canvas{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 8px 40px #785ac824}.caf-kh-std__done-btns{display:flex;gap:8px;margin-top:14px}.caf-kh-std__btn--redo{flex:1;padding:15px;border-radius:14px;border:1.5px solid #e0daf5;background:#f8f6ff;color:#a378e8;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s}.caf-kh-std__btn--redo:hover{background:#ede8fb}.caf-kh-std__done-quantity{max-width:420px;margin:18px auto 0}.caf-kh-std__qty-row{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:8px}.caf-kh-std__qty-btn{width:38px;height:38px;border-radius:50%;border:2px solid #e8e2f8;background:#fff;font-size:20px;line-height:1;cursor:pointer;color:#7c5cbf;font-family:inherit;transition:border-color .15s,background .15s}.caf-kh-std__qty-btn:hover{border-color:#a378e8;background:#f8f4ff}.caf-kh-std__qty-val{font-size:22px;font-weight:800;color:#3d2c6e;min-width:36px;text-align:center}.caf-kh-std__done-total{max-width:420px;margin:14px auto 0;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(160deg,#f8f4ff,#ede8ff);border:2px solid #e0d8f8;border-radius:16px}.caf-kh-std__total-label{font-size:13px;color:#8b6bbf;font-weight:600}.caf-kh-std__total-val{font-size:24px;font-weight:900;color:#4a2d8a;letter-spacing:-.5px}@keyframes caf-kh-fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:400px){.caf-kh-std__chip{width:60px}.caf-kh-std__chip-preview{margin-bottom:4px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/keyholder-standard.css.map */