.commerce-phone-modal{pointer-events:auto;box-sizing:border-box;color:#252824;background:#fff;border:1px solid #edf0ea;border-radius:22px;width:min(420px,100vw - 24px);max-height:92dvh;margin:auto;padding:24px;font:14px/1.65 PingFang SC,Microsoft YaHei,sans-serif;overflow:auto;box-shadow:0 24px 90px #412d3429}.commerce-phone-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#25282466}.commerce-phone-modal *,.commerce-phone-page *{box-sizing:border-box}.commerce-phone-modal header,.commerce-phone-modal header>div{align-items:center;gap:8px;display:flex}.commerce-phone-modal header{justify-content:space-between}.commerce-phone-modal h2{margin:0;font-size:19px}.commerce-phone-modal header svg{color:#353d36;width:24px;height:24px}.commerce-phone-modal button{cursor:pointer;font:inherit;color:inherit;background:#fff;border:1px solid #edf0ea;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 15px;display:inline-flex}.commerce-phone-modal header button{border:0;padding:5px}.commerce-phone-modal>p{color:#646b64;margin:12px 0 16px}.commerce-phone-qr{background:#fff;border:1px solid #edf0ea;border-radius:16px;place-items:center;width:264px;max-width:100%;height:264px;margin:0 auto;display:grid;overflow:hidden}.commerce-phone-qr img{width:100%;height:auto}.commerce-phone-qr>div{color:#646b64;flex-direction:column;align-items:center;gap:12px;display:flex}.commerce-phone-status{color:#353d36;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin:14px 0 5px;display:flex}.commerce-phone-status svg{color:#4a8b69;width:20px;height:20px}.commerce-phone-status>span{text-align:center;width:100%}.commerce-phone-modal>small{text-align:center;color:#646b64;font-size:12px;display:block}.commerce-phone-modal details{color:#646b64;margin-top:15px;font-size:12px}.commerce-phone-modal summary{cursor:pointer}.commerce-phone-modal details a{color:#353d36;margin:9px 0;text-decoration:underline;display:block}.commerce-phone-modal details input{color:#646b64;border:1px solid #edf0ea;border-radius:7px;width:100%;padding:8px;font-size:11px}.commerce-phone-modal footer{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.commerce-phone-modal .primary{color:#fff;background:#353d36;border-color:#353d36}.commerce-phone-modal button:disabled{opacity:.45;cursor:wait}.commerce-phone-error{background:#fff;border-radius:10px;font-size:13px;line-height:1.7;color:#a33726!important;margin:14px 0!important;padding:10px 13px!important}:is(.commerce-phone-modal button:focus-visible,.commerce-phone-page button:focus-visible){outline-offset:3px;outline:3px solid #969e95}.commerce-phone-page{color:#252824;touch-action:pan-y;background:#f7f7f5;padding:0 18px 40px;font:15px/1.7 PingFang SC,Microsoft YaHei,sans-serif;position:fixed;inset:0;overflow:auto}.commerce-phone-page>header{align-items:center;gap:7px;max-width:480px;margin:auto;padding:22px 2px;font-size:15px;font-weight:600;display:flex}.commerce-phone-page>header svg{color:#353d36;width:23px;height:23px}.commerce-phone-page>header small{color:#646b64;margin-left:auto;font-size:12px;font-weight:400}.commerce-phone-page>section{background:#fff;border:1px solid #edf0ea;border-radius:22px;max-width:480px;margin:auto;padding:25px 20px;box-shadow:0 10px 40px #25282406}.commerce-phone-badge{letter-spacing:1px;color:#353d36;background:#f7f7f5;border-radius:6px;padding:3px 9px;font-size:11px;display:inline-block}.commerce-phone-page h1{letter-spacing:-.6px;margin:15px 0 10px;font-size:24px;font-weight:650;line-height:1.4}.commerce-phone-page p{color:#646b64;margin:0 0 18px;font-size:14px}.commerce-phone-received{color:#608468;align-items:center;gap:5px;padding:11px 0 16px;font-size:13px;display:flex}.commerce-phone-received svg{width:19px;height:19px}.commerce-phone-received span{color:#646b64;margin-left:auto;font-size:11px}.commerce-phone-choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.commerce-phone-choices button{cursor:pointer;color:#353d36;min-height:142px;font:inherit;background:#fff;border:1px solid #e4e6e1;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.commerce-phone-choices button:first-child{color:#fff;background:#353d36;border-color:#353d36}.commerce-phone-choices strong{font-size:15px}.commerce-phone-choices span{opacity:.75;font-size:11px}.commerce-phone-choices button:disabled{opacity:.45;cursor:default}.commerce-phone-tip{color:#646b64;margin-top:24px;font-size:11px;line-height:1.9;display:block}.commerce-phone-page .commerce-phone-progress{color:#353d36;align-items:center;gap:8px;margin-top:18px;font-size:12px;display:flex}.commerce-phone-progress>span{border:2px solid #e4e6e1;border-top-color:#353d36;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite phone-upload-spin;display:block}.commerce-phone-previews{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 15px;display:grid}.commerce-phone-previews figure{min-width:0;margin:0}.commerce-phone-previews img{aspect-ratio:1;object-fit:cover;border:1px solid #edf0ea;border-radius:9px;width:100%}.commerce-phone-previews figcaption{color:#63856a;justify-content:center;align-items:center;gap:3px;font-size:11px;display:flex}.commerce-phone-previews svg{width:13px;height:13px}.commerce-phone-page .commerce-phone-done{color:#63856a;background:#eff6ec;border-radius:10px;margin:18px 0 0;padding:12px;font-size:12px}@keyframes phone-upload-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.commerce-phone-progress>span{animation:none}}.commerce-product-kit .commerce-kit-phone-source{color:#353d36;background:#fff;border:1px solid #edf0ea;border-radius:7px;align-items:center;gap:5px;margin-top:10px;padding:6px 10px;font-size:12px;display:flex}.commerce-kit-phone-source svg{width:15px;height:15px}.canvas-phone-modal{color:#f0edf7;background:#1c202b;border-color:#3c3d50;box-shadow:0 24px 90px #0008}.canvas-phone-modal>p,.canvas-phone-modal>small,.canvas-phone-modal details{color:#aaa6bb}.canvas-phone-modal header svg,.canvas-phone-modal .commerce-phone-status{color:#b7a5ea}.canvas-phone-modal button,.canvas-phone-modal details input{color:#e4deee;background:#272a39;border-color:#454259}.canvas-phone-modal .primary{color:#fff;background:#8d76bd;border-color:#8d76bd}.canvas-phone-modal details a{color:#cdb6ff}.canvas-phone-modal .commerce-phone-qr{color:#514b61;background:#fff;border-color:#eae3f5}.canvas-phone-modal .commerce-phone-qr img{display:block}.commerce-phone-previews video{aspect-ratio:1;object-fit:cover;background:#20232b;border-radius:9px;width:100%}.commerce-phone-page .commerce-phone-limit{color:#353d36;background:#f7f7f5;border-radius:9px;margin:0 0 12px;padding:10px 12px;font-size:13px;font-weight:650}.commerce-phone-warning{box-sizing:border-box;color:#252824;background:#fff;border:1px solid #e4e6e1;border-radius:18px;width:min(390px,100vw - 32px);max-height:85dvh;margin:auto;padding:24px;font:14px/1.7 PingFang SC,Microsoft YaHei,sans-serif;box-shadow:0 20px 80px #252d2740}.commerce-phone-warning::backdrop{background:#252d2788}.commerce-phone-warning h2{color:#a33726;margin:0 0 12px;font-size:20px}.commerce-phone-warning p{color:#252824;overflow-wrap:anywhere;white-space:pre-line;margin:0 0 22px;font-size:14px}.commerce-phone-warning>div{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.commerce-phone-warning button,.commerce-phone-transfer button{font:inherit;color:#646b64;cursor:pointer;background:#fff;border:1px solid #e4e6e1;border-radius:9px;min-height:44px;padding:10px 15px}.commerce-phone-warning .primary{color:#fff;background:#353d36;border-color:#353d36}.commerce-phone-transfer{margin-top:15px}.commerce-phone-transfer .commerce-phone-progress{overflow-wrap:anywhere;align-items:flex-start}.commerce-phone-transfer progress{accent-color:#353d36;width:100%;height:8px;display:block}.commerce-phone-transfer>small{color:#646b64;margin:6px 0 12px;font-size:12px;display:block}.commerce-phone-transfer button{width:100%}.commerce-phone-file-choice{margin-top:12px}.commerce-phone-file-choice button{color:#353d36;width:100%;min-height:46px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e4e6e1;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.commerce-phone-file-choice button:disabled{opacity:.45;cursor:default}.commerce-phone-file-choice small{color:#646b64;margin-top:7px;font-size:11px;line-height:1.6;display:block}.commerce-phone-browser-help{color:#353d36;background:#f7f7f5;border:1px solid #e4e6e1;border-radius:12px;margin:0 0 18px;padding:16px}.commerce-phone-browser-help>strong{font-size:15px}.commerce-phone-browser-help p{color:#646b64;margin:8px 0;font-size:13px;line-height:1.65}.commerce-phone-browser-help ol{margin:10px 0;padding-left:20px;font-size:13px}.commerce-phone-browser-help li+li{margin-top:5px}.commerce-phone-browser-help button{color:#fff;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#353d36;border:0;border-radius:9px}.commerce-phone-browser-help input{color:#646b64;background:#fff;border:1px solid #e4e6e1;border-radius:7px;width:100%;margin:9px 0;padding:10px;font-size:12px;display:block}.commerce-phone-browser-help small{font-size:11px;line-height:1.65;display:block}.commerce-phone-help-link{color:#353d36;font:inherit;cursor:pointer;background:0 0;border:0;margin:12px auto 0;padding:7px;font-size:12px;text-decoration:underline;display:block}.commerce-phone-choices-single{grid-template-columns:1fr}.commerce-phone-choices-single button{gap:12px;min-height:136px}.commerce-phone-page .commerce-phone-summary{color:#646b64;margin:0 0 24px;font-size:13px}.commerce-phone-page .commerce-phone-tip{text-align:center;color:#969e95;margin-top:20px;font-size:10px}