.motif-preview-module__S8Umxq__root{gap:var(--space-16);margin:var(--space-48) 0;display:grid}.motif-preview-module__S8Umxq__head{justify-content:space-between;align-items:flex-end;gap:var(--space-24);flex-wrap:wrap;display:flex}.motif-preview-module__S8Umxq__head h2{letter-spacing:-.05em;margin-top:var(--space-8);max-width:46ch;font-size:clamp(20px,2.2vw,26px);font-weight:700}.motif-preview-module__S8Umxq__tabs,.motif-preview-module__S8Umxq__controls,.motif-preview-module__S8Umxq__group{gap:var(--space-4);flex-wrap:wrap;display:flex}.motif-preview-module__S8Umxq__controls{justify-content:space-between;align-items:center}.motif-preview-module__S8Umxq__tabs button,.motif-preview-module__S8Umxq__controls button{min-height:44px;padding:var(--space-8) var(--space-16);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted);font:500 13px/1 var(--font);cursor:pointer;transition:background var(--dur-tap) var(--ease-standard), color var(--dur-tap) var(--ease-standard), border-color var(--dur-tap) var(--ease-standard);background:0 0}.motif-preview-module__S8Umxq__tabs button[aria-selected=true],.motif-preview-module__S8Umxq__controls button[aria-pressed=true]{background:var(--surface-dark);border-color:var(--surface-dark);color:var(--ink-on-dark)}.motif-preview-module__S8Umxq__tabs button:hover:not([aria-selected=true]),.motif-preview-module__S8Umxq__controls button:hover:not([aria-pressed=true]){color:var(--ink);border-color:var(--line-strong)}@media (hover:none){.motif-preview-module__S8Umxq__tabs button:hover:not([aria-selected=true]),.motif-preview-module__S8Umxq__controls button:hover:not([aria-pressed=true]){color:var(--muted);border-color:var(--line)}.motif-preview-module__S8Umxq__tabs button:active,.motif-preview-module__S8Umxq__controls button:active{scale:.985}}@media (prefers-reduced-motion:reduce){.motif-preview-module__S8Umxq__tabs button:active,.motif-preview-module__S8Umxq__controls button:active{scale:1}}.motif-preview-module__S8Umxq__stage{padding:var(--space-24);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-16);justify-content:center;display:flex;overflow:hidden}.motif-preview-module__S8Umxq__frame{width:100%;transition:max-width var(--dur-shift) var(--ease-standard)}@media (prefers-reduced-motion:reduce){.motif-preview-module__S8Umxq__frame{transition:none}}@media (max-width:760px){.motif-preview-module__S8Umxq__stage{padding:var(--space-12)}}.motif-preview-module__S8Umxq__copy{flex:none}.motif-preview-module__S8Umxq__code{padding:var(--space-20);background:var(--surface-dark);color:var(--ink-on-dark);border-radius:var(--radius-12);max-height:560px;margin:0;overflow:auto}.motif-preview-module__S8Umxq__code code{font:12px/1.7 var(--font-mono);white-space:pre;tab-size:2}.motif-preview-module__S8Umxq__note{color:var(--muted);font-size:12px;line-height:1.6}