.column-transposition-tool,.column-transposition-tool *{box-sizing: border-box;margin: 0}.column-transposition-tool{display: grid;gap: 10px}.column-transposition-card,.column-transposition-settings{overflow: hidden;border: 1px solid #e3cf78;border-radius: 8px;background: #fff}.column-transposition-head,.column-transposition-result-head,.column-transposition-foot{background: #fff7d7}.column-transposition-head{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 8px;align-items: center;padding: 5px 9px;border-bottom: 1px solid #e3cf78}.column-transposition-head>h3,.column-transposition-result-title>h3,.column-transposition-settings>h3{display: block;padding: 0;color: var(--primary-dark,#0b3a6f);font-size: .84rem;font-weight: 800;line-height: 1.12}.column-transposition-actions{display: flex;flex-wrap: wrap;gap: 6px;align-items: center;justify-content: flex-end}.column-transposition-button{display: inline-flex;align-items: center;justify-content: center;gap: 6px;min-height: 30px;padding: 5px 9px;border: 1px solid #e3cf78;border-radius: 8px;background: #fff;color: #7a4300;font: inherit;font-size: .84rem;font-weight: 800;line-height: 1.1;text-align: center;cursor: pointer;transition: transform .12s ease,background-color .12s ease,border-color .12s ease,color .12s ease}.column-transposition-button:hover:not(:disabled),.column-transposition-button:focus-visible:not(:disabled){border-color: #985600;background: #fff7d7}.column-transposition-button:active:not(:disabled),.column-transposition-selector button:active:not(:disabled),.column-transposition-format-list button:active:not(:disabled){transform: translateY(1px)}.column-transposition-button:disabled{cursor: not-allowed;border-color: #eadca9;background: #fffaf0;color: #a98d64}.column-transposition-primary{border-color: #985600;background: #985600;color: #fff}.column-transposition-primary:hover:not(:disabled),.column-transposition-primary:focus-visible:not(:disabled){border-color: #7a4300;background: #7a4300}.column-transposition-icon{flex: 0 0 auto;width: 14px;height: 14px;fill: currentColor}.column-transposition-textarea{display: block;width: 100%;min-height: 150px;padding: 10px;border: 0;border-radius: 0;resize: vertical;background: #fff;color: var(--primary-dark,#0b3a6f);font: inherit;font-size: .98rem;line-height: 1.45}.column-transposition-result-text{min-height: 118px;resize: none;background: #fffaf0;color: #0b3a6f}.column-transposition-textarea::placeholder,.column-transposition-input::placeholder{color: #758aa8;opacity: 1}.column-transposition-foot{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 8px;align-items: center;min-height: 38px;padding: 6px 10px;border-top: 1px solid #e3cf78}.column-transposition-status,.column-transposition-label,.column-transposition-result-title>p,.column-transposition-display-row>span{color: var(--primary-dark,#0b3a6f);font-size: .84rem;font-weight: 800;line-height: 1.2}.column-transposition-settings{display: grid;gap: 5px;padding: 7px 9px 8px}.column-transposition-settings>#column-transposition-settings-title{justify-self: stretch;text-align: center}.column-transposition-setting-row{display: grid;grid-template-columns: 90px minmax(0,1fr);gap: 8px;align-items: center}.column-transposition-label{color: #7a4300;text-align: center}.column-transposition-selector,.column-transposition-format-list{display: flex;flex-wrap: wrap;gap: 4px;align-items: stretch;justify-content: center;width: 100%;padding: 4px;border: 1px solid #e3cf78;border-radius: 8px;background: #fff}.column-transposition-selector button,.column-transposition-format-list button{flex: 1 1 72px;min-width: max-content;min-height: 30px;padding: 5px 8px;border: 0;border-radius: 7px;background: transparent;color: var(--primary-dark,#0b3a6f);font: inherit;font-size: .82rem;font-weight: 800;line-height: 1.1;white-space: nowrap;cursor: pointer;transition: transform .12s ease,background-color .12s ease,color .12s ease}.column-transposition-selector button[aria-pressed="true"],.column-transposition-format-list button[aria-pressed="true"]{background: #985600;color: #fff}.column-transposition-selector button:disabled,.column-transposition-format-list button:disabled{cursor: not-allowed;color: #a98d64}.column-transposition-selector-four{display: grid;grid-template-columns: repeat(4,minmax(0,1fr))}.column-transposition-selector-four button{min-width: 0;width: 100%}.column-transposition-empty-controls{display: grid;grid-template-columns: minmax(0,1fr) minmax(150px,240px);gap: 8px;align-items: center}.column-transposition-input{display: block;width: 100%;min-height: 34px;padding: 6px 10px;border: 1px solid #e3cf78;border-radius: 8px;background: #fff;color: var(--primary-dark,#0b3a6f);font: inherit;font-weight: 800}.column-transposition-input:disabled{background: #fffaf0;color: #a98d64}.column-transposition-result-head{display: grid;grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);gap: 8px;align-items: center;padding: 5px 9px;border-bottom: 1px solid #e3cf78}.column-transposition-result-title{display: contents}.column-transposition-result-title>h3{grid-column: 1;justify-self: start}.column-transposition-result-title>p{grid-column: 3;justify-self: end;text-align: right}.column-transposition-display-row{grid-column: 2;display: flex;gap: 6px;align-items: center;justify-content: center}.column-transposition-display-row>span{flex: 0 0 auto;color: #7a4300}.column-transposition-display-row .column-transposition-selector{flex: 0 0 220px;width: 220px;flex-wrap: nowrap}.column-transposition-display-row .column-transposition-selector button{flex: 1 1 0;min-width: 0}.column-transposition-grid-wrap{display: flex;justify-content: center;padding: 18px 12px;background: #fffaf0;overflow: auto}.column-transposition-grid{display: grid;gap: 0;border-top: 1px solid #1f2d3d;border-left: 1px solid #1f2d3d}.column-transposition-cell{display: grid;place-items: center;width: clamp(30px,5vw,46px);aspect-ratio: 1;border-right: 1px solid #1f2d3d;border-bottom: 1px solid #1f2d3d;background: #fff;color: var(--primary-dark,#0b3a6f);font-weight: 800;line-height: 1;white-space: pre}.column-transposition-cell-empty{background: #f7f9fc;color: #7f8da3}.column-transposition-tool textarea[hidden],.column-transposition-tool [hidden]{display: none}.column-transposition-visually-hidden{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.column-transposition-info-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px;margin: 16px 0}.column-transposition-info-card,.column-transposition-info-note{border: 1px solid #e3cf78;border-radius: 8px;background: #fff7d7;padding: 14px}.column-transposition-info-card h3,.column-transposition-info-note h3{margin: 0 0 8px;color: #7a4300}.column-transposition-info-card p,.column-transposition-info-note p{margin: 0}.column-transposition-info-table{width: 100%;margin: 16px 0;border: 1px solid #e3cf78;border-collapse: collapse}.column-transposition-info-table th,.column-transposition-info-table td{border: 1px solid #e3cf78;padding: 9px 11px;text-align: left;vertical-align: top}.column-transposition-info-table th{background: #fff7d7;color: #7a4300}.column-transposition-info-table tbody tr:nth-child(even) td{background: #fffaf0}.column-transposition-info-table a,.column-transposition-info-note a{color: var(--primary-dark,#0b3a6f);font-weight: 800;text-decoration: underline;text-underline-offset: 3px;cursor: pointer}.column-transposition-info-table a:hover,.column-transposition-info-note a:hover{color: #7a4300}.appergo-column-transposition-print-root{display: none}@media (max-width: 760px){.column-transposition-head,.column-transposition-foot,.column-transposition-setting-row,.column-transposition-empty-controls{grid-template-columns: 1fr}.column-transposition-result-head{grid-template-columns: 1fr}.column-transposition-result-title{display: grid;grid-template-columns: 1fr}.column-transposition-result-title>h3,.column-transposition-result-title>p,.column-transposition-display-row{grid-column: 1}.column-transposition-result-title>h3,.column-transposition-result-title>p,.column-transposition-display-row{justify-self: center;text-align: center}.column-transposition-actions{justify-content: stretch}.column-transposition-button{flex: 1 1 auto}.column-transposition-selector-four{grid-template-columns: repeat(2,minmax(0,1fr))}.column-transposition-label,.column-transposition-display-row>span{justify-self: center;text-align: center}.column-transposition-display-row .column-transposition-selector{flex-basis: 220px;width: 220px;max-width: 100%}.column-transposition-info-grid{grid-template-columns: 1fr}}@page{size: A4 portrait;margin: 12mm}@media print{html.appergo-column-transposition-printing body>:not(.appergo-column-transposition-print-root){display: none;visibility: hidden}html.appergo-column-transposition-printing body{margin: 0;background: #fff}html.appergo-column-transposition-printing .appergo-column-transposition-print-root,html.appergo-column-transposition-printing .appergo-column-transposition-print-root *{visibility: visible}html.appergo-column-transposition-printing .appergo-column-transposition-print-root{display: block;position: static;width: 100%}.appergo-column-transposition-print-page{display: grid;min-height: calc(297mm - 24mm);place-items: center;page-break-after: always}.appergo-column-transposition-print-page:last-child{page-break-after: auto}.appergo-column-transposition-print-frame{display: grid;place-items: center;width: 186mm;min-height: 260mm}.appergo-column-transposition-print-svg{display: block;max-width: 186mm;max-height: 260mm}.appergo-column-transposition-print-credit{position: fixed;right: 0;bottom: 0;margin: 0;color: #333;font: 10pt Arial,sans-serif}}