.codec-workbench{min-width:0}.codec-heading,.codec-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.codec-heading h2{font-size:26px}.codec-heading p{margin-top:8px;font-size:14px;max-width:700px}.codec-loading{margin-top:18px;padding:14px;background:var(--brand-soft);border-radius:12px}.codec-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}.codec-controls>label,.codec-text-label,.codec-passwords>label,.codec-result-card label{display:grid;gap:9px;font-size:14px;font-weight:600}.codec-controls select{min-height:48px}.codec-direction{border:0;margin:0;padding:0;display:flex;gap:8px;align-items:center}.codec-direction legend{font-size:14px;font-weight:600;padding:0;margin-bottom:9px}.codec-direction label{flex:1;display:flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:14px}.codec-direction label:has(input:checked){background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark)}.codec-direction input{width:18px;height:18px;margin:0;accent-color:var(--brand);flex:none}.codec-method-help{padding:14px 16px;background:var(--brand-soft);border-radius:12px;margin-block:16px 24px;font-size:14px;line-height:1.9}.codec-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.codec-input,.codec-result-card{min-width:0}.codec-panel-heading{margin-bottom:18px;flex-wrap:wrap}.codec-panel-heading h3{font-size:17px}.codec-small-actions{display:flex;gap:8px;flex-wrap:wrap}.codec-small-actions .button{font-size:12px;min-height:42px;padding:8px 11px}.codec-file-label{cursor:pointer}.codec-file-label:has(+input:focus-visible){outline:3px solid var(--brand);outline-offset:3px}.codec-text-label textarea,.codec-result-card textarea{font-weight:400;min-height:230px;line-height:1.9;resize:vertical;font-size:15px;overflow-wrap:anywhere}.codec-result-card textarea{font-family:Consolas,Toolschi,monospace;font-size:13px;min-height:260px}.codec-input-meta{display:grid;gap:5px;font-size:12px;color:var(--muted);margin-block:10px 20px}.codec-passwords{border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:14px;margin:0 0 20px}.codec-passwords legend{font-size:14px;font-weight:600;padding-inline:7px}.codec-password-heading p{font-size:12px;line-height:1.9}.codec-password-heading .button{margin-top:10px}.codec-passwords input{font-size:16px}.codec-show{border:0;background:transparent;min-height:44px;cursor:pointer;justify-self:start;font-size:13px;padding:6px 0}.codec-show .icon{width:18px}.codec-demo-note{font-size:12px;color:#7b5b1e;background:#fff6df;padding:10px;border-radius:8px}.codec-actions,.codec-result-actions{display:flex;gap:10px;flex-wrap:wrap}.codec-actions>.button:first-child{flex:1}.codec-progress{margin-top:12px;min-height:28px;font-size:13px;color:var(--brand-dark)}.codec-result-card{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:20px}.codec-empty{display:grid;place-items:center;text-align:center;gap:14px;min-height:260px;padding:20px 10px;color:var(--brand-dark)}.codec-empty>.icon{width:42px;height:42px;stroke-width:1.3}.codec-empty p{font-size:14px;max-width:300px}.codec-result-summary{font-size:14px;margin-bottom:16px}.codec-result-card #codec-output-help{font-size:12px;line-height:1.9;margin-block:10px 16px}.codec-result-actions .button{font-size:12px;padding:9px 11px;min-height:44px;flex:1}.codec-result-meta{font-size:12px;margin-top:14px}.codec-details{border-top:1px solid var(--line);padding-top:18px;margin-top:20px;font-size:13px}.codec-details summary{min-height:40px}.codec-details p{margin-top:12px;line-height:2}.codec-workbench dialog{max-width:min(480px,calc(100% - 32px));border:1px solid var(--line);border-radius:18px;padding:24px;color:var(--ink)}.codec-workbench dialog::backdrop{background:#102c3280}.codec-workbench dialog p{margin-block:12px 22px;font-size:14px}.codec-workbench .field-error{margin-block:14px}.codec-workbench input[aria-invalid=true],.codec-workbench textarea[aria-invalid=true]{border-color:var(--danger)}
@media(max-width:760px){.codec-heading{align-items:start;flex-direction:column}.codec-heading h2{font-size:23px}.codec-controls{grid-template-columns:1fr;gap:18px}.codec-layout{grid-template-columns:1fr}.codec-panel-heading{gap:12px}.codec-result-card{padding:16px}.codec-workbench textarea,.codec-workbench select{font-size:16px}.codec-small-actions{width:100%}.codec-small-actions>*{flex:1}.codec-empty{min-height:200px}.codec-result-actions .button{flex-basis:calc(50% - 10px)}.codec-result-actions .button:last-child{flex-basis:100%}.codec-actions>.button{font-size:14px;padding-inline:14px}.codec-heading>.badge{font-size:12px}}

.codec-workbench .codec-direction label{flex-direction:row}.codec-passwords{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.codec-password-heading,.codec-show,.codec-demo-note{grid-column:1/-1}@media(max-width:760px){.codec-passwords{grid-template-columns:1fr}}

.codec-workbench textarea.codec-packet-input{font-family:Consolas,Toolschi,monospace;font-size:14px}