/* Real Studio screenshots with an optional gilded transition. */
.hero-theme-head{gap:12px;padding:10px 12px 10px 17px;min-height:66px;flex-wrap:wrap}
.hero-theme-heading{flex:1;min-width:130px;line-height:1.35;letter-spacing:0}
.hero-theme-heading small{display:block;font-size:7px;font-weight:500;letter-spacing:.12em;color:#63716f;margin-bottom:4px}
.hero-theme-heading strong{display:block;font:15px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.02em;color:#253943}
.hero-theme-controls{display:none;align-items:center;gap:0;flex-shrink:0}
.hero-theme-ready .hero-theme-controls{display:flex;border:1px solid #b6965c40;border-radius:30px;background:#fbf9f2;padding:1px 3px}
.hero-theme-choice,.hero-theme-pause{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border:0;border-radius:50%;padding:0;background:transparent;color:#4c5652;transition:background .2s}
.hero-theme-choice:hover,.hero-theme-pause:hover{background:#e8e7dd}
.hero-theme-choice span{display:block;width:22px;height:22px;border:1px solid #7a6d5650;border-radius:50%;background:linear-gradient(130deg,var(--theme-color) 0 66%,var(--theme-accent) 67%);box-shadow:0 0 0 3px #f9f8f3}
.hero-theme-choice[aria-pressed="true"] span{outline:1px solid #a17a45;outline-offset:4px}
.hero-theme-pause{font-size:14px;letter-spacing:-.16em;margin-left:2px;border:1px solid #b6965c50;color:#8b6b3e;background:#f6f0e4}.hero-theme-pause:hover{background:#eee3ce;border-color:#a17a4580}
.hero-theme-preview{position:relative;display:block;aspect-ratio:1040/900;overflow:hidden;line-height:0;isolation:isolate}
.hero-theme-preview img{width:100%;height:100%;object-fit:cover;object-position:left top}
.hero-theme-preview canvas{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-theme-ready .hero-theme-preview canvas{display:block}
.hero-theme-ready .hero-theme-preview img{visibility:hidden}
@media(max-width:700px){.hero-theme-head{padding:12px;gap:8px;justify-content:center}.hero-theme-heading{min-width:100%;text-align:center}.hero-theme-heading strong{font-size:16px}.hero-theme-controls{justify-content:center;width:auto;max-width:100%;gap:5px}.hero-theme-choice,.hero-theme-pause{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.hero-theme-choice,.hero-theme-pause{transition:none}}