.rmp{gap:var(--sp-16,1rem);margin:var(--sp-24,1.5rem) 0;display:grid}.rmp--embed{margin:var(--sp-20,1.25rem) 0}.rmp-controls{gap:var(--sp-8,.5rem);display:grid}.rmp-field{font-weight:600;font-size:var(--fs-14,.875rem);color:var(--c-text,#0f172a)}.rmp-textarea{box-sizing:border-box;width:100%;padding:var(--sp-12,.75rem);border:1px solid var(--c-border-strong,#64748b);border-radius:var(--radius-md,10px);font-family:var(--font-mono,monospace);font-size:var(--fs-14,.875rem);-moz-tab-size:2;-o-tab-size:2;tab-size:2;resize:vertical;background:var(--c-surface,#f8fafc);color:var(--c-text,#0f172a);line-height:1.55}.rmp-textarea:focus-visible,.rmp-btn:focus-visible,.rmp-chip:focus-visible,.rmp-full:focus-visible{outline:3px solid var(--c-brand,#2563eb);outline-offset:2px}.rmp-hint,.rmp-note{font-size:var(--fs-14,.875rem);color:var(--c-text-secondary,#475569);margin:0;line-height:1.5}.rmp-error{padding:var(--sp-8,.5rem) var(--sp-12,.75rem);border-radius:var(--radius-md,10px);background:var(--c-warn-bg,#fef9c3);color:var(--c-warn-text,#713f12);font-size:var(--fs-14,.875rem);margin:0;line-height:1.5}.rmp-error[hidden],.rmp-os[hidden]{display:none}.rmp-os{padding:var(--sp-8,.5rem) var(--sp-12,.75rem);border-radius:var(--radius-md,10px);background:var(--c-info-bg,#e0e7ff);color:var(--c-text,#0f172a);font-size:var(--fs-14,.875rem);margin:0;line-height:1.5}.rmp-examples{gap:var(--sp-8,.5rem);flex-wrap:wrap;align-items:center;display:flex}.rmp-examples-label{font-size:var(--fs-12,.75rem);text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-secondary,#475569);font-weight:700}.rmp-chip{padding:var(--sp-4,.25rem) var(--sp-12,.75rem);border:1px solid var(--c-border-strong,#64748b);background:var(--c-surface,#f8fafc);color:var(--c-text,#0f172a);font:inherit;font-size:var(--fs-14,.875rem);cursor:pointer;border-radius:999px}.rmp-chip:hover{border-color:var(--c-brand,#2563eb)}.rmp-choices{gap:var(--sp-16,1rem);margin-top:var(--sp-8,.5rem);flex-wrap:wrap;display:flex}.rmp-choice{gap:var(--sp-8,.5rem);border:0;flex-wrap:wrap;align-items:center;min-width:0;margin:0;padding:0;display:flex}.rmp-choice legend{float:left;margin-right:var(--sp-8,.5rem);font-weight:600;font-size:var(--fs-14,.875rem);color:var(--c-text,#0f172a);padding:0}.rmp-radio{display:inline-flex;position:relative}.rmp-radio input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.rmp-radio span{padding:var(--sp-4,.25rem) var(--sp-12,.75rem);border:1px solid var(--c-border-strong,#64748b);font-size:var(--fs-14,.875rem);color:var(--c-text,#0f172a);background:var(--c-surface,#f8fafc);border-radius:999px;display:inline-block}.rmp-radio input:checked+span{background:var(--c-text,#0f172a);color:#fff;border-color:var(--c-text,#0f172a)}.rmp-radio input:focus-visible+span{outline:3px solid var(--c-brand,#2563eb);outline-offset:2px}.rmp-stages{gap:var(--sp-16,1rem);grid-template-columns:1fr;display:grid}@media (width>=640px){.rmp-stages[data-view=both]{grid-template-columns:repeat(2,minmax(0,1fr))}}.rmp-stages[data-view=no-preference] [data-rmp-wrap=reduce],.rmp-stages[data-view=reduce] [data-rmp-wrap=no-preference]{display:none}.rmp-stage-wrap{min-width:0;margin:0}.rmp-stage-wrap figcaption{margin-bottom:var(--sp-8,.5rem);font-size:var(--fs-14,.875rem);color:var(--c-text-secondary,#475569)}.rmp-stage-wrap figcaption code{font-family:var(--font-mono,monospace);color:var(--c-text,#0f172a);font-weight:700}.rmp-stage{height:9.5rem;padding:var(--sp-16,1rem);border:1px dashed var(--c-border-strong,#64748b);border-radius:var(--radius-lg,14px);background:var(--c-cream,#fff);place-items:center;display:grid;position:relative;overflow:hidden}.rmp--embed .rmp-stage{height:8.5rem}.rmp-stage-hint{font-size:var(--fs-14,.875rem);color:var(--c-text-secondary,#475569);place-items:center;display:grid;position:absolute;inset:0}.rmp.is-played .rmp-stage-hint{visibility:hidden}.rmp-box{padding:var(--sp-12,.75rem) var(--sp-16,1rem);border-radius:var(--radius-md,10px);color:#fff;font-weight:600;font-size:var(--fs-14,.875rem);background:#0e7490;position:relative}.rmp-play{gap:var(--sp-12,.75rem);flex-wrap:wrap;align-items:center;display:flex}.rmp-play-note{font-size:var(--fs-14,.875rem);color:var(--c-text-secondary,#475569)}.rmp-btn{padding:var(--sp-4,.25rem) var(--sp-12,.75rem);border:1px solid var(--c-border-strong,#64748b);border-radius:var(--radius-md,10px);background:var(--c-surface,#f8fafc);color:var(--c-text,#0f172a);font:inherit;font-weight:600;font-size:var(--fs-14,.875rem);cursor:pointer}.rmp-btn:hover{border-color:var(--c-brand,#2563eb)}.rmp-btn--primary{background:var(--c-text,#0f172a);color:#fff;border-color:var(--c-text,#0f172a);padding:var(--sp-8,.5rem) var(--sp-20,1.25rem)}.rmp-output{border:1px solid var(--c-border,#e2e8f0);border-radius:var(--radius-lg,14px);overflow:hidden}.rmp-output-head{justify-content:space-between;align-items:center;gap:var(--sp-16,1rem);padding:var(--sp-8,.5rem) var(--sp-16,1rem);background:var(--c-surface-2,#f1f5f9);font-weight:600;font-size:var(--fs-14,.875rem);color:var(--c-text,#0f172a);flex-wrap:wrap;display:flex}.rmp-output-actions{align-items:center;gap:var(--sp-12,.75rem);display:flex}.rmp-full{font-size:var(--fs-14,.875rem);color:var(--c-brand-dark,#1d4ed8);font-weight:600}.rmp-code{padding:var(--sp-16,1rem);min-height:9rem;font-family:var(--font-mono,monospace);font-size:var(--fs-14,.875rem);white-space:pre;background:var(--c-surface,#f8fafc);color:var(--c-text,#0f172a);margin:0;line-height:1.55;overflow-x:auto}.rmp-code:focus-visible{outline:3px solid var(--c-brand,#2563eb);outline-offset:-3px}.rmp-notes{padding:var(--sp-12,.75rem) var(--sp-16,1rem) var(--sp-12,.75rem) var(--sp-32,2rem);min-height:3.5rem;font-size:var(--fs-14,.875rem);color:var(--c-text-secondary,#475569);border-top:1px solid var(--c-border,#e2e8f0);margin:0;line-height:1.55}.rmp-notes li+li{margin-top:var(--sp-4,.25rem)}.rmp-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.rmp-btn,.rmp-chip,.rmp-radio span,.rmp-textarea{transition:none;animation:none}}