.UrlEncoderTool-module__tKbRPW__container{width:100%;max-width:800px;margin:0 auto}.UrlEncoderTool-module__tKbRPW__modeToggle{background:var(--color-bg-muted);border-radius:var(--radius-md);margin-bottom:var(--space-4);gap:2px;max-width:200px;padding:2px;display:flex}.UrlEncoderTool-module__tKbRPW__modeBtn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-fg-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-weight:600}.UrlEncoderTool-module__tKbRPW__modeActive{background:var(--color-bg);color:var(--color-fg)}.UrlEncoderTool-module__tKbRPW__layout{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.UrlEncoderTool-module__tKbRPW__col{flex-direction:column;display:flex}.UrlEncoderTool-module__tKbRPW__colHeader{justify-content:space-between;align-items:center;display:flex}.UrlEncoderTool-module__tKbRPW__colTitle{font-size:var(--text-xs);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:700}.UrlEncoderTool-module__tKbRPW__area{border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;padding:var(--space-4);color:var(--color-fg);background:var(--color-bg);resize:none;flex:1;font-family:Courier New,monospace;font-size:13px;line-height:1.5}.UrlEncoderTool-module__tKbRPW__area:focus{border-color:var(--color-primary);outline:none}.UrlEncoderTool-module__tKbRPW__copyBtn{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;font-size:var(--text-xs);color:var(--color-fg);transition:all var(--transition-fast);font-weight:600}.UrlEncoderTool-module__tKbRPW__copyBtn:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:640px){.UrlEncoderTool-module__tKbRPW__layout{grid-template-columns:1fr}}