.br-codec-layout{display:flex;flex-direction:column;gap:0}.br-codec-pane{flex:1;display:flex;flex-direction:column}.br-codec-pane__header{display:flex;align-items:center;justify-content:space-between;min-height:2.25rem;margin-bottom:var(--br-space-xs)}.br-codec-pane__label{font-size:var(--br-text-xs);font-weight:700;color:var(--br-color-text-sub);letter-spacing:.025em;text-transform:uppercase}.br-codec-pane__textarea{width:100%;min-height:8rem;padding:var(--br-space-md);font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;font-size:var(--br-text-xs);line-height:1.6;color:var(--br-color-text);background-color:var(--br-color-surface);border:1px solid var(--br-color-border);border-radius:var(--br-radius);resize:vertical;white-space:pre-wrap;word-break:break-all;transition:border-color .15s}.br-codec-pane__textarea:focus{outline:0;border-color:var(--br-color-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.br-codec-pane__textarea::placeholder{color:var(--br-color-text-sub);font-family:var(--br-font-sans);opacity:.6}.br-codec-actions{display:flex;align-items:center;justify-content:center;padding:var(--br-space-md) 0}.br-codec-actions__inner{display:flex;flex-direction:column;align-items:center;gap:var(--br-space-sm);padding:var(--br-space-md);background-color:var(--br-color-bg-light);border:1px solid var(--br-color-border);border-radius:var(--br-radius);width:100%}.br-codec-actions__buttons{display:flex;align-items:center;gap:var(--br-space-xs)}.br-codec-actions__options{display:flex;flex-wrap:wrap;align-items:center;gap:var(--br-space-xs) var(--br-space-md);padding-top:var(--br-space-sm);border-top:1px solid var(--br-color-border);width:100%}.br-codec-actions__format-label{font-size:var(--br-text-xs);font-weight:600;color:var(--br-color-text-sub);white-space:nowrap}.br-codec-actions__select{padding:var(--br-space-xs) var(--br-space-sm);font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;font-size:var(--br-text-xs);color:var(--br-color-text);background-color:var(--br-color-surface);border:1px solid var(--br-color-border);border-radius:var(--br-radius);min-height:var(--br-tap-min);cursor:pointer;transition:border-color .15s}.br-codec-actions__select:focus{outline:0;border-color:var(--br-color-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.br-codec-status{display:flex;align-items:center;gap:var(--br-space-xs);padding:var(--br-space-sm) var(--br-space-md);font-size:var(--br-text-xs);font-weight:600;border-radius:var(--br-radius);margin-top:var(--br-space-md)}.br-codec-status--success{background-color:rgba(34,197,94,.1);color:#16a34a;border:1px solid rgba(34,197,94,.2)}.br-codec-status--error{background-color:rgba(239,68,68,.08);color:#dc2626;border:1px solid rgba(239,68,68,.2)}.br-unicode-details{margin-top:var(--br-space-lg)}.br-unicode-details__title{font-size:var(--br-text-sm);font-weight:700;color:var(--br-color-text);margin:0 0 var(--br-space-sm)}.br-unicode-details__table-wrap{overflow-x:auto;overflow-y:auto;max-height:24rem;-webkit-overflow-scrolling:touch;border:1px solid var(--br-color-border);border-radius:var(--br-radius)}.br-unicode-details__table{width:100%;min-width:380px;border-collapse:collapse;font-size:var(--br-text-xs);line-height:1.5}.br-unicode-details__table thead{background-color:var(--br-color-bg)}.br-unicode-details__table th{padding:var(--br-space-sm) var(--br-space-md);font-weight:700;text-align:left;color:var(--br-color-text);border-bottom:2px solid var(--br-color-border);white-space:nowrap}.br-unicode-details__table td{padding:var(--br-space-sm) var(--br-space-md);color:var(--br-color-text);border-bottom:1px solid var(--br-color-border);vertical-align:middle}.br-unicode-details__table tbody tr:last-child td{border-bottom:none}.br-unicode-details__table tbody tr:hover{background-color:rgba(37,99,235,.03)}.br-unicode-details__table code{padding:.15em .4em;font-size:.9em;font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;background-color:var(--br-color-bg);border:1px solid var(--br-color-border);border-radius:3px;white-space:nowrap}.br-unicode-details__char{font-size:var(--br-text-md);font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;text-align:center;min-width:3rem}.br-unicode-details__control{font-size:var(--br-text-xxs);color:var(--br-color-text-sub);font-style:italic}@media (max-width:767px){.br-codec-actions__buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--br-space-xs);width:100%}.br-codec-actions__buttons .br-btn:last-child{grid-column:2}.br-codec-actions__buttons .br-btn{width:100%;justify-content:center;font-size:var(--br-text-xs)}.br-codec-actions__options{flex-direction:column;gap:var(--br-space-sm);align-items:flex-start}.br-unicode-details__table{min-width:320px}.br-unicode-details__table td,.br-unicode-details__table th{padding:var(--br-space-xs) var(--br-space-sm)}.br-unicode-details__char{font-size:var(--br-text-sm);min-width:2.5rem}}