.button-studio-hero-module__UZGi3W__hero{gap:var(--spacing-4);border:1px solid var(--line);border-radius:var(--r-xl);background:radial-gradient(120% 170% at 8% 0%, var(--accent-soft) 0%, transparent 52%), var(--bg-1);isolation:isolate;flex-direction:column;align-items:flex-start;padding:28px 28px 24px;display:flex;position:relative;overflow:hidden}.button-studio-hero-module__UZGi3W__beam{background:radial-gradient(circle, color-mix(in oklab, var(--accent) 22%, transparent) 0%, transparent 68%);pointer-events:none;z-index:-1;border-radius:50%;width:340px;height:340px;position:absolute;inset:auto -80px -120px auto}.button-studio-hero-module__UZGi3W__ctaRow{gap:var(--spacing-3);flex-wrap:wrap;align-items:center;display:flex}.button-studio-hero-module__UZGi3W__metaRow{gap:var(--spacing-4);flex-wrap:wrap;align-items:center;width:100%;display:flex}.button-studio-hero-module__UZGi3W__hint{letter-spacing:.01em;color:var(--fg-dim);align-items:center;gap:8px;font-size:11.5px;display:inline-flex}
.button-studio-theme-module__Fn1PBG__demoDensity{--demo-h:30px}.button-studio-theme-module__Fn1PBG__demoDensity[data-density=compact]{--demo-h:26px}.button-studio-theme-module__Fn1PBG__demoDensity[data-density=comfortable]{--demo-h:36px}.button-studio-theme-module__Fn1PBG__demoDensity [class~=btn]{height:var(--demo-h)}
.callout{--tn:var(--accent);--tn-h:var(--accent);--tn-a:var(--accent);--tn-s:var(--accent-soft);--tn-m:var(--accent-soft);--tn-e:var(--color-accent-text,var(--accent));--tn-b:var(--accent);--tn-on:var(--on-accent);--tn-g:transparent;border-radius:var(--r-lg);background:var(--tn-s);box-shadow:none;border:none;align-items:flex-start;gap:10px;min-width:0;padding:11px 13px;font-size:12.5px;line-height:1.55;display:flex}.callout-i{border-radius:var(--r-md);background:color-mix(in oklab, var(--tn) 16%, transparent);width:22px;height:22px;color:var(--tn-e);flex:none;place-items:center;margin-top:1px;display:grid}.callout-b{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.callout-b>b{font-family:var(--ui);color:var(--fg);letter-spacing:-.008em;font-size:12.5px;font-weight:600;line-height:1.35}.callout-b>p{color:var(--fg-2);text-wrap:pretty;margin:0;font-size:12.5px;line-height:1.55}.callout-a{flex-wrap:wrap;gap:6px;margin-top:3px;display:flex}.callout-x{border-radius:var(--r-sm);width:24px;min-width:24px;height:24px;min-height:24px;color:var(--fg-dim);opacity:.72;cursor:pointer;transition:opacity var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;flex:none;place-items:center;margin:-2px -4px 0 0;display:grid}.callout-x:hover{background:color-mix(in oklab, var(--tn) 14%, transparent);color:var(--fg);opacity:1}.callout-x:focus-visible{opacity:1;box-shadow:0 0 0 2px var(--bg-1), 0 0 0 4px var(--accent-soft,var(--accent));outline:none}