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