.design-transfer-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border:1px solid #91c8bd;border-radius:14px;padding:12px 16px;background:#f0faf7;color:#1c6159;font:inherit;font-weight:700;cursor:pointer;margin:0 0 16px}.design-transfer-button span{font-size:22px}.design-transfer-button:disabled{cursor:wait;opacity:.8}.design-transfer-button:focus-visible{outline:3px solid #66b7a8;outline-offset:3px}.transfer-picker-note{padding:12px 0;color:#416f65;line-height:1.5}.transfer-protected-note{font-size:12px;color:#477d71;margin:8px 0}.transfer-cancel{min-height:44px;margin:12px 0}

.dt-products{padding:16px;border:1px solid #b8dcd6;border-radius:18px;background:linear-gradient(130deg,#f0faf7,#fff);margin:16px 0;min-width:0}.dt-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dt-heading strong{display:block;font-size:17px;color:#214d48}.dt-heading small{display:block;font-size:12px;color:#6b7d79;margin-top:4px}.dt-heading>span{font-size:28px;color:#24766e}.dt-quick,.dt-more{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dt-product{font:inherit;min-width:0;padding:7px 4px;border:1px solid #dce8e4;border-radius:12px;background:#fff;color:#24433e;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:border-color .15s,transform .15s}.dt-product:hover:not(:disabled){border-color:#258980;transform:translateY(-2px)}.dt-product:focus-visible,.dt-all:focus-visible{outline:3px solid #26867c;outline-offset:2px}.dt-product img{width:100%;height:64px;object-fit:contain;max-width:96px}.dt-product>span{font-size:11px;font-weight:650;text-align:center;line-height:1.3;overflow-wrap:anywhere}.dt-product small{font-size:10px;color:#6b7875}.dt-product.is-muted img{filter:grayscale(1);opacity:.65}.dt-product:disabled{opacity:1;cursor:default;background:#f5f6f5;color:#657671}.dt-icon{height:64px;display:grid;place-items:center;font-size:32px}.dt-all{font:inherit;width:100%;background:transparent;color:#21665f;border:0;min-height:40px;font-size:13px;font-weight:650;cursor:pointer}.dt-more{border-top:1px solid #dce8e4;padding-top:12px;max-height:420px;overflow-y:auto;overscroll-behavior:contain}.dt-more[hidden]{display:none}.dt-error{font-size:13px;color:#aa3434;margin:8px 0 0}.dt-loading{grid-column:1/-1;font-size:13px;color:#526d67;padding:24px 0;text-align:center}.transfer-loading{max-width:480px}.transfer-preparing{padding:24px;text-align:center}.transfer-orbit{width:56px;height:56px;margin:0 auto 20px;border:3px solid #d7e9e5;border-top-color:#25867c;border-right-color:#c6a571;border-radius:50%;animation:dt-spin 1.1s linear infinite}.transfer-preparing strong{display:block;font-size:19px;margin-bottom:12px}.transfer-preparing p{font-size:14px;line-height:1.5;color:#536e67}.transfer-elapsed{font-variant-numeric:tabular-nums;color:#21665f;font-size:24px}.transfer-preparing button{margin-top:12px;width:100%}@keyframes dt-spin{to{transform:rotate(360deg)}}@media(max-width:400px){.dt-products{padding:12px}.dt-quick,.dt-more{gap:5px}.dt-product img{height:52px}.dt-heading strong{font-size:15px}.dt-product>span{font-size:10px}}@media(prefers-reduced-motion:reduce){.transfer-orbit{animation-duration:3s}.dt-product{transition:none}}
