.PayloadEncoderTool_modeRow__z9js1{display:flex;gap:.5rem;padding:0 0 1rem;border-bottom:1px solid var(--border);margin-bottom:.25rem}.PayloadEncoderTool_modeBtn__UC_sX{padding:.35rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:.82rem;cursor:pointer;transition:all .12s}.PayloadEncoderTool_modeBtn__UC_sX:hover{color:var(--text)}.PayloadEncoderTool_modeBtnActive__YWuD_{background:var(--accent);color:var(--text-hero)!important;border-color:var(--accent)}.PayloadEncoderTool_textarea__OR3iF{width:100%;padding:.65rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--input-bg,var(--surface));color:var(--text);font-family:var(--font-mono);font-size:.82rem;line-height:1.6;resize:vertical;outline:none;transition:border-color .15s;margin-top:.5rem}.PayloadEncoderTool_textarea__OR3iF:focus{border-color:var(--accent)}.PayloadEncoderTool_row__lmz7L{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.PayloadEncoderTool_select__1Vo0P{padding:.35rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.82rem;cursor:pointer;outline:none;transition:border-color .12s;flex:1 1;min-width:160px;max-width:320px}.PayloadEncoderTool_select__1Vo0P:focus{border-color:var(--accent)}.PayloadEncoderTool_quickResults__8AXMj{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;margin-top:.65rem}@media (max-width:640px){.PayloadEncoderTool_quickResults__8AXMj{grid-template-columns:1fr}}.PayloadEncoderTool_quickResult__Zyyz0{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.PayloadEncoderTool_quickLabel__9IgkY{display:flex;align-items:center;justify-content:space-between;padding:.3rem .65rem;font-size:.78rem;font-weight:600;color:var(--text-muted);background:color-mix(in srgb,var(--surface) 60%,transparent);border-bottom:1px solid var(--border)}.PayloadEncoderTool_quickValue__Qa00e{padding:.5rem .65rem;margin:0;font-family:var(--font-mono);font-size:.78rem;white-space:pre-wrap;word-break:break-all;color:var(--text);line-height:1.6;min-height:3rem}.PayloadEncoderTool_sampleGroups___2r7O{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.2rem}.PayloadEncoderTool_sampleGroup__qQnzI{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.PayloadEncoderTool_sampleGroupLabel__4YlRB{font-size:.75rem;color:var(--text-muted);min-width:100px}.PayloadEncoderTool_sampleBtn___7Vw3{padding:.17rem .5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:.73rem;cursor:pointer;transition:all .12s}.PayloadEncoderTool_sampleBtn___7Vw3:hover{color:var(--text);border-color:var(--accent)}.PayloadEncoderTool_layers__RL9DK{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem}.PayloadEncoderTool_layer___CiF6{display:flex;align-items:center;gap:.45rem;padding:.35rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap}.PayloadEncoderTool_layerNum__XHZgz{width:1.4rem;height:1.4rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);font-size:.72rem;font-weight:700;flex-shrink:0}.PayloadEncoderTool_modeToggle__7SfIw{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.PayloadEncoderTool_modeToggleBtn__ldm81{padding:.2rem .55rem;font-size:.75rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .1s}.PayloadEncoderTool_modeToggleBtn__ldm81:hover{color:var(--text)}.PayloadEncoderTool_modeToggleBtnActive__mw8lA{background:var(--accent);color:var(--text-hero)!important}.PayloadEncoderTool_removeBtn__f3Tln{margin-left:auto;padding:.15rem .45rem;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.85rem;border-radius:var(--radius-sm);transition:all .1s}.PayloadEncoderTool_removeBtn__f3Tln:hover{color:#e05252;background:color-mix(in srgb,#e05252 10%,transparent)}.PayloadEncoderTool_addLayerBtn__3SiAr{padding:.3rem .75rem;border:1px dashed var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all .12s;width:100%}.PayloadEncoderTool_addLayerBtn__3SiAr:hover{color:var(--accent);border-color:var(--accent)}.PayloadEncoderTool_pipeline__XHKwy{display:flex;flex-direction:column;gap:0}.PayloadEncoderTool_pipelineStep__4bYVj{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:.2rem}.PayloadEncoderTool_pipelineStepHeader__6Ecid{display:flex;align-items:center;justify-content:space-between;padding:.3rem .65rem;background:color-mix(in srgb,var(--surface) 60%,transparent);border-bottom:1px solid var(--border)}.PayloadEncoderTool_pipelineStepLabel__Z4DkY{font-size:.78rem;font-weight:600;color:var(--text-muted)}.PayloadEncoderTool_pipelineStepValue__XWYCE{padding:.5rem .65rem;margin:0;font-family:var(--font-mono);font-size:.78rem;white-space:pre-wrap;word-break:break-all;color:var(--text);line-height:1.6;min-height:2.5rem}.PayloadEncoderTool_pipelineArrow__WxHMk{text-align:center;color:var(--text-muted);font-size:1rem;padding:.1rem 0}.PayloadEncoderTool_copyBtn__67Gfd{padding:.1rem .45rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:.7rem;cursor:pointer;transition:all .1s}.PayloadEncoderTool_copyBtn__67Gfd:hover{color:var(--text);border-color:var(--accent)}