.bnt-encoder-card{background:var(--bnt-panel);border:1px solid color-mix(in srgb,var(--bnt-text) 14%,transparent);border-radius:var(--bnt-border-radius);padding:clamp(18px,3vw,30px)}.bnt-encoder-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:15px;border-radius:8px;background:color-mix(in srgb,var(--bnt-background) 75%,var(--bnt-panel));margin-bottom:10px}.bnt-encoder-toolbar>label{flex:1;color:var(--bnt-muted);font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.bnt-encoder-toolbar select{display:block;width:100%;height:44px;margin-top:7px;border:1px solid color-mix(in srgb,var(--bnt-text) 18%,transparent);border-radius:5px;background:var(--bnt-background);color:var(--bnt-text);padding:0 12px;font:14px var(--bnt-font-family)}.bnt-direction{display:flex;border:1px solid color-mix(in srgb,var(--bnt-text) 16%,transparent);border-radius:6px;overflow:hidden}.bnt-direction button{min-width:90px;height:44px;border:0;background:transparent;color:var(--bnt-muted);font:600 12px var(--bnt-heading-font-family);cursor:pointer}.bnt-direction button+button{border-left:1px solid color-mix(in srgb,var(--bnt-text) 13%,transparent)}.bnt-direction button.is-active{background:var(--bnt-accent);color:#fff}.bnt-direction button:disabled{opacity:.3;cursor:not-allowed}.bnt-encoder-note{color:var(--bnt-muted);font-size:11px;padding:8px 4px 15px}.bnt-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:10px;align-items:center}.bnt-editor-grid>label>span{display:flex;justify-content:space-between;color:var(--bnt-text);font:600 11px var(--bnt-heading-font-family);margin-bottom:8px}.bnt-editor-grid>label>span b{color:var(--bnt-muted);font:500 9px ui-monospace,SFMono-Regular,Menlo,monospace}.bnt-editor-grid textarea{display:block;width:100%;min-height:300px;resize:vertical;border:1px solid color-mix(in srgb,var(--bnt-text) 17%,transparent);border-radius:8px;background:var(--bnt-background);color:var(--bnt-text);padding:16px;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;outline:0}.bnt-editor-grid textarea:focus{border-color:var(--bnt-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--bnt-accent) 18%,transparent)}.bnt-editor-actions button{width:40px;height:40px;border:1px solid color-mix(in srgb,var(--bnt-text) 16%,transparent);border-radius:50%;background:var(--bnt-panel);color:var(--bnt-text);font-size:20px;cursor:pointer}.bnt-editor-actions button:disabled{opacity:.3}.bnt-encoder-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px}.bnt-encoder-footer>div{display:flex;gap:7px}.bnt-encoder-footer>div button{border:1px solid color-mix(in srgb,var(--bnt-text) 16%,transparent);border-radius:5px;background:transparent;color:var(--bnt-muted);padding:11px 14px;font:600 11px var(--bnt-heading-font-family);cursor:pointer}.bnt-encoder-error{margin-top:12px;border:1px solid #a93c50;border-radius:6px;background:rgba(169,60,80,.12);color:#ffabb9;padding:12px;font-size:12px}@media(max-width:780px){.bnt-encoder-toolbar{align-items:stretch;flex-direction:column}.bnt-direction{width:100%}.bnt-direction button{flex:1}.bnt-editor-grid{grid-template-columns:1fr}.bnt-editor-actions{text-align:center}.bnt-editor-actions button{transform:rotate(90deg)}.bnt-editor-grid textarea{min-height:220px}}@media(max-width:520px){.bnt-encoder-footer{align-items:stretch;flex-direction:column}.bnt-encoder-footer>div,.bnt-encoder-footer .bnt-button{width:100%}.bnt-encoder-footer>div button{flex:1}}