.lrm-page-header{text-align:center;max-width:960px;margin:0 auto;padding:24px 16px 8px}.lrm-layout{grid-template-columns:300px 1fr;align-items:start;gap:32px;max-width:960px;margin:0 auto;padding:0 16px;display:grid}.lrm-controls-col{flex-direction:column;gap:20px;display:flex}.lrm-output-col{flex-direction:column;gap:14px;display:flex;position:sticky;top:16px}.lrm-lang-tabs{border-bottom:2px solid var(--swp-border);gap:4px;display:flex}.lrm-tab{min-height:44px;color:var(--swp-ink-muted);cursor:pointer;border-radius:var(--r-sm) var(--r-sm) 0 0;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 16px;font-size:14px;font-weight:600;transition:color .15s}.lrm-tab--active,.lrm-tab[aria-selected=true]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.lrm-format-group{border:none;margin:0;padding:0}.lrm-format-group legend{color:var(--swp-ink-muted);margin-bottom:8px;font-size:13px;font-weight:600}.lrm-format-label{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:13px;display:flex}.lrm-format-radio{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.lrm-volume-row{flex-wrap:wrap;gap:6px;display:flex}.lrm-volume-btn{border:1px solid var(--swp-border);border-radius:var(--r-pill);background:var(--swp-surface);cursor:pointer;min-height:44px;padding:6px 14px;font-size:13px}.lrm-volume-btn--active,.lrm-volume-btn[aria-pressed=true]{background:var(--swp-surface-alt);border-color:var(--swp-ink-muted);font-weight:700}.lrm-slider-group{flex-direction:column;gap:12px;display:flex}.lrm-slider-row{grid-template-columns:80px 1fr 32px;align-items:center;gap:8px;display:grid}.lrm-slider-row label{color:var(--swp-ink-muted);font-size:12px}.lrm-slider{accent-color:#0d9488;cursor:pointer;width:100%;height:4px}.lrm-slider-value{font-size:12px;font-family:var(--font-mono);text-align:right;color:var(--swp-ink)}.lrm-generate-btn{border-radius:var(--r-pill);background:var(--color-primary);min-height:44px;color:var(--color-primary-content);cursor:pointer;border:none;width:100%;padding:12px 24px;font-size:14px;font-weight:700}.lrm-output-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.lrm-output-label{text-transform:uppercase;letter-spacing:.06em;color:var(--swp-ink-muted);font-size:11px;font-weight:700}.lrm-output-mode-row{border:1px solid var(--swp-border);border-radius:var(--r-pill);display:flex;overflow:hidden}.lrm-output-mode-btn{background:var(--swp-surface);min-height:44px;color:var(--swp-ink-muted);cursor:pointer;border:none;padding:6px 14px;font-size:12px;font-weight:600}.lrm-output-mode-btn--active,.lrm-output-mode-btn[aria-pressed=true]{background:var(--color-primary);color:var(--color-primary-content)}.lrm-output-pre{background:var(--swp-surface-code);border:1px solid var(--swp-border);border-radius:var(--r-lg);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;min-height:280px;max-height:520px;margin:0;padding:16px;font-size:13px;line-height:1.6;overflow:auto}.lrm-output-preview{border:1px solid var(--swp-border);border-radius:var(--r-lg);background:#fff;min-height:280px;max-height:520px;padding:24px;font-size:15px;line-height:1.8;overflow:auto}.lrm-output-preview h2{margin:1em 0 .5em;font-size:18px;font-weight:700}.lrm-output-preview p{margin:0 0 1em}.lrm-output-preview ul{margin:0 0 1em;padding-left:1.4em}.lrm-output-preview li{margin-bottom:.3em}.lrm-empty-state{min-height:200px;color:var(--swp-ink-muted);text-align:center;justify-content:center;align-items:center;font-size:14px;display:flex}.lrm-btn-row{gap:8px;display:flex}.lrm-copy-btn,.lrm-reset-btn{border-radius:var(--r-pill);cursor:pointer;border:1px solid var(--swp-border);background:var(--swp-surface);min-height:44px;padding:8px 16px;font-size:13px;font-weight:600}.lrm-section-title{color:var(--swp-ink);margin:0 0 12px;font-size:16px;font-weight:700}.lrm-how-to,.lrm-related-section{max-width:960px;margin:48px auto 0;padding:0 16px}.lrm-steps{padding-left:1.4em}.lrm-steps li{margin-bottom:8px;line-height:1.6}.lrm-related-list{padding:0;list-style:none}.lrm-related-list li{margin-bottom:6px}.lrm-related-tools{flex-direction:column;gap:6px;display:flex}.lrm-related-link{color:var(--color-primary);text-decoration:none}.lrm-related-link:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.lrm-tab{transition:none}}@media (width<=639px){.lrm-layout{grid-template-columns:1fr;gap:20px}.lrm-controls-col{order:1}.lrm-output-col{order:2;position:static}.lrm-output-pre,.lrm-output-preview{min-height:200px;font-size:13px}.lrm-slider-row{grid-template-columns:72px 1fr 28px}.lrm-volume-row{gap:4px}.lrm-volume-btn{padding:4px 10px;font-size:12px}.lrm-generate-btn{font-size:13px}}.lrm-body-text{color:var(--swp-ink);margin:0 0 12px;font-size:15px;line-height:1.8}.lrm-use-cases{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.lrm-use-cases li{color:var(--swp-ink);font-size:15px;line-height:1.7}.lrm-faq{margin:0}.lrm-faq dt{color:var(--swp-ink);margin-top:16px;font-size:15px;font-weight:700}.lrm-faq dt:first-child{margin-top:0}.lrm-faq dd{color:var(--swp-ink-2);margin:6px 0 0;font-size:15px;line-height:1.7}