.icon-settings-entry{width:100%;display:flex;align-items:center;gap:15px;padding:17px 22px;margin:0 0 24px;background:#fff;border:1px solid var(--line);border-radius:20px;text-align:left;transition:border-color .2s,box-shadow .2s}
.icon-settings-entry:hover{border-color:#b8cfca;box-shadow:0 6px 22px #365f4f06}
.icon-settings-entry img{border-radius:13px;flex:none}
.icon-settings-entry span{display:grid;gap:5px;flex:1}
.icon-settings-entry strong{font-size:14px;font-weight:600}
.icon-settings-entry small{font-size:12px;color:var(--muted)}
.icon-settings-entry>.icon{color:#6c9694;width:18px}
.icon-settings-back{margin:0 0 25px;font-size:12px;gap:9px}
.icon-settings-back .icon{width:16px}
.icon-web-badge{font-size:11px;color:#64847b;background:#eaf1ed;border:1px solid #dde8e1;border-radius:99px;padding:7px 12px;white-space:nowrap}
.icon-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:stretch}
.icon-choice-panel{background:#fff;border:1px solid var(--line);border-radius:26px;padding:32px 28px 24px;min-width:0}
.icon-choice-heading .eyebrow{font-size:9px;letter-spacing:1.6px}
.icon-choice-heading h2{font-size:25px;font-weight:550;letter-spacing:-.7px;margin:12px 0 9px}
.icon-choice-heading>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.app-icon-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0;margin:30px 0 32px;border:0;min-width:0}
.app-icon-option{position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;min-width:0;text-align:center;cursor:pointer}
.app-icon-option input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;z-index:1}
.app-icon-art{position:relative;display:block;width:100%;max-width:114px;padding:7px;border:2px solid transparent;border-radius:29px;transition:border-color .2s,background .2s,transform .2s}
.app-icon-art>img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:21px;box-shadow:0 7px 14px #29473d12}
.app-icon-option:hover .app-icon-art{background:#f6f9f8;transform:translateY(-2px)}
.app-icon-option.is-selected .app-icon-art{border-color:#6c9d93;background:#f0f6f3}
.app-icon-option:has(input:focus-visible) .app-icon-art{outline:3px solid #8ac0cd;outline-offset:3px}
.app-icon-option>strong{font-size:12px;font-weight:600;line-height:1.45}
.app-icon-option>small{font-size:10px;line-height:1.5;color:var(--muted);max-width:105px}
.app-icon-check{position:absolute;display:none;right:1px;bottom:1px;align-items:center;justify-content:center;width:22px;height:22px;border:3px solid #fff;border-radius:50%;background:#568b7e;color:white;box-shadow:0 2px 5px #29473d14}
.app-icon-option.is-selected .app-icon-check{display:flex}
.app-icon-check .icon{width:12px;height:12px;stroke-width:2.7}
.icon-apply-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #edf1ef;padding-top:22px}
.icon-apply-row>div{display:grid;gap:6px}
.icon-current-label{font-size:10px;color:var(--muted)}
.icon-apply-row>div>strong{font-size:13px;font-weight:600}
.icon-apply-row .primary{font-size:12px;min-height:45px;padding:12px 20px;background:#487c70;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px}
.icon-apply-row .primary:disabled{background:#edf2ef;color:#81958c;opacity:1}
.icon-apply-row .primary .icon{width:16px;height:16px}
.icon-choice-status{font-size:12px;line-height:1.6;color:#3f7862;margin:14px 0 0;min-height:20px}
.icon-choice-status.is-warning{color:#8a6b42}
.icon-browser-note{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding-top:15px;border-top:1px solid #edf1ef;color:var(--muted)}
.icon-browser-note .icon{width:15px;height:15px;margin-top:2px}
.icon-browser-note p{font-size:11px;line-height:1.6;margin:0}
.icon-preview-panel{overflow:hidden;display:flex;flex-direction:column;border:1px solid #dfe9e5;border-radius:26px;background:#eaf1ed;min-width:0}
.icon-preview-title{display:flex;justify-content:space-between;align-items:center;padding:26px 24px 0;font-size:8px;letter-spacing:1.4px;font-weight:650;color:#7c968a}
.icon-preview-dot{width:6px;height:6px;border-radius:50%;background:#83a18d}
.icon-preview-stage{position:relative;display:grid;place-items:center;min-height:250px;flex:1;background:radial-gradient(ellipse at 50% 35%,#ffffffa8,transparent 67%);isolation:isolate}
.icon-preview-orbit{position:absolute;width:205px;height:205px;max-width:90%;aspect-ratio:1;border:1px solid #ffffff91;border-radius:50%;z-index:-1}
.icon-preview-orbit:after{content:"";position:absolute;inset:20px;border:1px solid #ffffff50;border-radius:50%}
.icon-preview-app{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0}
.icon-preview-app>img{width:108px;height:108px;border-radius:25px;box-shadow:0 19px 25px -10px #29473d29,0 2px 2px #ffffff66;transition:transform .2s}
.icon-preview-app>span{font-size:12px;font-weight:500;color:#426453;text-shadow:0 1px 0 #ffffff80}
.icon-preview-caption{border-top:1px solid #dce7df;padding:22px 24px 25px;text-align:center}
.icon-preview-caption strong{font-size:17px;font-weight:550;color:#45685b}
.icon-preview-caption p{font-size:11px;line-height:1.5;margin:7px 0 15px;color:#6f8b7e}
.icon-preview-caption small{font-size:9px;color:#7f968d}
.icon-install-note{margin-top:20px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:0 22px}
.icon-install-note summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 0;font-size:12px;color:#647e78;cursor:pointer}
.icon-install-note summary::-webkit-details-marker{display:none}
.icon-install-note summary:focus-visible{outline:3px solid #8ac0cd;outline-offset:3px}
.icon-install-note summary>.icon{width:15px;height:15px;transition:transform .2s}
.icon-install-note[open] summary>.icon{transform:rotate(45deg)}
.icon-install-note>div{max-width:830px;padding-bottom:17px}
.icon-install-note p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 9px}
@media(max-width:950px){.icon-settings-layout{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.icon-choice-panel{padding:26px 20px 20px}.app-icon-options{gap:6px}.app-icon-art{padding:5px;border-radius:22px}.app-icon-art>img{border-radius:15px}.app-icon-option>small{font-size:9px}.icon-preview-title{padding:24px 18px 0;font-size:7px}.icon-preview-app>img{width:96px;height:96px;border-radius:23px}}
@media(max-width:700px){.icon-settings-layout{grid-template-columns:1fr}.icon-settings-page .page-heading{align-items:flex-start}.icon-settings-page .page-heading h1{font-size:28px;max-width:220px;letter-spacing:-.8px}.icon-web-badge{font-size:9px;padding:6px 9px;margin-top:4px}.icon-settings-back{margin-bottom:22px}.icon-choice-panel{padding:25px 18px 20px;border-radius:22px}.icon-choice-heading h2{font-size:23px}.icon-choice-heading>p{font-size:12px}.app-icon-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;margin:24px 0}.app-icon-art{max-width:108px;border-radius:27px;padding:7px}.app-icon-art>img{border-radius:20px}.app-icon-option>small{font-size:10px}.app-icon-check{right:0;bottom:0}.icon-preview-panel{display:grid;grid-template-columns:140px 1fr;border-radius:22px}.icon-preview-title{grid-column:1/-1;padding:18px 20px 0;font-size:8px}.icon-preview-stage{min-height:154px}.icon-preview-orbit{width:128px;height:128px}.icon-preview-app{gap:9px;padding:19px 0}.icon-preview-app>img{width:76px;height:76px;border-radius:18px}.icon-preview-app>span{font-size:10px}.icon-preview-caption{align-self:center;border:0;text-align:left;padding:18px 18px 20px 10px}.icon-preview-caption p{margin:7px 0 12px}.icon-preview-caption small{line-height:1.6;display:block}.icon-apply-row{gap:12px}.icon-apply-row .primary{padding:12px 15px;font-size:11px}.icon-settings-entry{padding:15px 17px;gap:12px}.icon-settings-entry strong{font-size:13px}.icon-settings-entry small{font-size:11px}.icon-install-note{padding:0 18px}.icon-install-note summary{font-size:11px;line-height:1.6}.icon-install-note p{font-size:11px}}
.icon-settings-entry small,.icon-settings-page .page-heading p,.icon-web-badge,.icon-choice-heading>p,.app-icon-option>small,.icon-current-label,.icon-browser-note,.icon-preview-title,.icon-preview-caption p,.icon-preview-caption small,.icon-install-note p{color:#526f67}
@media(prefers-reduced-motion:reduce){.icon-settings-entry,.app-icon-art,.icon-preview-app>img,.icon-install-note summary>.icon{transition:none}}