.desktop-colors input[value="#245cff"]+span{--swatch:#245cff}.desktop-colors input[value="#0f9d78"]+span{--swatch:#0f9d78}.desktop-colors input[value="#e56b48"]+span{--swatch:#e56b48}.desktop-colors input[value="#cb5190"]+span{--swatch:#cb5190}.desktop-colors input[value="#6359c8"]+span{--swatch:#6359c8}.desktop-colors input[value="#37445c"]+span{--swatch:#37445c}
:is(.desktop-item-icon,.desktop-icon-preview)[data-color="#245cff"]{background:#245cff}:is(.desktop-item-icon,.desktop-icon-preview)[data-color="#0f9d78"]{background:#0f9d78}:is(.desktop-item-icon,.desktop-icon-preview)[data-color="#e56b48"]{background:#e56b48}:is(.desktop-item-icon,.desktop-icon-preview)[data-color="#cb5190"]{background:#cb5190}:is(.desktop-item-icon,.desktop-icon-preview)[data-color="#6359c8"]{background:#6359c8}:is(.desktop-item-icon,.desktop-icon-preview)[data-color="#37445c"]{background:#37445c}
.desktop-item-icon img,.desktop-icon-preview img{display:block;width:100%;height:100%;object-fit:contain;padding:3px}.desktop-icon-options{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.desktop-icon-upload{display:flex;align-items:center;gap:11px;margin:14px 0}.desktop-icon-preview{display:grid;place-items:center;color:#fff;border-radius:7px;width:42px;height:42px;flex:none;font-size:1rem;font-weight:700}.desktop-icon-upload>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.desktop-icon-upload small{color:var(--muted);font-size:.72rem;width:100%}.desktop-upload-label{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:6px;color:var(--blue);font-size:.79rem;font-weight:600;cursor:pointer;margin:0}.desktop-upload-label:hover{background:#edf2ff}.desktop-upload-label:focus-within{outline:3px solid #a4bdff;outline-offset:2px}.desktop-upload-label input{position:absolute;opacity:0;width:1px;height:1px}.desktop-icon-upload .text-button{font-size:.78rem}
.desktop-default-tag{display:inline-block;margin-left:8px;padding:2px 6px;border-radius:4px;background:#e6f5ee;color:#18704f;font-size:.66rem;font-weight:650;vertical-align:middle}.desktop-row-actions .desktop-icon-button:disabled{opacity:1;color:#0f9d78;cursor:default}
.desktop-download-links{display:flex;align-items:center;gap:13px;flex-wrap:wrap;justify-content:flex-end;flex:none}.desktop-download-links .text-button{white-space:nowrap;font-size:.81rem}.desktop-download-links .button{white-space:nowrap}.download-guide-link{display:inline-block;margin-top:15px;font-size:.87rem;font-weight:700;color:#117b70}.download-guide-link:hover{text-decoration:underline}@media(max-width:570px){.desktop-download-links{justify-content:flex-start}}
.desktop-download-dialog{border:1px solid #d7e4e8;border-radius:8px;width:min(640px,calc(100vw - 28px));max-height:min(92vh,840px);padding:30px;color:#18303c;box-shadow:0 24px 100px #102f3870;overflow:auto}.desktop-download-dialog::backdrop{background:#10252fc9}.download-head{display:flex;align-items:center;gap:24px}.download-head img{flex:none;width:112px;height:112px;border-radius:20px}.download-head .eyebrow{margin:0 0 7px}.download-head h2{font-size:1.5rem;margin:0 0 7px;line-height:1.35}.download-head p{font-size:.9rem;margin:0;color:#54707c}.desktop-download-dialog #desktopDownloadProgress{display:flex;align-items:center;gap:18px;margin:28px 0 23px}.download-track{height:22px;flex:1;overflow:hidden;background:#e0ebef;border-radius:5px}.download-track span{display:block;height:100%;width:0;background:#0b8b7a;transition:width .2s}.desktop-download-dialog #desktopDownloadPercent{font-size:1.5rem;min-width:4ch;text-align:right;color:#116f66}.download-instructions{border-top:1px solid #dce6ea;padding-top:20px}.download-instructions h3{font-size:.98rem;margin:0 0 12px}.download-instructions ol{margin:0;padding-left:24px;color:#334956;font-size:.9rem;line-height:1.7}.download-instructions li+li{margin-top:10px}.download-instructions p{font-size:.79rem;color:#647684;line-height:1.6;margin:12px 0 0}.download-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.desktop-download-dialog #desktopDownloadError{margin:12px 0 0}@media(max-width:570px){.desktop-download-dialog{padding:22px}.download-head{gap:14px}.download-head img{width:76px;height:76px}.download-head h2{font-size:1.13rem}.download-head p{font-size:.78rem}.desktop-download-dialog #desktopDownloadPercent{font-size:1.2rem}}