.lock-ai{--lock-ai-red: #d71935;--lock-ai-text: #242527;--lock-ai-muted: #707174;--lock-ai-surface: #f5f6f8;display:block;background:#fff;color:var(--lock-ai-text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic,Meiryo,sans-serif;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:0;text-align:left;-webkit-text-size-adjust:100%}.lock-ai *,.lock-ai *:before,.lock-ai *:after{box-sizing:border-box}.lock-ai [hidden]{display:none!important}.lock-ai p,.lock-ai figure,.lock-ai h1,.lock-ai h2{margin:0}.lock-ai img{display:block;max-width:100%;height:auto}.lock-ai button,.lock-ai input,.lock-ai a{font:inherit;letter-spacing:inherit}.lock-ai button,.lock-ai a{-webkit-tap-highlight-color:transparent}.lock-ai button{cursor:pointer}.lock-ai a{color:inherit}.lock-ai button:disabled{cursor:wait;opacity:.55}.lock-ai :focus-visible{outline:2px solid var(--lock-ai-red);outline-offset:4px}.lock-ai .lock-ai__title:focus{outline:none}.lock-ai__desktop-only{display:none}.lock-ai__upload-panel,.lock-ai__panel,.lock-ai__manual-layout,.lock-ai__manual-guide{display:contents}.lock-ai__shell{position:relative;width:100%;max-width:390px;min-height:844px;margin:0 auto;padding:24px}.lock-ai .lock-ai__title{color:var(--lock-ai-text);font-family:inherit;font-size:24px;line-height:1.4;font-weight:700;letter-spacing:0;margin-bottom:24px}.lock-ai__intro{line-height:1.6}.lock-ai .lock-ai__photo-tip{margin-top:20px;color:var(--lock-ai-muted);line-height:1.5}.lock-ai .lock-ai__photo-tip h2{color:inherit;font:inherit}.lock-ai__photo-tip ul{padding:0;margin:0;list-style:none}.lock-ai__photo-tip li{padding-left:1em;text-indent:-1em}.lock-ai__photo-tip li:before{content:"\30fb"}.lock-ai__actions{display:grid;gap:16px;margin-top:20px}.lock-ai__button{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:48px;padding:12px 16px;border:1px solid transparent;border-radius:8px;background:var(--lock-ai-surface);color:var(--lock-ai-text);text-decoration:none;text-align:center;line-height:1.5;font-weight:400;transition:background-color .15s ease;-webkit-appearance:none;appearance:none}.lock-ai .lock-ai__button--primary{background:var(--lock-ai-red);color:#fff}.lock-ai__text-button{display:block;width:100%;min-height:44px;padding:10px 0;border:0;background:transparent;color:var(--lock-ai-text);text-align:center;text-decoration:underline;text-underline-offset:4px}.lock-ai__screen--upload .lock-ai__actions{margin-top:20px;gap:20px}.lock-ai__screen--result .lock-ai__title{margin-bottom:16px;white-space:pre-line}.lock-ai .lock-ai__eyebrow{color:var(--lock-ai-text);font:inherit}.lock-ai__accessories{margin:16px 0;color:var(--lock-ai-muted)}.lock-ai__accessories ul{padding:0;margin:16px 0 0;list-style:none}.lock-ai__accessories li+li{margin-top:12px}.lock-ai__self-check{margin:16px 0;color:var(--lock-ai-muted)}.lock-ai__self-check>p{margin-top:16px}.lock-ai__checks{display:grid;gap:16px}.lock-ai__check{padding:12px 16px;border-radius:12px;background:var(--lock-ai-surface)}.lock-ai .lock-ai__check h2{font-family:inherit;font-size:14px;line-height:1.5;font-weight:700;color:var(--lock-ai-text);letter-spacing:0}.lock-ai .lock-ai__diagram{display:block;width:100%;height:auto;max-width:320px;margin:8px auto 0;object-fit:contain}.lock-ai__check p{margin-top:8px;font-size:12px;line-height:1.6}.lock-ai__check-placeholder{display:flex;align-items:center;justify-content:center;min-height:110px;margin:12px 0;border:1px dashed #ccd2dc;border-radius:8px;color:var(--lock-ai-muted);font-size:12px}.lock-ai__error,.lock-ai__candidate-name,.lock-ai__accessories{overflow-wrap:anywhere}.lock-ai__screen--result .lock-ai__actions{margin-top:16px}.lock-ai__candidates{display:grid;gap:20px;margin:20px 0}.lock-ai__candidate{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:12px;align-items:end;width:100%;min-height:104px;padding:12px;background:var(--lock-ai-surface);border:1px solid transparent;border-radius:8px;text-align:left;color:var(--lock-ai-text)}.lock-ai__candidate:disabled{cursor:default}.lock-ai__candidate-media{grid-row:1 / 3;display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:80px;overflow:hidden;border-radius:8px;background:var(--lock-ai-surface)}.lock-ai__candidate-media img{width:100%;height:80px;object-fit:contain}.lock-ai__candidate-placeholder{padding:8px;color:var(--lock-ai-muted);font-size:12px}.lock-ai__candidate-name{font-weight:600}.lock-ai__candidate-detail{align-self:start;padding-top:4px;color:var(--lock-ai-muted);font-size:12px}.lock-ai .lock-ai__notice{padding:12px 14px;margin-bottom:20px;background:var(--lock-ai-surface);border-radius:8px;color:var(--lock-ai-muted);font-size:13px}.lock-ai .lock-ai__attached-note{margin-top:6px}.lock-ai__measure-button{margin:28px 0 24px}.lock-ai__measurement-steps{display:grid;gap:20px;margin:20px 0}.lock-ai .lock-ai__measurement-step h2{margin-bottom:16px;padding:12px 16px;border-radius:8px;background:var(--lock-ai-surface);color:var(--lock-ai-text);font:inherit;line-height:1.6;text-align:center}.lock-ai .lock-ai__measurement-step p{margin-top:12px;color:var(--lock-ai-muted);font-size:13px}.lock-ai__installation-directions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.lock-ai__measurement-step .lock-ai__measurement-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;padding:32px 20px;border:1px dashed #ccd2dc;background:#fff}.lock-ai__field{min-width:0;padding:0;border:0;margin:0 0 22px}.lock-ai__field>label,.lock-ai__field legend{display:block;padding:0;margin:0 0 7px;font-size:14px;line-height:1.6}.lock-ai__field input:not([type=radio]){display:block;width:100%;min-height:42px;padding:9px 15px;border:1px solid #d9dade;border-radius:8px;box-shadow:0 1px 2px #00000004 inset;background:#fff;color:var(--lock-ai-text);font-size:16px;line-height:22px;-webkit-appearance:none;appearance:none}.lock-ai__field input::placeholder{color:#77797d;opacity:1;font-size:14px}.lock-ai__field input[aria-invalid=true]{border-color:var(--lock-ai-red)}.lock-ai .lock-ai__field-error{margin-top:7px;color:var(--lock-ai-red);font-size:14px;line-height:1.6}.lock-ai__options{display:grid;gap:16px;margin-top:10px}.lock-ai__options--inline{grid-template-columns:1fr 1fr;gap:12px}.lock-ai__option{position:relative;display:flex;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:12px;border:1px solid transparent;border-radius:8px;background:var(--lock-ai-surface);cursor:pointer}.lock-ai__option input{-webkit-appearance:none;appearance:none;flex:0 0 14px;width:14px;height:14px;padding:0;margin:0;border:1px solid #8a8b8d;border-radius:50%;background:transparent;cursor:pointer}.lock-ai__option input:checked{border:4px solid var(--lock-ai-text);background:var(--lock-ai-text)}.lock-ai__option:has(input:checked){border-color:#d6d7da}.lock-ai__option:has(input[aria-invalid=true]){border-color:var(--lock-ai-red)}.lock-ai .lock-ai__mn-note{margin:-2px 0 20px;color:var(--lock-ai-muted);font-size:12px}.lock-ai .lock-ai__form-note{margin-top:20px;color:var(--lock-ai-muted);font-size:12px;line-height:1.6}.lock-ai__form .lock-ai__actions{margin-top:20px}.lock-ai .lock-ai__status,.lock-ai .lock-ai__error{margin-top:16px}.lock-ai__error{color:var(--lock-ai-red)}.lock-ai__dialog{width:calc(100% - 32px);max-width:680px;max-height:85dvh;padding:24px;border:0;border-radius:16px;background:#fff;color:var(--lock-ai-text);font:inherit;overscroll-behavior:contain}.lock-ai__dialog::backdrop{background:#17191e80}.lock-ai__dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.lock-ai .lock-ai__dialog h2{font-family:inherit;font-size:20px;font-weight:700;line-height:1.4}.lock-ai__close{width:44px;height:44px;padding:0;flex-shrink:0;border:0;border-radius:50%;background:var(--lock-ai-surface);color:var(--lock-ai-text);font-size:26px!important}.lock-ai__measurement-image{width:100%;object-fit:contain}.lock-ai__measurement-placeholder{padding:48px 20px;border-radius:12px;background:var(--lock-ai-surface);text-align:center;color:var(--lock-ai-muted)}.lock-ai__measurement-placeholder span{font-size:13px}.lock-ai__dialog>p{margin:20px 0}.lock-ai__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;background:#ffffffe0;color:var(--lock-ai-muted);text-align:center}.lock-ai__spinner{width:28px;height:28px;border:3px solid #f0d5da;border-top-color:var(--lock-ai-red);border-right-color:var(--lock-ai-red);border-radius:50%;animation:lock-ai-spin .8s linear infinite}@keyframes lock-ai-spin{to{transform:rotate(360deg)}}.lock-ai__sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(hover:hover){.lock-ai__button:hover{background:#eaecef}.lock-ai .lock-ai__button--primary:hover{background:#bf0c2c}.lock-ai__candidate:not(:disabled):hover{border-color:var(--lock-ai-red)}.lock-ai__text-button:hover{color:var(--lock-ai-red)}}@media screen and (min-width:990px){.lock-ai{position:relative;background:#f7f9fa;text-align:center}.lock-ai__shell{position:static;max-width:1184px;min-height:900px;padding:64px 32px}.lock-ai .lock-ai__title{font-size:32px;line-height:48px;margin-bottom:24px}.lock-ai .lock-ai__title br{display:none}.lock-ai__screen--result .lock-ai__title{white-space:normal}.lock-ai__desktop-only{display:block}.lock-ai__screen>.lock-ai__intro{margin:0 auto 24px}.lock-ai__screen--upload>.lock-ai__intro{max-width:592px;margin-bottom:24px}.lock-ai .lock-ai__photo-tip{max-width:592px;margin:0 auto 32px}.lock-ai__upload-panel{display:block;max-width:592px;margin:0 auto;padding:56px 48px;border:1px solid #d9dbe0;border-radius:16px;background:#fff}.lock-ai .lock-ai__upload-heading h2{color:var(--lock-ai-muted);font-family:inherit;font-size:22px;line-height:32px;font-weight:700}.lock-ai__upload-heading p{margin-top:16px;color:var(--lock-ai-muted)}.lock-ai__screen--upload .lock-ai__actions{margin-top:24px;gap:24px}.lock-ai__upload-panel [data-action=album]{order:-1}.lock-ai__upload-panel [data-action=retry-recognition]{margin-top:16px}.lock-ai__candidates{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:24px;margin:24px 0}.lock-ai__candidate{display:flex;flex:0 1 calc((100% - 48px) / 3);flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:104px;padding:24px;text-align:center}.lock-ai__candidate-media{min-height:0}.lock-ai__candidate-media img{width:100%;height:200px}.lock-ai__candidate-placeholder{padding:0}.lock-ai__candidate-detail{align-self:auto;padding-top:0}.lock-ai [data-screen=candidates]>.lock-ai__actions{width:400px;max-width:100%;margin:24px auto 0}.lock-ai__accessories{margin:0 0 24px;padding:24px;background:#fff;border-radius:12px}.lock-ai__self-check{margin:0 0 24px}.lock-ai__self-check>p{margin-top:24px}.lock-ai__checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.lock-ai__check{padding:16px 24px}.lock-ai .lock-ai__diagram{max-width:310px}.lock-ai__screen--result>.lock-ai__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px}.lock-ai__screen--result>.lock-ai__actions>.lock-ai__button{flex:1 1 280px;max-width:360px}.lock-ai__panel{display:block;padding:40px;border-radius:12px;background:#fff}.lock-ai__panel>.lock-ai__actions{max-width:480px;margin:24px auto 0;gap:24px}.lock-ai__panel>.lock-ai__actions:first-child{margin-top:0}.lock-ai__panel>.lock-ai__intro{max-width:960px;margin:0 auto}.lock-ai__manual-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:start;margin-top:24px}.lock-ai__manual-guide{display:block;min-width:0}.lock-ai__measurement-steps{gap:24px;margin:0}.lock-ai__measurement-step>.lock-ai__measurement-image,.lock-ai__installation-directions{max-width:342px;margin-right:auto;margin-left:auto}.lock-ai .lock-ai__measurement-step h2{margin-bottom:20px}.lock-ai__form{min-width:0;padding:24px;border-radius:12px;background:#fff}.lock-ai__field legend{width:100%}.lock-ai__field input:not([type=radio]){text-align:left}.lock-ai__form .lock-ai__actions{gap:16px}.lock-ai__form-note,.lock-ai__mn-note,.lock-ai__field-error,.lock-ai__error{text-align:left}.lock-ai__loading{top:0;right:0;bottom:0;left:0}}@media(prefers-reduced-motion:reduce){.lock-ai__spinner{animation:none}.lock-ai *,.lock-ai *:before,.lock-ai *:after{transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/my-custom-lockultra-ai-page.css.map */