.ripple-narrator{color:var(--text,#202939);min-width:0;font:400 16px/1.6 system-ui,sans-serif}.ripple-narrator p{overflow-wrap:anywhere;max-width:70ch;margin-block:12px}.ripple-narrator h2{color:inherit;margin:0 0 16px;font:700 24px/1.3 Georgia,serif}.ripple-narrator .narrator-hint{color:var(--muted,#4d5869);font-size:14px}.narrator-enable{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-weight:700;display:flex}.narrator-enable input{width:22px;height:22px;accent-color:var(--r-purple,#65335c);flex:none}.narrator-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:24px;display:grid}.narrator-fields label{gap:8px;min-width:0;font-weight:600;display:grid}.narrator-fields label:first-child{grid-column:1/-1}.ripple-narrator select,.ripple-narrator button{font:inherit;max-width:100%;min-height:44px;color:var(--text,#202939);border:1px solid var(--border,#b9c4d4);background:var(--panel,#fff);box-shadow:none;border-radius:8px;margin:0;transition:none;transform:none}.ripple-narrator select{width:100%;padding:8px 12px}.ripple-narrator button{cursor:pointer;white-space:normal;padding:10px 14px}.ripple-narrator button:disabled{opacity:.55;cursor:default}.ripple-narrator button:hover:not(:disabled){background:var(--panel-2,#eaf0f7)}.ripple-narrator :is(button,select,input,summary):focus-visible{outline:3px solid var(--r-purple,#65335c);outline-offset:3px}.narrator-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.narrator-toolbar{border:1px solid var(--border,#b9c4d4);background:var(--panel,#fff);border-radius:12px;margin:16px;padding:16px}.narrator-playback{margin-top:16px}.narrator-options{padding-block:16px}.narrator-disclosure{border-top:1px solid var(--border,#b9c4d4);margin-top:20px;padding-block:12px}.narrator-disclosure>summary{cursor:pointer;min-height:44px;padding-block:10px;font-weight:700}.learn-ripple .ripple-narrator{--text:var(--learn-ink);--muted:var(--learn-muted);--border:var(--learn-line);--panel:var(--learn-surface);--panel-2:var(--learn-soft)}.learn-ripple .narrator-toolbar{margin-inline:0}.beta-narrator{max-width:1100px;margin:16px auto;padding-inline:16px}@media (max-width:620px){.narrator-fields{grid-template-columns:1fr}.narrator-actions{align-items:stretch}.narrator-actions button{flex:150px}.narrator-toolbar{margin:12px}}@media (forced-colors:active){.ripple-narrator :focus-visible{outline:3px solid highlight}}.narrator-live{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}@media (max-width:620px){.narrator-toolbar .narrator-actions button{flex:100px}}