.jl-clicker-preview{display:block;width:100%;padding:18px;overflow:hidden;border:1px solid rgba(35,35,35,.14);border-radius:16px;background:#f8fbfb}.jl-clicker-preview__heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.jl-clicker-preview__eyebrow{margin:0 0 2px;color:#ef6a2c;font-size:11px;font-weight:800;letter-spacing:.11em}.jl-clicker-preview__heading{margin:0;font-family:var(--font-heading--family,var(--font-body--family));font-size:clamp(18px,2vw,22px);line-height:1.15}.jl-clicker-preview__live{flex:0 0 auto;padding:4px 9px;border-radius:999px;color:#087f83;background:#d9f6f5;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.jl-clicker-preview__stage{display:grid;place-items:center;width:100%;min-height:190px;padding:22px 10px 19px;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 16% 18%,rgba(31,190,192,.1) 0 3px,transparent 4px),radial-gradient(circle at 84% 78%,rgba(239,106,44,.1) 0 4px,transparent 5px),#fff;box-shadow:inset 0 0 0 1px rgba(20,54,55,.06)}.jl-clicker-preview__clicker{width:100%}.jl-clicker-preview__svg{display:block;width:100%;height:142px;overflow:visible}.jl-clicker-preview__base-shape{filter:drop-shadow(0 .8px 0 var(--jl-base-dark)) drop-shadow(0 4.5px 3.5px rgba(0,0,0,.16))}.jl-clicker-preview__cap{transform-box:fill-box;transform-origin:center;transform:scale(1.1);filter:drop-shadow(0 .8px 0 var(--jl-cap-dark)) drop-shadow(0 1.8px 1px rgba(0,0,0,.15))}.jl-clicker-preview__letter{filter:drop-shadow(0 .4px 0 var(--jl-letter-dark))}.jl-clicker-preview__symbol{filter:drop-shadow(0 .4px 0 #956500)}.jl-clicker-preview__ruler line{stroke:#657276;stroke-width:.55;vector-effect:non-scaling-stroke}.jl-clicker-preview__ruler text{fill:#4e5b5f;font-family:var(--font-body--family);font-size:var(--jl-ruler-font);font-weight:700}.jl-clicker-preview__ruler .jl-clicker-preview__measure{font-size:var(--jl-measure-font);font-weight:800;letter-spacing:.01em}.jl-clicker-preview__callouts line{stroke:#657276;stroke-width:.7;vector-effect:non-scaling-stroke}.jl-clicker-preview__callouts circle{fill:#657276}.jl-clicker-preview__callouts text{fill:#364448;font-family:var(--font-body--family);font-size:var(--jl-callout-font);font-weight:850;letter-spacing:.06em}.jl-clicker-preview__summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:13px}.jl-clicker-preview__dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.4}.jl-clicker-preview__summary [data-preview-symbol-summary]::before{content:"•";margin-right:8px;opacity:.4}.jl-clicker-preview__legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.82);box-shadow:inset 0 0 0 1px rgba(20,54,55,.08);font-size:12px;line-height:1.25}.jl-clicker-preview__legend-item{display:inline-flex;align-items:center;gap:6px}.jl-clicker-preview__swatch{display:inline-block;width:13px;height:13px;flex:0 0 13px;border:2px solid;border-radius:50%}.jl-clicker-preview__contrast{margin-top:8px;padding:7px 9px;border-radius:8px;color:#74520a;background:#fff4d7;font-size:12px;font-weight:700;line-height:1.35}.jl-clicker-preview__help{margin:9px 0 0;color:rgba(35,35,35,.72);font-size:13px;line-height:1.45}@media(max-width:749px){.jl-clicker-preview{padding:14px}.jl-clicker-preview__stage{min-height:162px;padding:20px 8px 14px}.jl-clicker-preview__svg{height:112px}.jl-clicker-preview__legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:12px}.jl-clicker-preview__help{font-size:12px}}