.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:10rem;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;align-items:center;gap:var(--br-space-xs);padding:var(--br-space-sm) var(--br-space-md);background-color:var(--br-color-bg-light);border:1px solid var(--br-color-border);border-radius:var(--br-radius)}.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)}@media (max-width:767px){.br-codec-actions__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--br-space-xs);width:100%}.br-codec-actions__inner .br-btn{width:100%;justify-content:center;font-size:var(--br-text-xs)}.br-codec-actions__inner .br-btn:last-child{grid-column:2}}