.transpose-panel{margin:24px 0;padding:clamp(18px,4vw,30px);border:1px solid var(--hairline);border-radius:18px;background:rgba(255,255,255,.025)}
.transpose-panel label{display:block;margin:16px 0 8px;font-weight:600}.transpose-panel input,.transpose-panel select{max-width:100%;min-height:44px;font:inherit}.transpose-panel select{background:#121812;color:#f4f3e7;border:1px solid #6d7768;padding:8px 12px;border-radius:8px}
.transpose-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.transpose-actions button,.transpose-actions a{min-height:48px;padding:12px 18px;border-radius:9px;border:1px solid #789464;background:#c6f381;color:#10200d;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.transpose-actions button:disabled{opacity:.45;cursor:default}.transpose-actions [hidden]{display:none}
.transpose-panel input[type=file]{width:100%}.transpose-status{font-size:15px;line-height:1.65;overflow-wrap:anywhere}.transpose-figure{max-width:380px;margin:28px auto}.transpose-figure img{width:100%;height:auto}.transpose-figure figcaption{font-size:14px;line-height:1.65;color:#b7c0ac;margin-top:12px}.transpose-table{overflow-x:auto;max-width:100%;border:1px solid var(--hairline);border-radius:10px}.transpose-table table{width:100%;border-collapse:collapse;min-width:450px}.transpose-table td,.transpose-table th{padding:12px 14px;text-align:left;border-bottom:1px solid var(--hairline);font-size:14px;white-space:nowrap}.transpose-note{font-size:14px;line-height:1.7;color:#bdc4b2}.transpose-article code{overflow-wrap:anywhere}.transpose-article h1{max-width:20ch}.transpose-article [data-original]{scroll-margin-top:28px}
@media(max-width:480px){.transpose-actions>*{width:100%;text-align:center}.transpose-panel{padding:18px}.transpose-article h1{font-size:34px;line-height:1.13}.transpose-table td,.transpose-table th{padding:11px 12px}}