.mc{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-7);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-container);background-color:var(--color-surface-default)}.mc-head{display:flex;align-items:center;gap:var(--space-3);min-height:var(--size-10)}.mc-title{flex:1;margin:0;font-family:var(--font-family-sans);font-size:var(--typography-body-size);font-weight:var(--font-weight-semibold);line-height:var(--typography-body-line-height)}.mc-sentence{margin:0;font-size:var(--typography-body-size);line-height:var(--typography-body-line-height)}.mc-sentence strong{font-weight:var(--font-weight-semibold)}.mc-token{font-family:var(--font-family-mono);font-size:var(--typography-ui-size)}.mc-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.mc-figure{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;margin:0}.mc-stage{display:flex;align-items:center;justify-content:center;height:var(--size-60);overflow:hidden;border-radius:var(--radius-control);background-color:var(--color-bg-muted)}.mc-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1) var(--space-3);color:var(--color-text-muted);font-size:var(--typography-ui-size)}.mc-also{margin:0;color:var(--color-text-muted);font-size:var(--typography-ui-size)}.mc-more{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:var(--space-4) 0 0;border-top:var(--border-width-default) solid var(--color-border-subtle);list-style:none}.mc-more li{display:flex;flex-direction:column;gap:var(--space-1)}.mc-line{display:block;width:90%;height:var(--space-2);border-radius:var(--radius-inset);background-color:var(--color-border-strong)}.mc-line-title{width:60%;height:var(--space-3);background-color:var(--color-text-default)}.mc-line-short{width:50%}.mc-popup{display:flex;flex-direction:column;gap:var(--space-3);box-sizing:border-box;width:min(var(--size-60),80%);padding:var(--space-4);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-overlay);background-color:var(--color-surface-raised);box-shadow:var(--elevation-overlay)}.mc-pill{align-self:flex-end;width:var(--size-16);height:var(--size-6);border-radius:var(--radius-control);background-color:var(--color-action-primary-bg)}.mc-panel{display:flex;flex-direction:column;box-sizing:border-box;width:min(var(--size-60),80%);overflow:hidden;border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-container);background-color:var(--color-surface-default)}.mc-panel-head{display:flex;padding:var(--space-3) var(--space-4)}.mc-panel-body{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-4) var(--space-4);transform-origin:top}.mc-control{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--size-40);height:var(--size-10);overflow:hidden;border-radius:var(--radius-control);background-color:var(--color-action-primary-bg)}.mc-control-hover{position:absolute;inset:0;background-color:var(--color-action-primary-bg-hover);opacity:0}.mc-line-on-action{position:relative;width:50%;background-color:var(--color-action-primary-text)}.mc-track{display:inline-flex;box-sizing:border-box;width:var(--size-16);height:var(--size-8);padding:var(--space-1);border-radius:var(--radius-pill);background-color:var(--color-control-checked-bg)}.mc-thumb-lane{display:flex;width:50%}.mc-thumb{width:100%;aspect-ratio:1;border-radius:var(--radius-full);background-color:var(--color-control-thumb)}.mc-previews.is-still .mc-control-hover{opacity:1}.mc-previews.is-still .mc-thumb{transform:translate(100%)}@media(max-width:560px){.mc{padding:var(--space-5) var(--space-4)}.mc-stage{height:var(--size-40)}.mc-popup,.mc-panel{padding:var(--space-3)}}.mc-tokens{display:grid;justify-items:start;gap:var(--space-2)}