.smc{--smc-ink:#f7f1df;--smc-bg:#152925;--smc-accent:#edc76d;box-sizing:border-box;max-width:1200px;margin:28px auto;color:var(--smc-ink);background:var(--smc-bg);border:1px solid #ffffff26;border-radius:16px;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,sans-serif;text-align:left;isolation:isolate}
.smc *{box-sizing:border-box}.smc[hidden],.smc [hidden]{display:none!important}
.smc[data-theme=paper]{--smc-bg:#f0e8d5;--smc-ink:#172b29;--smc-accent:#85500f}
.smc[data-theme=night]{--smc-bg:#142235;--smc-accent:#9dcad3}
.smc[data-theme=wine]{--smc-bg:#392834;--smc-accent:#efb882}
.smc[data-theme=blue]{--smc-bg:#203c50;--smc-accent:#f3cf75}
.smc__body{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:24px;padding:28px 36px;min-height:290px;align-items:center}
.smc__eyebrow{font-size:11px!important;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--smc-accent);margin:0 0 9px!important;line-height:1.5!important}
.smc .smc__title{font-family:Georgia,serif!important;font-weight:500!important;letter-spacing:-.025em!important;color:inherit!important;font-size:clamp(25px,3.2vw,40px)!important;line-height:1.12!important;margin:0 0 12px!important;text-transform:none!important}
.smc .smc__copy{color:inherit!important;opacity:.93;font-size:15px!important;line-height:1.5!important;margin:0 0 16px!important;max-width:640px}
.smc .smc__cta{display:inline-block!important;padding:11px 18px!important;border-radius:5px!important;background:var(--smc-accent)!important;color:var(--smc-bg)!important;font-size:14px!important;font-weight:750!important;text-decoration:none!important;border:2px solid transparent;line-height:1.35!important}
.smc .smc__note{font-size:11px!important;line-height:1.5!important;margin:13px 0 0!important;color:inherit!important;opacity:.85}
.smc__image{display:block;width:100%;height:214px;object-fit:contain;filter:drop-shadow(0 8px 8px #0004);border-radius:4px}
.smc__controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid #ffffff30;padding:8px 20px;min-height:48px}
.smc .smc__controls button{appearance:none;border:1px solid currentColor;background:transparent;color:inherit;border-radius:4px;min-height:32px;min-width:44px;padding:4px 9px;font-size:12px;font-family:inherit;cursor:pointer}
.smc__status{margin-left:auto;font-size:11px}.smc a:focus-visible,.smc button:focus-visible{outline:3px solid var(--smc-accent);outline-offset:3px}
@media(max-width:600px){.smc{margin:20px 12px}.smc__body{grid-template-columns:minmax(0,1fr) 82px;gap:12px;padding:22px 18px;min-height:390px;align-items:start}.smc .smc__title{font-size:27px!important}.smc .smc__copy{font-size:14px!important}.smc__image{height:135px;margin-top:27px}.smc__controls{padding:8px 12px}.smc__status{width:100%;margin:0}}
@media(max-width:380px){.smc__body{min-height:470px;grid-template-columns:minmax(0,1fr) 64px}.smc .smc__title{font-size:24px!important}}
/* Export formats use the same live HTML, with fixed canvases for external tests. */
.smc--export{margin:0;border-radius:0;border:0;max-width:none;height:100%;width:100%}.smc--export .smc__body{height:100%;min-height:0}.smc--square .smc__body{padding:38px;grid-template-columns:1fr 145px;align-items:center;align-content:center}.smc--square .smc__image{height:240px}.smc--square .smc__title{font-size:42px!important}.smc--square .smc__copy{font-size:18px!important}
@media(prefers-reduced-motion:reduce){.smc *{animation:none!important;transition:none!important}}