.sk-appearance{color:var(--ink);line-height:1.5;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:clamp(18px,3vw,30px)}
.sk-appearance-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}.sk-appearance-heading h2{margin:0 0 5px;font-size:25px;padding:0}.sk-appearance-heading p{margin:0;color:var(--secondary);font-size:13px}
.sk-appearance-symbol{width:46px;height:46px;display:grid;place-items:center;flex:none;background:var(--lavender);border:1px solid var(--border);border-radius:16px;font-size:26px}
.sk-appearance fieldset{border:0;padding:0;margin:0 0 26px;min-width:0}.sk-appearance legend{font-size:14px;font-weight:700;padding:0;margin-bottom:12px}.sk-appearance fieldset:disabled{opacity:.6}
.sk-theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sk-theme-option{position:relative;border:2px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:5px;padding:10px;cursor:pointer;min-width:0;background:var(--surface)}
.sk-theme-option strong{font-size:14px}.sk-theme-option small{font-size:11px;color:var(--secondary)}.sk-theme-preview{height:66px;border-radius:9px;background:var(--sample-bg);padding:12px;display:grid;grid-template-columns:1.3fr 1fr;gap:6px}.sk-theme-preview i{display:block;border-radius:5px;background:var(--sample-card);border:1px solid var(--sample-line)}.sk-theme-preview i:first-child{grid-column:1/-1;height:12px;background:var(--sample-ink)}
.sk-theme-light{--sample-bg:#f3eadd;--sample-card:#fffdf9;--sample-line:#e3cfbd;--sample-ink:#b99d87}.sk-theme-dark{--sample-bg:#171b24;--sample-card:#343b4e;--sample-line:#4b5369;--sample-ink:#c9b7f1}.sk-theme-rose{--sample-bg:#fce9f0;--sample-card:#fff6fa;--sample-line:#eac4d5;--sample-ink:#c87696}.sk-theme-mint{--sample-bg:#e4f1e9;--sample-card:#f7fff9;--sample-line:#b4d7c3;--sample-ink:#5b9f7c}
.sk-theme-check{position:absolute;right:15px;top:15px;display:none;background:var(--accent);color:white;border:2px solid var(--surface);border-radius:50%;width:22px;height:22px;text-align:center;font-size:12px;line-height:18px}.sk-theme-option:has(input:checked){border-color:var(--accent)}.sk-theme-option:has(input:checked) .sk-theme-check{display:block}
.sk-appearance :is(.sk-theme-option,.sk-accent-option,.sk-font-option)>input{position:absolute;opacity:0;width:1px;height:1px}.sk-appearance label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
.sk-accent-options,.sk-font-options{display:flex;flex-wrap:wrap;gap:10px}.sk-accent-option{position:relative;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--border);border-radius:14px;cursor:pointer;font-size:12px}.sk-accent-option>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--swatch);color:transparent}.sk-accent-option:has(input:checked){border-color:var(--swatch);box-shadow:inset 0 0 0 1px var(--swatch)}.sk-accent-option:has(input:checked)>span{color:white}.sk-accent-berry{--swatch:#a51d3b}.sk-accent-violet{--swatch:#6941ad}.sk-accent-blue{--swatch:#205fae}.sk-accent-forest{--swatch:#236d51}
.sk-font-option{position:relative;flex:1 1 125px;border:1px solid var(--border);border-radius:14px;padding:12px;display:flex;align-items:center;gap:12px;cursor:pointer}.sk-font-option>span{font-size:25px;line-height:1.4}.sk-font-option strong{font-size:12px;font-weight:500}.sk-font-option:has(input:checked){border-color:var(--accent);background:var(--lavender)}
.sk-appearance-example{background:var(--cream-tone);border:1px solid var(--border);border-radius:18px;padding:20px}.sk-appearance-example>span:first-child{font-size:11px;color:var(--secondary)}.sk-appearance-example h3{font-family:var(--sk-heading-font,Manrope,Arial,sans-serif);font-size:22px;margin:10px 0!important;line-height:1.3}.sk-appearance-example p{font-size:13px;color:var(--secondary)}.sk-example-button{display:inline-flex;border-radius:10px;padding:8px 13px;background:var(--accent);color:white;font-size:12px;font-weight:600}
.sk-appearance .sk-appearance-status{margin:18px 0;font-size:13px;min-height:20px;overflow-wrap:anywhere}.sk-appearance-actions{display:flex;flex-wrap:wrap;gap:10px}.sk-appearance-actions button{font-size:13px}.sk-appearance .sk-appearance-note{font-size:12px;color:var(--secondary);margin:16px 0 0}
.sk-appearance-dialog{width:min(800px,calc(100% - 24px));padding:20px!important}.sk-appearance-dialog>.ska-close{position:sticky;z-index:2}.sk-appearance-dialog .sk-appearance{border:0;padding:12px;clear:both}
.sk-home-address{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;background:var(--mint)!important}.sk-home-address p{overflow-wrap:anywhere}.sk-home-address .ska-secondary{white-space:nowrap}.sk-address-label{font-size:12px;color:var(--secondary);display:block;margin-bottom:8px}
@media(max-width:600px){.sk-theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.sk-appearance-heading{gap:10px}.sk-appearance-heading h2{font-size:22px}.sk-appearance-symbol{width:38px;height:38px;font-size:22px}.sk-appearance-actions{flex-direction:column}.sk-appearance-dialog{padding:14px!important}.sk-appearance-dialog .sk-appearance{padding:4px}.sk-home-address{align-items:flex-start;flex-direction:column}.sk-font-option{flex-basis:calc(50% - 10px)}.sk-appearance-example h3{font-size:20px}}