.dictation-demo-actions,.use-case-hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-stack-lg);margin-top:var(--space-content);margin-bottom:var(--space-section-compact)}.use-case-hero-actions .ds-button--link{color:var(--chalk-paper)}.use-case-demo{width:100%;max-width:960px;margin-inline:auto;scroll-margin-top:var(--header-occupied-height);text-align:left}.use-case-demo-paper>.chalk-paper-card{overflow:hidden}.use-case-demo-paper .chalk-paper-card-header{flex-wrap:wrap}.use-case-demo-columns{position:relative;display:grid;grid-template-columns:1fr 1fr}.use-case-demo-panel{min-width:0;padding:var(--space-card) var(--space-card) calc(var(--space-card) + var(--space-stack));display:flex;flex-direction:column;gap:var(--space-stack)}.use-case-demo-output{position:relative;border-left:var(--border-width) solid var(--chalk-card-rule)}.use-case-demo-panel h2{display:flex;align-items:center;gap:var(--space-inline);margin:0;font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--chalk-paper-muted)}.use-case-demo-output h2{color:var(--chalk-violet-ink)}.use-case-demo-text{min-height:200px;max-height:360px;overflow-y:auto;overflow-wrap:anywhere;white-space:pre-wrap;font-size:var(--text-body);line-height:var(--leading-body)}.use-case-demo-note{margin:auto 0 0;font-size:var(--text-caption);line-height:var(--leading-body);color:var(--chalk-paper-muted)}.use-case-demo-placeholder{color:var(--chalk-paper-muted)}.use-case-demo-instructions{border-top:var(--border-width) solid var(--chalk-card-rule)}.use-case-demo-instructions summary{cursor:pointer;display:flex;align-items:center;gap:var(--space-inline);padding:var(--space-card-sm) var(--space-card);font-size:var(--text-small);font-weight:600}.use-case-demo-instructions summary svg:last-child{margin-left:auto}.use-case-demo-instructions[open] summary svg:last-child{transform:rotate(180deg)}.use-case-demo-instructions fieldset{border:0;min-width:0;padding:0 var(--space-card) var(--space-card);display:grid;gap:var(--space-stack-sm)}.use-case-demo-instructions textarea{width:100%;min-height:140px;padding:var(--space-card-sm);border:var(--border-width) solid var(--chalk-card-rule);border-radius:var(--radius-control);background:var(--chalk-field-surface);color:var(--chalk-black);font:inherit;font-size:var(--text-small);line-height:var(--leading-body);resize:vertical}.use-case-demo-instructions textarea:focus-visible,.use-case-demo-instructions summary:focus-visible{outline:2px solid var(--chalk-violet-ink);outline-offset:3px}.use-case-demo-dock{position:absolute;z-index:2;left:50%;bottom:0;transform:translate(-50%,50%)}.use-case-demo-dock .feature-mic-dock{position:relative;transform:none;left:auto;bottom:auto}.use-case-demo-status{min-height:1.5em;margin:var(--space-stack-sm) 0 0;color:var(--chalk-ivory-body);font-size:var(--text-caption)}.use-case-demo-error{margin:var(--space-stack-sm) 0;color:var(--chalk-paper);font-size:var(--text-small)}.use-case-demo-transition{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border:var(--border-width) solid var(--chalk-card-rule);border-radius:50%;background:var(--chalk-paper);color:var(--chalk-violet-ink)}@media (max-width: 640px){.use-case-demo-columns{grid-template-columns:1fr}.use-case-demo-output{position:relative;border-left:0;border-top:var(--border-width) solid var(--chalk-card-rule)}.use-case-demo-text{min-height:0;max-height:320px}.use-case-demo-transition{position:relative;inset:auto;justify-self:center;margin-block:calc(-1 * var(--space-unit) * 5.25);transform:rotate(90deg)}.use-case-demo-instructions summary{padding-top:calc(var(--space-card-sm) + var(--space-stack))}}