.sm-exposure{--sme-text:#f3f3f5;--sme-muted:#c9c9d0;--sme-line:#666670;--sme-accent:#e52620;color:var(--sme-text);background:transparent!important;font-family:inherit;font-size:16px;line-height:1.65;margin:28px 0;padding:clamp(16px,3vw,28px);border:1px solid var(--sme-line);border-top:4px solid var(--sme-accent);border-radius:12px;max-width:100%;box-sizing:border-box;isolation:isolate}
.sm-exposure[data-theme="light"]{--sme-text:#222228;--sme-muted:#4b4b55;--sme-line:#777780}
.sm-exposure *{box-sizing:border-box}
.sm-exposure .sme-eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;margin:0 0 12px;color:var(--sme-muted)}
.sm-exposure .sme-heading{font-size:clamp(23px,4vw,32px);line-height:1.2;color:var(--sme-text)!important;margin:0 0 16px;padding:0}
.sm-exposure p{color:var(--sme-text);margin:0 0 16px;line-height:1.65}
.sm-exposure .sme-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:22px 0}
.sm-exposure label{color:var(--sme-text);display:flex;align-items:center;gap:10px;font-size:15px;cursor:pointer;flex-wrap:wrap}
.sm-exposure .sme-select{font:inherit;color:var(--sme-text);background:transparent;border:1px solid var(--sme-line);border-radius:6px;padding:10px;min-height:44px;width:auto;max-width:100%;appearance:auto}
.sm-exposure .sme-select option{background:#fff;color:#222}
.sm-exposure input[type="checkbox"]{appearance:auto;width:19px;height:19px;margin:0;accent-color:var(--sme-accent)}
.sm-exposure button{font:inherit;font-size:15px;line-height:1.3;color:var(--sme-text)!important;background:transparent!important;background-image:none!important;border:1px solid var(--sme-line);border-radius:6px;min-height:44px;padding:10px 13px;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal;margin:0;transition:border-color .15s}
.sm-exposure button::before,.sm-exposure button::after{content:none!important}
.sm-exposure button:hover:not(:disabled){border-color:var(--sme-accent);text-decoration:underline}
.sm-exposure :is(button,select,input,summary):focus-visible{outline:3px solid var(--sme-text);outline-offset:3px}
.sm-exposure button.sme-selected{border:2px solid var(--sme-accent);box-shadow:inset 0 -3px 0 var(--sme-accent);font-weight:800}
.sm-exposure button.sme-proposed{outline:2px dashed var(--sme-text);outline-offset:2px}
.sm-exposure button:disabled{cursor:not-allowed;opacity:.55}
.sm-exposure button.sme-selected:disabled{opacity:1}
.sm-exposure .sme-current{border-left:4px solid var(--sme-accent);padding:12px 16px;font-weight:700}
.sm-exposure .sme-field{border:0;border-top:1px solid var(--sme-line);margin:22px 0 0;padding:14px 0 0;min-width:0}
.sm-exposure .sme-legend{font-size:18px;font-weight:700;color:var(--sme-text);padding:0 12px 0 0;width:auto;float:none;margin:0}
.sm-exposure .sme-values{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.sm-exposure .sme-hint{font-size:13px;color:var(--sme-muted);margin:0}
.sm-exposure .sme-message{border-left:4px solid var(--sme-accent);padding:12px 16px;margin:24px 0 16px}
.sm-exposure .sme-reveal{border:2px solid var(--sme-accent);font-weight:700;margin-bottom:20px}
.sm-exposure [hidden]{display:none!important}
.sm-exposure .sme-effects{font-size:14px;color:var(--sme-muted)}
.sm-exposure .sme-notes{border-top:1px solid var(--sme-line);padding-top:16px;margin-top:20px;background:transparent}
.sm-exposure summary{cursor:pointer;font-weight:700;color:var(--sme-text)}
.sm-exposure .sme-notes p{font-size:14px;margin:14px 0 0;color:var(--sme-muted)}
@media(prefers-reduced-motion:reduce){.sm-exposure button{transition:none}}