.encoding-layout{gap:1rem;display:grid}#app.encoding-app{max-width:1280px;padding-left:1rem;padding-right:1rem}.encoding-mode{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.75rem .9rem;display:flex}.encoding-mode-label{color:var(--text);cursor:pointer;align-items:center;gap:.45rem;font-weight:600;display:inline-flex}.encoding-error-banner{white-space:nowrap;text-overflow:ellipsis;height:1.25rem;color:var(--danger-text);visibility:hidden;opacity:0;align-items:center;font-size:.9rem;transition:opacity .15s;display:flex;overflow:hidden}.encoding-error-banner--visible{visibility:visible;opacity:1}.encoding-grid{grid-template-columns:1fr;gap:.9rem;display:grid}@media (width>=900px){.encoding-grid{grid-template-columns:1fr auto 1fr;align-items:stretch}}.encoding-panel{flex-direction:column;gap:.55rem;min-width:0;display:flex}.encoding-panel-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.encoding-panel-title{color:var(--muted);margin:0;font-size:.95rem}.encoding-clear-btn{padding:.2rem .6rem;font-size:.82rem}.encoding-textarea{resize:none;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;height:28rem;min-height:28rem;color:var(--text);box-shadow:var(--shadow);tab-size:2;padding:.8rem .9rem;font:500 13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;overflow:auto}.encoding-textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);outline:none}.encoding-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (width>=900px){.encoding-actions{grid-template-columns:1fr;align-content:center;min-width:11rem}}