.transposer-module__6ctpXa__workspace{margin-bottom:70px}.transposer-module__6ctpXa__toolbar{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:28px;padding:24px;display:flex}.transposer-module__6ctpXa__controlGroup{border:0;min-width:0;margin:0;padding:0}.transposer-module__6ctpXa__controlGroup legend{color:var(--muted);margin-bottom:12px;font-size:12px}.transposer-module__6ctpXa__stepper{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.transposer-module__6ctpXa__step,.transposer-module__6ctpXa__reset,.transposer-module__6ctpXa__action{cursor:pointer;border:1px solid var(--border);border-radius:7px;min-height:44px;padding:10px 14px;font-weight:650;transition:background .15s}.transposer-module__6ctpXa__step{background:var(--amber);color:var(--bg);font-size:17px}.transposer-module__6ctpXa__step:hover:not(:disabled){background:#f2b747}.transposer-module__6ctpXa__reset{color:var(--muted);background:0 0;font-size:12px}.transposer-module__6ctpXa__reset:hover:not(:disabled),.transposer-module__6ctpXa__action:hover:not(:disabled){background:#ffffff0d}.transposer-module__6ctpXa__workspace button:disabled{opacity:.4;cursor:not-allowed}.transposer-module__6ctpXa__amount{text-align:center;font-variant-numeric:tabular-nums;flex-direction:column;min-width:78px;display:flex}.transposer-module__6ctpXa__amount strong{font-size:28px;line-height:1.2}.transposer-module__6ctpXa__amount span{color:var(--muted);font-size:10px}.transposer-module__6ctpXa__preferences{gap:8px;display:flex}.transposer-module__6ctpXa__preferences label{cursor:pointer;position:relative}.transposer-module__6ctpXa__preferences input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.transposer-module__6ctpXa__preferences span{border:1px solid var(--border);border-radius:7px;min-height:44px;padding:12px 16px;font-size:13px;display:block}.transposer-module__6ctpXa__preferences input:checked+span{border-color:var(--teal);color:var(--teal);background:#37b7a510}.transposer-module__6ctpXa__preferences input:focus-visible+span{outline:2px solid var(--amber);outline-offset:4px}.transposer-module__6ctpXa__help{color:var(--muted);max-width:900px;margin:20px 0;font-size:12px;line-height:1.9}.transposer-module__6ctpXa__help code{color:var(--text)}.transposer-module__6ctpXa__editors{grid-template-columns:1fr 1fr;gap:20px;display:grid}.transposer-module__6ctpXa__editor{background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:0;overflow:hidden}.transposer-module__6ctpXa__editor:focus-within{border-color:var(--amber)}.transposer-module__6ctpXa__editorHeading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.transposer-module__6ctpXa__editorHeading label{font-size:15px;font-weight:700}.transposer-module__6ctpXa__action{color:var(--amber);background:0 0;font-size:11px}.transposer-module__6ctpXa__result .transposer-module__6ctpXa__editorHeading label{color:var(--teal)}.transposer-module__6ctpXa__editor textarea{resize:vertical;width:100%;min-height:360px;color:var(--text);white-space:pre;overflow-wrap:normal;tab-size:4;background:0 0;border:0;padding:22px;font:14px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.transposer-module__6ctpXa__editor textarea:focus-visible{outline:2px solid var(--amber);outline-offset:-3px}.transposer-module__6ctpXa__editor textarea::placeholder{color:var(--muted);opacity:.8}.transposer-module__6ctpXa__bottom{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:15px;font-size:11px;line-height:1.8;display:flex}.transposer-module__6ctpXa__bottom p{color:var(--teal);min-height:20px}.transposer-module__6ctpXa__guide{border:1px solid var(--border);border-radius:10px;margin-top:28px;padding:20px}.transposer-module__6ctpXa__guide summary{cursor:pointer;padding:4px 0;font-weight:600}.transposer-module__6ctpXa__guide p{color:var(--muted);max-width:850px;margin-top:14px;font-size:12px;line-height:1.9}@media (max-width:760px){.transposer-module__6ctpXa__editors{grid-template-columns:1fr}.transposer-module__6ctpXa__editor textarea{min-height:280px}}@media (max-width:400px){.transposer-module__6ctpXa__toolbar{padding:18px}.transposer-module__6ctpXa__stepper{gap:8px}.transposer-module__6ctpXa__reset{padding-inline:10px}.transposer-module__6ctpXa__amount{min-width:64px}.transposer-module__6ctpXa__editorHeading{padding-inline:14px}}